html {
    font-size: 90%;
}
header {
  /* position: fixed;
  top: 0;
  left: 0;
  right: 0; */
  z-index: 1000;
  border-bottom: 0 !important;
  padding-inline: unset !important;
}
header.bg-primary {
  background-color: #3d9474 !important;
  transition: all 0.3s ease-in-out;
}

header .nav-item:hover .dropdown-toggle {
  background-color: #f8f8f8;
  color: #e2982d !important;
}

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

header .nav-link svg {
  margin-inline-start: 0.25rem;
}

header .nav-link:hover,
.nav-link > li:hover {
  padding-bottom: 0.5rem;
  border-bottom: 0 !important;
  color: #ffffff !important;
  @media (max-width: 768px) {
    color: unset !important;
  }
}
header .offcanvas-header button,
header .offcanvas-header button:hover,
header .offcanvas-header button:active {
  color: #3d9474 !important;
}
header .nav-link,
.nav-link > li {
  @media (max-width: 768px) {
    border-bottom: unset !important;
    color: unset !important;
  }
}
header .text-primary {
  color: #3d9474 !important;
}

header :dir(rtl) .hide-on-rtl {
  display: none;
}

header .btn {
  font-size: 1rem;
  white-space: nowrap;
}

@media only screen and (min-width: 768px) {
  .dropdown-menu li:hover a,
  .dropdown-menu a.active-parent {
    background-color: inherit !important;
    color: black !important;
  }
}
header .modal-backdrop {
  z-index: unset !important;
}
header .offcanvas.offcanvas-end {
  top: 0;
  inset-inline-end: 0;
  width: 400px;
  border-inline-start: 1px solid #0000002d;
  right: unset !important;
  transform: translateX(-100%);
}
header .dropdown-item:focus, header .dropdown-item:hover {
    background-color: unset !important;
}
header ul{
    padding-inline-start: 0 !important;
}
header .offcanvas-header{
    background-color: #f9f9fa !important;
}
header .offcanvas-body .navbar-nav{
    padding-inline-start: 0 !important;
}
header .offcanvas-body .navbar-nav .nav-item{
    padding-inline: 0 !important;
}
header .navbar-nav .nav-item .nav-link{
    padding-bottom: 0.5rem !important;
}