.nav-2{display:none}
header{color:#000;background-color:#fff0!important;padding:7px 0;position:fixed;font-family:"Aeonik Medium";width:100%;transition:all .5s;z-index:997;flex-wrap:wrap!important}
.header .logo{line-height:1;padding-top:10px}
.header .logo h1{font-size:30px;margin:0;font-weight:700;color:#000}
.navmenu{padding:0 30px}
.header{transition:background-color .3s ease,box-shadow .3s ease;background-color:transparent;padding:0 40px}
.header.scrolled{background-color:#fff!important;box-shadow:0 2px 4px #0000001a}
.page-two .header{background-color:transparent}
.page-two .header a{color:#fff!important}
.page-two .header.scrolled{background-color:#fff}
.page-two .header .logo .scrolled{display:flex!important}
.page-two .header.scrolled a{color:#000!important}
/* Dropdown toggle SVG with circular background */
.toggle-dropdown {
  font-size: 12px;           /* size of the icon */
  line-height: 0;
  margin-left: 5px;          /* space from the text */
  width: 30px;               /* circle width */
  height: 30px;              /* circle height */
  display: flex;             
  align-items: center;       /* center the SVG vertically */
  justify-content: center;   /* center the SVG horizontally */
  border-radius: 50%;        /* make it circular */
  transition: 0.3s;
  background-color: #ea5b00; /* your desired background color */
  cursor: pointer;
}

/* Optional: rotate chevron when dropdown is active */
.dropdown.active .toggle-dropdown svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

/* SVG color (white) inside the orange circle */
.toggle-dropdown svg {
  fill: #000;   /* change SVG color to white */
  width: 12px;
  height: 12px;
}

@media (max-width: 768px) {
.page-two .header a{color:#000!important}
}
.header.scrolled{background-color:#fff;box-shadow:0 2px 5px #0000001a}
.logo{display:none;transition:opacity .3s ease}
.logo1{display:block;transition:opacity .3s ease}
.black{display:none;transition:opacity .3s ease}
.white{display:block;transition:opacity .3s ease}
.header.scrolled .logo1{display:none}
.header.scrolled .logo{display:block}
.header.scrolled .white{display:none}
.header.scrolled .black{display:block}
.mobile-nav-toggle{display:none}
@media (max-width: 999px) {
.page-two .header a{color:#000!important}
.header .logo{order:1}
.header .cta-btn{order:2;margin:0 15px 0 0;padding:6px 15px}
.header .navmenu{order:3}
}
@media (min-width: 999px) {
.navmenu{padding:0;margin-right:30px}
.toggle-dropdown{display:none}
.navmenu ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}
.navmenu li{position:relative}
.navmenu>ul>li{white-space:nowrap;padding:15px 27px}
.navmenu>ul>li:last-child{padding-right:0}
.navmenu a,.navmenu a:focus{color:#000!important;font-size:16px;font-family:var(--nav-font);display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:.3s;position:relative}
.navmenu a i,.navmenu a:focus i{font-size:12px;line-height:0;margin-left:5px;transition:.3s}
.navmenu>ul>li>a:before{content:"";position:absolute;height:100%;bottom:-3px;left:0;background-image:url(../imgs/highlight.webp)!important;background-repeat:no-repeat!important;background-position:bottom!important;visibility:hidden;width:100px;transition:all .3s ease-in-out 0s}
.navmenu a:hover:before,.navmenu li:hover>a:before,.navmenu .active:before{visibility:visible;width:100%}
.navmenu li:hover>a,.navmenu .active,.navmenu .active:focus{color:color-mix(in srgb,var(--nav-color) 90%,white 15%)}
.navmenu .dropdown ul{margin:0;background:#fff;display:block;position:absolute;visibility:hidden;left:14px;top:130%;opacity:0;transition:.3s;border-radius:4px;z-index:99;box-shadow:0 0 30px #0000001a}
.navmenu .dropdown ul a{padding:5px 20px;font-size:15px;text-transform:none;color:#000!important}
.navmenu .dropdown ul a i{font-size:12px}
.navmenu .dropdown ul a:hover,.navmenu .dropdown ul .active:hover,.navmenu .dropdown ul li:hover>a{color:#fff!important;background-color:#666}
.navmenu .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}
.navmenu .dropdown .dropdown ul{top:0;left:-90%;visibility:hidden}
.navmenu .dropdown .dropdown:hover>ul{opacity:1;top:0;left:-100%;visibility:visible}
}
@media (max-width: 999px) {
.mobile-nav-toggle{color:#6d6964;font-size:28px;line-height:0;cursor:pointer;transition:color .3s}
.navmenu{padding:0;z-index:9997}
.navmenu ul{display:none;list-style:none;position:absolute;inset:60px 20px 20px 20px;padding:10px 0;margin:0;border-radius:6px;background-color:var(--nav-mobile-background-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);box-shadow:none;overflow-y:auto;transition:.3s;z-index:9998}
.navmenu a,.navmenu a:focus{color:#000!important;padding:10px 20px;font-family:var(--nav-font);font-size:17px;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:.3s}
.navmenu a i,.navmenu a:focus i{font-size:12px;line-height:0;margin-left:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s;background-color:#ea5b00}
.navmenu a i:hover,.navmenu a:focus i:hover{background-color:#ea5b00;color:#000}
.navmenu a:hover,.navmenu .active,.navmenu .active:focus{color:var(--nav-dropdown-hover-color)}
.navmenu .active i,.navmenu .active:focus i{background-color:#ea5b00!important;color:#fff;transform:rotate(180deg)}
.navmenu .dropdown ul{position:static;display:none;z-index:99;padding:10px 0;margin:10px 20px;background-color:var(--nav-dropdown-background-color);transition:all .5s ease-in-out}
.navmenu .dropdown ul ul{background-color:#2125291a}
.navmenu .dropdown>.dropdown-active{display:block;background-color:#21252908}
.mobile-nav-active{overflow:hidden}
.mobile-nav-active .mobile-nav-toggle{color:#adabab;position:absolute;font-size:32px;top:15px;right:15px;margin-right:0;z-index:9999}
.mobile-nav-active .navmenu{position:fixed;overflow:hidden;inset:0;background:#fff;transition:.3s}
.mobile-nav-active .navmenu>ul{display:block}
.mobile-nav-toggle{display:block}
.logo{display:block;transition:opacity .3s ease}
.logo1{display:none;transition:opacity .3s ease}
}