.navbar{ font-family:'Inter',sans-serif; display:flex;  align-items:center; justify-content:space-between; padding:0; vertical-align:central;}

/* NAV */
.nav-menu{ display:flex; align-items:center; margin-bottom:0; margin-left:25px;}
.nav-item{ position:relative; list-style:none;}
.nav-link{ color:#0a1321; font-size:15px; font-weight:500; display:flex; align-items:center; gap:4px; padding:30px 16px;}
.nav-link:hover{ color:#1a81ef;}
.nav-link .fa-angle-down{ font-size:12px;}

/* ====  MEGA MENU ==== */

.mega-menu{ position:absolute; z-index:2; left:-100%; top:100%;  width:440px; background:#fff; padding:30px; display:flex; gap:20px; box-shadow:0 20px 40px rgba(0,0,0,0.3); opacity:0; visibility:hidden; transform:translateY(15px); transition:.35s ease;}
.nav-item:hover .mega-menu{ opacity:1; visibility:visible; transform:translateY(0);}
.menu-col{ min-width:160px;}
.menu-title{ font-family:'Inter',sans-serif; font-size:11px; font-weight:500; letter-spacing:2px; color:#1a81ef; margin-bottom:15px; text-transform:uppercase;}
.menu-col ul{ margin:0; padding:0;}
.menu-col ul li{margin-bottom:4px; list-style:none;}
.menu-col ul li a{ color:#0a1321; font-size:14px;}
.menu-col ul li a:hover{ color:#1a81ef;}

/* RIGHT ICONS */
.nav-icons{ display:flex; align-items:center; gap:22px;}
.nav-icons a{ color:#0a1321; font-size:18px;}

/* MOBILE */
.menu-toggle{ display:none; font-size:24px; cursor:pointer;}

/* ======  RESPONSIVE ==== */
@media(max-width:1199px){
	.nav-menu{ margin-left:10px;}
	.nav-link { font-size:14px; padding:30px 6px;}
	.nav-icons{ gap:18px;}
	.nav-icons a{ font-size:16px;}
}
@media(max-width:991px){
    .menu-toggle{display:block;}
    .nav-menu{ position:fixed; left:-100%; top:108px; width:100%; height:auto; background:#fff; flex-direction:column; align-items:flex-start;
        gap:0; padding:0 20px; overflow-y:auto; transition:.4s; box-shadow:0 0 30px rgba(0,0,0,.08);  margin-left:0;}
    .nav-menu.active{left:0;}
    .nav-item{ width:100%; border-bottom:1px solid #eee;}
    .nav-link{ padding:12px 0; justify-content:space-between; width:100%;}
    .mega-menu{ position:static; width:100%; box-shadow:none; padding:5px 0 0; flex-direction:column; gap:25px; display:none; opacity:1; visibility:visible;
        transform:none;}
    .nav-item.active .mega-menu{ display:flex;}
    .navbar{ min-height:40px; position:absolute; z-index:99; top:-57px; right:2%;}
    .nav-icons{ position:absolute; right:38px; gap:12px;}
}

@media(max-width:575px){
	.menu-col ul li { margin-bottom:2px;}
	.menu-col ul li a { font-size:13px;}
}













#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#cssmenu #menu-button { display: none;}
#cssmenu { font-family:'Poppins', sans-serif; float:right;}
#cssmenu > ul > li { float:left;}
#cssmenu.align-center > ul { font-size:0; text-align:center;}
#cssmenu.align-center > ul > li { display:inline-block; float:none;}
#cssmenu.align-center ul ul { text-align:left;}
#cssmenu.align-right > ul > li { float:right;}
#cssmenu > ul > li > a {padding:16px 22px; font-size:14px; text-decoration:none; color:#000; font-weight:500; text-transform:capitalize;}
#cssmenu > ul > li > a i{ font-size:10px; color:#666666;}
#cssmenu > ul > li:last-child a { background:#ed1f24; color:#fff; border-radius:50px; padding:16px 26px;}
#cssmenu > ul > li:last-child:hover a:hover{background:#ca0f14; color:#fff;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li:hover > a i{ color:#ed1f24;}
#cssmenu > ul > li .active{color:#ed1f24;}

#cssmenu .current-menu-item {background:#e5893c;}
#cssmenu ul li.current-menu-ancestor > a{background: #e5893c !important;}

#cssmenu > ul > li.has-sub:hover > a:before { top:20px; height:auto;}
#cssmenu ul ul { position:absolute; left:-9999px;}
#cssmenu.align-right ul ul { text-align:right;}
#cssmenu ul ul li { height:0;  -webkit-transition: all .25s ease;  -moz-transition: all .25s ease;  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;  transition: all .25s ease;}
#cssmenu li:hover > ul { left:auto;}
#cssmenu.align-right li:hover > ul { left:auto; right:0;}
#cssmenu li:hover > ul > li { height:auto;}
#cssmenu ul ul ul { margin-left: 100%; top:0;}
#cssmenu.align-right ul ul ul { margin-left:0; margin-right:100%;} 
#cssmenu ul ul{ background:#fff; box-shadow: 0 0 10px #d7d7d7; border-radius:6px; overflow:hidden;}
#cssmenu ul ul li a { border-top: 1px solid #eaeaea; padding:12px 14px; width:270px; text-transform:capitalize; font-size:14px; text-decoration:none;
  color:#000; font-weight:400; background:#fff; z-index:22; line-height:1.4;}
#cssmenu ul ul li:first-child a{ border:0;}
#cssmenu ul ul li a:hover{ background:#fff; color:#ed1f24; padding-left:20px;} 


@media ( max-width: 1199px) {
	#cssmenu > ul > li > a { padding:12px 10px;}
	#cssmenu > ul > li:last-child a, #cssmenu > ul > li:last-child:hover a {padding:12px 16px;}		
}
@media ( max-width: 991px) {	
	#cssmenu { width:100%; background:none; position:absolute; z-index:222; right:0;}
	#cssmenu ul { width: 100%; display: none; background:#000; margin-top:0;}
	#cssmenu.align-center > ul { text-align: left;}
	#cssmenu ul li {width: 100%; border-top: 0px solid rgba(120, 120, 120, 0.2);}
	#cssmenu ul ul li,
	#cssmenu li:hover > ul > li { height:auto;}    
	#cssmenu ul li a,
	#cssmenu ul ul li a { width:100%; border-bottom:0; color:#FFF; font-size:14px; padding:16px 20px; border-top: 1px solid rgba(120, 120, 120, 0.2); margin:0;}
	#cssmenu > ul > li:last-child a, #cssmenu > ul > li:last-child:hover a { padding:16px 20px; border-radius:0; margin-top:0px;}	
	#cssmenu > ul > li:hover > a { color:#fff;}
		
	#cssmenu > ul > li {float:none;}
	#cssmenu ul ul li a {padding-left:26px; font-size:14px; } 
	#cssmenu ul ul ul li a { padding-left:18px;}
	#cssmenu ul ul li a {color:#dddddd; background:none;}
	#cssmenu ul ul li a:hover{ padding-left:32px;}	
	#cssmenu ul ul li:hover > a,
	#cssmenu ul ul li.active > a {background:#262626; color:#FFFFFF; }
	#cssmenu > ul > li .active, #cssmenu li .active { background:#131313; color:#fff; border-bottom: solid #0095d9 0px;}
	
	#cssmenu ul ul {background:none; box-shadow:none;}
		
	#cssmenu ul ul,
	#cssmenu ul ul ul,
	#cssmenu.align-right ul ul { position: relative; left: 0;  width: 100%;  margin: 0; text-align: left;}
	#cssmenu > ul > li.has-sub i{ display:none;}
	#cssmenu > ul > li.has-sub > a:after,
	#cssmenu > ul > li.has-sub > a:before,
	#cssmenu ul ul > li.has-sub > a:after,
	#cssmenu ul ul > li.has-sub > a:before { display: none;}
	#cssmenu #menu-button { display: block; padding: 17px; color: #f00; cursor: pointer; font-size: 12px; text-transform: uppercase;
	font-weight:normal; position: absolute; top:-55px; right:0px;}
	#cssmenu #menu-button:after,  #cssmenu #menu-button.menu-opened:after { position:absolute; top:22px; right:17px; display:block;
	height: 9px; width:20px; border-top:2px solid #000; border-bottom:2px solid #000; content: '';}
	#cssmenu #menu-button:before , #cssmenu #menu-button.menu-opened:before{ position:absolute; top:16px; right:17px; display:block;
	height: 2px; width:20px; background:#000; content: '';}
	#cssmenu .submenu-button {position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height:44px; width: 46px; cursor: pointer;}
	#cssmenu .submenu-button.submenu-opened { background: #262626;}
	#cssmenu ul ul .submenu-button {height: 34px; width: 34px;}
	#cssmenu .submenu-button:after { position:absolute; top:22px; right:19px; width:8px; height:2px; display:block;   background: #dddddd; content: '';  }
	#cssmenu ul ul .submenu-button:after {top: 15px; right: 13px;}
	#cssmenu .submenu-button.submenu-opened:after {background: #ffffff;}
	#cssmenu .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px;   background: #dddddd;  content: '';  }
	#cssmenu ul ul .submenu-button:before { top:12px; right:16px;}
	#cssmenu .submenu-button.submenu-opened:before {display: none;}
}

@media ( max-width: 767px) {
	#cssmenu #menu-button { top:-55px;}
}