header {
  background: url("../assets/images/navbar-bg.png");
}

.navbar-logo {
  width: 81px;
  height: 78px;
  border-radius: 16px;
  border: 2px solid white;
}
.navbar-scrolled-desktop .navbar-logo {
  height: 47px;
  width: 49px;
  border-radius: 8px;
}
header {
  transition: all 0.3s ease;
}

.nav-link {
  margin-right: 40px;
  color: white !important;
  font-weight: 500;
}
.btn.faq-btn {
  width: 144px;
  height: 38px;
  background-color: white;
  border-radius: 100px;
  color: #108048;
  font-weight: 500;
}
.btn.faq-btn:hover {
  border: 1px solid white;
  color: white;
}
.navbar-toggler {
  background: none !important;
  border: none !important;
}
.navbar-toggler:focus,
.navbar-toggler:active {
  box-shadow: none !important;
}
span.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.offcanvas-logo {
  width: 81px;
  height: 78px;
  border-radius: 16px;
  border: 2px solid white;
  background-color: #108048;
}
.offcanvas {
  background-color: #108048 !important;
}

@media (min-width: 250px) and (max-width: 767px) {
  .navbar-scrolled-mobile .navbar-logo {
    display: none;
  }
  .offcanvas-header {
    padding: 30px 40px !important;
  }
  .offcanvas {
    width: 277px !important;
  }
  .offcanvas-body {
    padding: 30px 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navbar-scrolled-mobile .navbar-logo {
    display: none;
  }
  .offcanvas-header {
    padding: 80px 70px !important;
  }
  .offcanvas {
    width: 567px !important;
  }
  .offcanvas-body {
    padding: 80px 70px !important;
  }
  .offcanvas-logo {
    width: 185px;
    height: 179px;
  }
}