/* navbar css */
header {
  position: fixed;
  width: 100%;
  z-index: 909;
  top: 34px;
  transition: 0.5s;
}

header.fixed-header {
  top: 0px;
  transition: 0.5s;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 5px 8px 2px rgba(168, 161, 161, 0.25);
}

header.fixed-header .navbar {
  box-shadow: unset;
  transition: 0.5s;
}

.navbar-brand.logo {
  background-color: transparent;
  transition: 0.5s;
}

header .navbar {
  display: flex;
  align-items: center;
  padding: 0px;
  box-shadow: 0px 0px 8px 2px rgba(168, 161, 161, 0.25);
  border-radius: 5px;
  padding: 18px;
  background: #fff;
  transition: 0.5s;
}

.navbar-brand {
  padding: 0px;
}

.navbar-brand .brand-logo {
  display: block;
  width: 196px;
  height: 58px;
}

.navbar-menu,
.navbar-btn-grup,
.nav-mid {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px;
}

.navbar-btn-grup {
  gap: 30px;
}

.navbar-btn-grup .btn {
  padding: 13px 30px !important;
}

.navbar-btn-grup .join-btn.btn {
  color: #5C1A00;
  border: 1px solid #5C1A00;
  background-color: #ffffff;
  transition: 0.5s;
}

.navbar-btn-grup .book-btn.btn,
.navbar-btn-grup .join-btn.btn:hover,
.navbar-btn-grup .join-btn.btn.active {
  background-color: #5C1A00;
  border: 1px solid #5C1A00;
  color: #ffffff;
  transition: 0.5s;
}

.book-btn.btn:hover {
  background-color: #ffffff;
  color: #77b942;
  transition: 0.5s;
}

/* navbar-toggle */
.btn.navbar-toggle {
  padding: 5px;
  width: 35px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 5px;
  position: relative;
}

.mobile-toggle {
  display: none;
}

.navbar-toggle .line-toggle {
  position: absolute;
  display: block;
  width: 24px;
  height: 2px;
  background-color: #d9d9d9;
  border-radius: 133px;
  transition: all 0.6s;
}

.line-toggle:first-child {
  transform: translateY(-8px) translateX(0px);
}

.navbar-toggle .line-toggle:last-child {
  transform: translateY(8px) translateX(0px);
}

.navbar-toggle.dropdown-toggle::after {
  display: none;
}

.cancel-btn {
  position: absolute;
  right: 12px;
  top: 12px;
  background: white;
  border-radius: 5px;
}

.cancel-btn button {
  padding: 5px;
}

.mobile-toggle .offcanvas {
  background-color: #164e72;
}

.mobile-toggle .offcanvas-end {
  width: 280px;
}