.main-header.dark {
  background: #fff;
}
.main-header.dark .main-menu .navigation > li > a {
  color: #000;
}
.main-header.dark .main-menu .navigation li.dropdown .dropdown-btn {
  color: #000;
}
.main-header.dark .navigation > li.current > a,
.main-header.dark .navigation > li.open > a,
.main-header.dark .navigation > li:hover > a,
.main-header.dark .main-menu .navigation li:hover > a .dropdown-btn {
  color: #be1938;
}
.main-header.dark .main-menu .navigation li:hover > a .dropdown-btn span {
  transform: rotate(180deg);
}

.main-header .main-menu .navigation > li:hover .megamenu {
  display: block !important;
}
.main-header .main-menu .navigation > li .megamenu {
  position: absolute;
  left: 0;
  width: 100%;
  background: #fff;
}
.main-header .main-menu .navigation > li .megamenu .title a {
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
  margin: 0;
}
.main-header .main-menu .navigation > li .megamenu .title a::after {
  height: 0;
}
.main-header .main-menu .navigation > li .megamenu .list-one ul .sub_link {
  margin: 0 !important;
}
.main-header .main-menu .navigation > li .megamenu .list.list-one {
  transition: all 0.5s;
}
.main-header .main-menu .navigation > li .megamenu .list.list-one:hover {
  border: 2px solid #e11d48 !important;
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 242 / var(--tw-bg-opacity));
  cursor: pointer;
}
.main-header .main-menu .navigation > li .megamenu ul {
  margin-top: 20px;
  padding: 10px 20px;
  border-left: 1px solid #e1e1e1;
}
.main-header .main-menu .navigation > li .megamenu .list-one ul {
  border: none;
  padding: 0;
}
.main-header .main-menu .navigation > li .megamenu ul li {
  padding: 3px 0;
}
.main-header .main-menu .navigation > li .megamenu ul li a.sub_link {
  font-size: 14px;
  font-weight: 400;
}
.main-header .main-menu .navigation > li .megamenu ul li a.sub_link:hover {
  text-decoration: underline;
}

.main-header .main-menu .navigation > li:hover .megamenu .megamenu-wrapper-img {
  width: 100%;
  min-height: 200px;
}

.main-header .main-menu .navigation > li:hover .megamenu .megamenu-wrapper-img,
.main-header .main-menu .navigation > li:hover .megamenu .megamenu-wrapper-img .dark-overlay,
.main-header .main-menu .navigation > li:hover .megamenu .megamenu-wrapper-img span {
  border-radius: 10px;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .main-header.sticky-top {
    position: fixed !important;
    top: 0 !important;
    z-index: 1020 !important;
  }
}