header {width: 100%;background: #fff;}
.logo {display: inline-block;}
.logo img {width: auto;max-height: 61px;}
.dropdown-toggle {width: 50px;height: 50px;background-color: #333;display: none;position: absolute;z-index: 9999;}
.top-header {background-color: var(--secondary);color: var(--white);padding-top: 12px;padding-bottom: 12px;}
.top-header .container{display: flex;align-items: center;justify-content: space-between;}
.tel-link {display: flex;gap: 16px;}
.tel-link a {color: var(--white);font-size: 14px;font-weight: 500;}
.tel-link span {margin-right: 9px;}
.tel-link .icon-phone::before {font-size: 14px;}
.tel-link span:before {color: var(--light-blue);}
.top-header-right {display: flex;align-items: center;gap: 18px;}
.top-header-right ul {display: flex;align-items: center;gap: 18px;}
.top-header-right ul li a,.top-header-right ul li span {color: var(--white);position: relative;display: flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 500;}
.top-header-right ul li a::before,.top-header-right ul li span::before {content: "";width: 6px;height: 6px;background-color: var(--white);border-radius: 100%;}
.top-header-right ul li.mmk a::before {background-color: var(--cerise);}
.top-header-right ul li.org a::before {background-color: var(--Yellow);}
.top-header-right ul li.abtran a::before,.top-header-right ul li.abtran span::before {background-color: var(--bright-blue);}
.footer-nav .wp-block-group {display: none;}
.tel-divider {border-radius: 33px;opacity: 0.15;}
header .menu-ul .menu-item:last-child a {padding-right: 0;}

/*  Basic Navigation Styles */
.navbar {position: relative;display: flex;justify-content: space-between;align-items: center;}
/* 🌟 Menu Styles */
.menu-ul {list-style: none;padding: 0;margin: 0;display: flex;}
.menu-item {position: relative;}
.menu-item a {text-decoration: none;color: #1E1E1E;padding: 42px 18px;display: block;transition: background 0.3s ease, color 0.3s ease;font-size: 18px;}



/* 🌟 Dropdown Menu */
.sub-menu{display: none;position: absolute;top: 100%;left: 0;border-radius: 0px 0px 50px 0px;background: var(--secondary);list-style: none;padding: 30px;min-width: 512px;z-index: 999;overflow: hidden;}
.sub-menu .menu-item{width: 100%;z-index: 2;margin-bottom: 2px;}
.sub-menu:after{content: '';width: 512px;height: 490px;background-image: url(../images/submenu-bg.png);position: absolute;z-index: 1;bottom: 0px;right: 0px;}
.sub-menu .menu-item a::before{content: "\e904";font-family: 'icomoon' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;
line-height: 1;-webkit-font-smoothing: antialiased;margin-right: 24px;}

/* 🌟 Show dropdown on hover (Desktop) */
.menu-item-has-children:hover .sub-menu {display: block;}

/* 🌟 Responsive Navigation */


.bar {background: #1E1E1E;height: 4px;width: 30px;margin: 5px 0;}
.menu-close{position: absolute;right: 20px;top:30px;z-index: 1;}
.menu-close .icon-hamberger:before{font-size: 30px;color: var(--secondary);}
.menu-close svg{width: 30px; margin-top: -10px;}
header{position: fixed;z-index: 1000;top: 0;transition: all 0.3s ease-in-out;}
header.scrolled{top: -144px;}
header.scrolled .top-header{ margin-top: -44px;}
.fixedmenu header.scrolled{top: 0px;transition: all 0.4s ease-in;background: var(--white);box-shadow: 0px 8px 16px rgb(62 53 82 / 10%);}
.menu-toggle{display: none;}
.menu-logo {display: none;}

@media (min-width: 769px) {
header.scrolled .logo img{max-height: 40px;}
header.scrolled .menu-item a{padding: 30px 18px;}
header .normal-header .container{display: flex;justify-content: space-between;align-items: center;}
.sub-menu li:first-child {display: none;}
.menu-item:hover a,.current-menu-item a,.current-page-parent>a {color: var(--secondary);}
.current-menu-item a:after, .current-page-parent>a:after{background: url(../images/menu-active-dot.svg) no-repeat;width: 33px;height: 6px;margin: auto;position: absolute;bottom: 20px;content: '';left: 0;right: 0;opacity: 0;transition: all 0.3s ease-in-out;}
/* .menu-item:hover a:after,.current-menu-item a:after, .current-page-parent>a:after{opacity: 1;} */
header.scrolled .menu-item a:after{bottom: 10px;}
.sub-menu .menu-item a:after{display: none;}
header .menu .menu-item:last-child a:after{left: 18px;}

/* .fixedmenu header.scrolled {position: fixed; transition: all 0.4s ease-in; top: -45px;box-shadow: 0px 8px 16px rgb(62 53 82 / 10%);} */
/* header.scrolled.hide-menu {position: fixed; transition: all 0.4s ease-in-out; top: -145px;} */
/* main{transition: all 0.6s ease-in-out;} */
/* .fixedmenu header.scrolled ~ main{ padding-top: 96px;} */
/* header.scrolled.hide-menu ~ main{padding-top:0;} */
.scrolled-header {transition: all 0.4s ease-in;position: fixed;top: -76px;background: var(--white);width: 100%;z-index: -1;}
.scrolled-header .logo img{max-height: 50px;}
.fixedmenu .scrolled-header {top: 0;box-shadow: 0px 8px 16px rgb(62 53 82 / 10%);z-index: 100;}
.scrolled-header .menu-item a {padding: 30px 18px;}
header .normal-header{position: relative;z-index: 10000;background: var(--white);}
.sub-menu .menu-item a {padding: 14px 20px!important;color: #A6CCED;font-size: 18px;font-weight: 700;line-height: 130%;}
}

@media (min-width: 769px) {
.menu-close{display: none;}
.sub-menu .menu-item a:hover,.sub-menu .current-menu-item a {border-radius: 10px;background: #D83F63;color: #fff;}
.menu{display: none;}
}

/* 🌟 Mobile Menu (Slide from Left) */
@media (max-width: 768px) {
.scrolled-header {display: none;}
.dropdown-toggle {display: block;}
.menu{background: white;position: fixed;top: 104px;left: -100%;height: 100vh;padding:30px;transition: left 0.4s ease-in-out;overflow-y: auto;width: 100%;z-index: 10000;        height: -webkit-fill-available;}
.normal-header.container {z-index: 1000;}
.menu.active{left: 0;}
.menu-item {width: 100%;text-align: left;}
.menu-toggle .icon-hamberger:before {font-size: 30px;color: var(--secondary);}
.sub-menu {position: static;display: block;background: var(--secondary);width: calc(100% - 40px);border-radius: 8px;margin-left: 20px;}
.menu-item-has-children.active .sub-menu {display: block;}
.sub-menu .menu-item a {padding: 8px 10px;color: var(--primary);font-size: 14px;font-weight: 400;}
.tel-link {display: none;}
.logo img {width: 140px;}
.menu-toggle {top: -40px;right: 0px;}
header>.container {padding-top: 17px;padding-bottom: 13px;}
.navbar {padding-top: 0px;padding-bottom: 0px;}
.menu-logo {margin-left: 20px;max-width: 120px;margin-bottom: 16px;}
.top-header-right ul li a, .top-header-right ul li span {font-size: 12px;font-weight: 400;gap: 3px;}
.top-header-right>img {width: 100px;height: auto;object-fit: cover;}
.menu-item a {padding: 15px 20px;}
.sub-menu {min-width: auto;padding: 18px;overflow: hidden;position: relative;top: 0;padding: 0 8px;background: transparent;}
.sub-menu li:first-child {display: none;}
.sub-menu .menu-item a::before {margin-right: 8px;}
.sub-menu:after {background-image: none;}
.menu-ul{display: block;width: 100%;}
.top-header{padding-top: 8px;padding-bottom: 8px;}
header.scrolled .top-header{margin-top: -36px;}
.menu-toggle{display: flex;flex-direction: column;cursor: pointer;position: absolute;right: 0;top: -30px;z-index: 1001;align-items: end;}
.menu-toggle .icon-bar{display: block;width: 22px;height: 3px;border-radius: 1px;transition: all 0.2s;background: var(--secondary);transform-origin: 1px 2px;}
.menu-toggle .middle-bar{width: 13px;}
.menu-toggle .icon-bar+.icon-bar{margin-top: 5px;}
.menu-toggle .top-bar,.menu-toggle .bottom-bar{transform: rotate(0);}
.mobile-menu-open .menu-toggle .top-bar{transform: rotate(45deg);transform-origin: 0;}
.mobile-menu-open .menu-toggle .bottom-bar{transform: rotate(-45deg);transform-origin: 0;}
.mobile-menu-open .menu-toggle .middle-bar{opacity: 0;}
.mobile-menu-open{overflow: hidden;}
.scrolled .menu{top: 68px;}
.mobile-nav-block .title{position: relative;font-size: 15px;font-weight: 600;color: var(--secondary);letter-spacing: 3.92px; text-transform: uppercase;margin-bottom: 10px;}
.mobile-nav-block .title:after{content: '';height: 1px;background: #D4D4D4;position: absolute;top: 7px;right: 0;z-index: -1;width:60%;}
.mobile-nav-block{margin-bottom: 30px;}
.mobile-nav-block li{padding: 10px 0;}
.mobile-nav-social ul{display: flex;column-gap: 30px;font-size: 24px;}
.mobile-nav-social a{color: var(--secondary);}
.menu-menu-1-container{display: none;}
.mobile-menu-open #onetrust-consent-sdk{display: none;}
.mobile-nav-block .menu-item a{padding: 0;font-size: 15px;}
.mobile-nav-block .current_page_item a{color: var(--secondary);}
}

@media (max-width: 380px){
.menu{padding-left: 18px; padding-right: 18px;}
}