.nav-bar{display: none;}
header nav{background: none; z-index: 1000; width: 100%;}
header nav ul{display: flex; margin-bottom: 0; padding: 0;}
header nav ul li{display: inline-block; position: relative;}
header nav:after{content: ""; display: block; clear: both;}
header nav ul li a{text-decoration: none; color: var(--bg-icon); display: block; font-size: 18px; transition: all 0.3s ease-in-out;}
header nav ul li a:hover,header nav ul li.current-menu-item a,header nav ul li a:hover::after,header nav ul li.current-menu-item a::after{color: var(--primary);}
header nav ul li a:not([href]):not([class]),header nav ul li a:not([href]):not([class]):hover{color: var(--white);}
header nav ul li:last-child{margin-right: 0;}
header nav ul li:last-child a{padding-right: 0;}
header nav ul li .sub-menu{display: none; background-color: #3A7F9C; position: absolute; min-width: 150%; left: 0; white-space: nowrap; padding-left: 0; color:var(--white);}
header nav ul li .sub-menu li{margin: 0; display: block!important; width: 100%;}
header nav ul li .sub-menu li a{padding: 10px 20px!important; display: block!important; color: var(--white)!important; font-size: 15px;letter-spacing: 1px; text-transform: capitalize;}
header nav ul li .sub-menu li a:hover{color: var(--white)!important; background-color: var(--para);}
header nav ul li .sub-menu li a:before{display: none;}
header nav ul li a svg{width: 30px; height: 20px; float: right; margin-top: 3px;}
.scrolled nav ul li a{color: var(--black);}
.mobile-logo,.mobile-footer{display: none;}
header nav ul li .sub-menu{min-width: 220px !important; text-align: left;}
.head_bottom ul{justify-content: space-between;}
header nav ul li ul .sub-menu{display: none; position: absolute; width: 220px; z-index: 1000; left: 0; margin: 0; text-align: left; min-width: inherit; transition: all 500ms ease-in-out;}
.menu-item-has-children > a::after {content: "\2b";font-family: "Font Awesome 6 Pro"; margin-left: 4px; font-size: 14px; font-weight: 400;color: var(--black);transition: all 0.3s ease-in-out;}
.mainMenu .subMenu a::after{display: none;}
@media (min-width: 1199px) {
    header nav ul li ul.sub-menu .down-arrow{display: block; transform: rotate(-45deg); border: var(--white) solid; border-width: 0 2px 2px 0; top: 15px; right:14px;}
    header nav ul li:hover > .sub-menu{display: block;}
    header nav ul li:hover .sub-menu li:hover .sub-menu{position: absolute; left: 220px !important; top: 0; background-color: var(--secodary); width: 150px !important;}
    header nav ul li:last-child .sub-menu{left: -95px;}
}
@media (min-width: 1400px) {
    .main_header .header_left nav ul {gap: 10px; margin-left: 0;}
    .main_header a.cmn_btn {margin-left: 30px;padding: 20px 25px;}
    .main_header .header_number img {margin-right: 10px;width: 20px;}
    .main_header .header_left nav ul li a {font-size: 18px;line-height: 28px;}
    .main_header .header_left nav .sub-menu li a,.main_header .header_number a{font-size: 16px;line-height: 24px;}
}
@media (min-width: 1600px) {
    .main_header .header_left nav ul li a {font-size: 20px;line-height: 30px;}
    .main_header .header_left nav .sub-menu li a{font-size: 17px;line-height: 27px;}
    .main_header .header_number a{font-size: 18px;line-height: 28px;}
    .main_header .header_number img {margin-right: 12px;width: 22px;}
}
@media screen and (max-width:1399px) {
    .main_header .header_left nav ul {gap:20px;}
    .main_header .header_left nav ul li a,.main_header .header_number a {font-size: 17px;line-height: 24px;}
    .main_header .header_left nav ul li a:hover,.main_header .header_left nav ul li.current-menu-item a{color: var(--primary);}
    header nav ul li {margin: 0;}
    .main_header a.cmn_btn {margin-left: 25px;padding: 16px 20px;}
    .main_header .logo img {width: 190px;}
    .main_header .container-fluid {padding:0 15px;}
    .main_header .header_number img {margin-right: 10px;width: 20px;}
}
@media screen and (max-width:1299px) {
     .main_header .logo img {width: 180px;}
}
@media screen and (max-width: 1199px) {
    .main_header {padding: 20px;}
    .main_header .container-fluid {align-items: center;width: 100%;padding: 12px 15px;}
    .main_header .logo img {width: 180px;}
    .main_header .menu-toggle {display: block;width: 25px;}
    .main_header .header_left {position: fixed; top: 0; right: -100%; width: 320px; height: 100vh; background-color: #fffffffc; flex-direction: column; align-items: flex-start; padding: 70px 25px; transition: all 0.4s ease-in-out; z-index: 99;}
    .main_header .header_left.active {right: 0;}
    .main_header .header_left nav ul {flex-direction: column;}
    .main_header a.cmn_btn {margin-left: 0;}
    .main_header .header_number {flex-direction: column;align-items: flex-start;gap: 30px;margin-top: 30px;float: left;}
    header nav ul li .sub-menu {overflow: hidden;position: static;margin: 10px 0;}
    header nav ul li ul .sub-menu{overflow: hidden;position: static;background-color: var(--para);width: 100%;}
   .menu-item-has-children{position: relative;}
    header nav ul li .submenu-toggle{position: absolute;right: 0;top: 0;cursor: pointer;z-index: 2;transition: all 0.3s ease-in-out;}
    header nav ul .subMenu .submenu-toggle{right: 10px;top: 10px;}
    header nav ul li .submenu-toggle::before{content: "\f107";font-family: "Font Awesome 6 Pro"; font-size: 14px; font-weight: 400; color: var(--white);}
    .menu-item-has-children.active > header nav ul li .submenu-toggle::before{content: "\f106";}
    .menu-item-has-children > a::after{display: none;}
    header nav ul .subMenu a ul.sub-menu li a{padding-left: 30px;}
}
@media screen and (max-width: 991px) {
    .main_header {padding: 15px;}
    .main_header .logo img {width: 170px;}
}
@media screen and (max-width: 767px) {
    .main_header {padding: 12px;}
    .main_header .logo img {width: 160px;}
    header nav ul{margin-left: 0;}
    .main_header .header_left nav ul {gap: 25px; }
    header nav ul li {border-bottom: 1px solid #ccc; padding-bottom: 10px; }
}
@media screen and (max-width: 575px) {
    .main_header .logo img {width: 150px;}
    .main_header a.cmn_btn {padding: 14px 20px;font-size: 14px;line-height: 20px;}
    .main_header .header_left{width: 100%; right: -104%;}
}
@media screen and (max-width: 450px) {
    .main_header .container-fluid {padding: 10px 10px;}
    .main_header .logo img {width: 130px;}
    .main_header a.cmn_btn {padding: 12px 15px;}
}