.mobile-menu-toggle { border: none; font-size: 20px; background: none; padding: 11px 20px 11px 0px; font-weight: 600; position: relative; display: flex; align-items: center; cursor: pointer; }
.mobile-menu-wrapper { position: fixed; top: 0; left: -100vw; transition: left 0.3s ease-in-out; width: 400px; height: 100vh; overflow: hidden; background-color: #fff; z-index: 11; min-width: 300px; padding-top: 0px; }
.mobile-menu-wrapper button { background-color: transparent; border: 0; cursor: pointer; }
.mobile-menu-wrapper.show { left: 0 !important; }
.wrapper-bg { width: 100vw; height: 100vh; transition: all 0.5s ease-in-out; position: fixed; top: 0; right: 0; opacity: 0; background-color: rgba(0, 0, 0, 0.8) !important; display: none; z-index: 10; }
.wrapper-bg .close-menu { position: absolute; top: 15px; left: 420px; font-size: 22px; color: #ccc; cursor: pointer; }

.wrapper-bg.show { opacity: 1; display: block; }
.hidden { display: none !important; }
aside#mega-menu--mobile .mega__container { width: 100%; height: 100vh; height: 100svh; max-height: 100vh; max-height: 100svh; display: flex; flex-direction: column; overflow: hidden; }
aside#mega-menu--mobile .mega__container[data-active-depth="1"] button { transform: translateX(100%); opacity: 0; pointer-events: none; }
aside#mega-menu--mobile .mega__header { height: 50px; padding-inline: 10px; background-color: #fff; position: relative; border-bottom: solid 1px #ccc; overflow: hidden; }
aside#mega-menu--mobile .mega__header .mega__controls { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; }
aside#mega-menu--mobile .mega__header .mega__controls button { font-family: "Poppins" !important; font-size: 12px; color: #151515; letter-spacing: normal; display: flex; align-items: center; gap: 4px; transition: all 250ms ease-in-out; width: 100%; height: 40px; position: absolute; padding: 10px; max-width: 100%; background: #fff; left: 0; }
aside#mega-menu--mobile .mega__header .mega__controls button .btn__icon, aside#mega-menu--mobile .mega__header .mega__controls button .btn__label { display: flex; pointer-events: none; }
.mega__body { height: calc(100vh - 50px); overflow: auto; }
.nav { display: block; padding: 0px 10px; width: 100%; }
.nav, .nav__sub { margin-top: 0; margin-bottom: 0; list-style-type: none; }
.nav .nav__item, .nav__sub .nav__item { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #ccc !important; }
.nav .nav__item .nav__link, .nav__sub .nav__item .nav__link { width: 100%; padding: 0; border: 0 !important; color: #151515; border-radius: 0px; font-family: "Poppins" !important; font-weight: 600; position: relative; padding: 15px 0px 15px 25px !important; }
.nav .nav__item .nav__link i, .nav__sub .nav__item .nav__link i { color: #151515; transition: 0.5s; }
.nav .nav__item .nav__link > i, .nav__sub .nav__item .nav__link > i { min-width: 15px; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.nav .nav__item .nav__link .fa-chevron-right, .nav__sub .nav__item .nav__link .fa-chevron-right { width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: flex-end; }
.nav .nav__item .nav__link.sub__close, .nav__sub .nav__item .nav__link.sub__close { font-size: 12px; justify-content: start; padding-left: 0px !important; }
.nav .nav__item .nav__link.sub__close i, .nav__sub .nav__item .nav__link.sub__close i { position: relative; transform: none; top: inherit; left: inherit; }
.nav .nav__item .next, .nav__sub .nav__item .next { height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; }
.nav .nav__item:first-child, .nav__sub .nav__item:first-child { border-top: none !important; }
.nav .nav__sub .nav__item:first-child .nav__link, .nav__sub .nav__sub .nav__item:first-child .nav__link { border-top: none !important; }
.nav .nav__sub .nav__link, .nav__sub .nav__sub .nav__link { padding-left: 0px !important; }
.nav__sub { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0; visibility: hidden; padding: 0px 10px; transition: all 0.35s ease-in-out; transform: translateX(100%); z-index: 9; }
.nav__sub.is-active { opacity: 1; visibility: visible; transform: translateX(0%); }
.mega__controls .heading { font-size: 18px; font-weight: 400; margin-bottom: 0px; }
.btn__icon { height: 8px; width: 8px; }
.menu { cursor: pointer; }
.menu i { font-size: 20px; }


@media (max-width: 830px) { .wrapper-bg .close-menu {   left: 370px;  } .mobile-menu-wrapper {   width: 350px;  }}
@media (max-width: 480px) { .wrapper-bg .close-menu {   left: 320px;  } .mobile-menu-wrapper {   width: 300px;  }}
@media (max-width: 360px) { .wrapper-bg .close-menu {   left: 285px;  } .mobile-menu-wrapper {   width: 270px;   min-width: auto;  }}