/* TypoGraphy */
.header { z-index: 11111; }
.header .logo-top a { display:block; }
.inner_header { position: relative; left: 0; right: 0; width: 100%; border-bottom: 1px solid #f1f2f3; }
.inner_header, .header.sticky { background: #ffffff; box-shadow: none; }
.header.sticky { width: 100%; position: fixed; top: 0; right: 0; left: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 8px; }
.header.sticky .nav-manu ul li a, .inner_header .nav-manu ul li a { color: #000; }
.header.sticky .nav-manu ul li a:hover, .inner_header .nav-manu ul li a:hover { color: #246BCE; }
.header.sticky .whatsapp-number a,.inner_header .whatsapp-number a { color: #000; }
.header.sticky .whatsapp-number a:hover,.inner_header .whatsapp-number a:hover { color: #246BCE; }
.header.sticky .whatsapp-number a img,.inner_header .whatsapp-number a img { filter: invert(0); }
.header-wrap { margin: 0 auto; width: 100%; }
/* .header .container { max-width: 1522px; }
*/
.top-btn .btn { min-width: 200px; background: #697565; min-height: 46px; text-transform: uppercase; color: #ffffff; font-size: 16px; font-family: 'Circular Std'; font-weight: 400; padding: 0 10px; border-radius: 6px; border: 1px solid #dfdfdf; letter-spacing: 0; }
.top-btn .btn:hover { background: #fff; color: #000; border-color: #697565; }
.top-btn .btn img { margin-right: 6px; margin-top: -1px; transition: 1s; }
.top-btn .btn:hover img { filter: invert(); }
.logo-top { width: 175px; }
.header-main { padding: 16px 0px; transition: 1s; }
.header-main-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.header-right-section { display: flex; flex-wrap: wrap; align-items: center; }
.callnumber-top { margin-left: 48px; }
.callnumber-top a { padding: 0; background: transparent; color: #000000; font-size: 26px; font-family: 'Circular Std'; font-weight: 400; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; border-radius: 0; letter-spacing: 0.6px; border: none; height: auto; min-width: 255px; box-shadow: none; }
.callnumber-top a:after, .callnumber-top a:before { display: none; }
.callnumber-top a img, .callnumber-top a svg { margin-right: 11px; transition: 1s; max-width: 26px; }
.callnumber-top.d-none.d-sm-block a img, .callnumber-top.d-none.d-sm-block a svg { animation: jump-shaking 1.83s infinite; }
@keyframes jump-shaking {
 0% { transform: translateX(0) rotate(0) }
35% { transform: translateY(0) rotate(0) }
85% { transform: translateY(0) rotate(0) }
89% { transform: translateY(-2px) rotate(-17deg); }
93% { transform: translateY(-3px) rotate(17deg); /*filter: brightness(0) saturate(100%) invert(50%) sepia(91%) saturate(474%) hue-rotate(18deg) brightness(122%) contrast(90%);*/ }
98% { transform: translateY(-4px) rotate(-17deg); /*filter: brightness(0) saturate(100%) invert(50%) sepia(91%) saturate(474%) hue-rotate(18deg) brightness(122%) contrast(90%);*/ }
100% { transform: translateY(0) rotate(0); /*filter: brightness(0) saturate(100%) invert(50%) sepia(91%) saturate(474%) hue-rotate(18deg) brightness(122%) contrast(90%);*/ }
 }
.callnumber-top a:hover img { }
.callnumber-top .btn:hover { color: #246BCE; }
.whatsapp-number { margin-left: 40px; }
.whatsapp-number a { color: #000; font-size: 30px; font-family: 'Circular Std'; font-weight: 400; display: flex; flex-wrap: wrap; align-items: center; }
.whatsapp-number a:hover { color: #246BCE; }
.whatsapp-number img, .whatsapp-number svg { margin-right: 5px; max-width: 23px; }
/*======Header navigation css start=====*/
/* body.mobile-menu { overflow: hidden; }
*/
body.mobile-menu .humberge-menu span.first { display: none; }
body.mobile-menu .humberge-menu span.middle { transform: rotate(45deg); width: 30.5px; margin: 0px; position: relative; top: 2px; }
body.mobile-menu .humberge-menu span.last { transform: rotate(-45deg); width: 30.5px; margin: 0px; }
.humberge-menu { cursor: pointer; transition: 1s; width: 52px; height: 40px; background-color: #fff; border-radius: 50%; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.humberge-menu span { margin: 2px 0; background-color: #fff; width: 24px; height: 3px; border-radius: 3px; transition: .5s; }
.humberge-menu span.first { width: 11.5px; }
.humberge-menu span.last { width: 17.5px; }
.menu-bar.in .humberge-menu span.first { -webkit-animation: none; animation: none; }
.menu-bar.in .humberge-menu span.middle { -webkit-animation: none; animation: none; }
.menu-bar.in .humberge-menu span.last { -webkit-animation: none; animation: none; }
.humberge-menu a { width: 24px; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; }
.header-side-nav { position: relative; z-index: 9; }
.humberge-menu span { width: 100%; background-color: #000; }
.mobile-menu .humberge-menu span.first { transform: rotate(-45deg); margin: 7px 0 0; }
.mobile-menu .humberge-menu span.last { transform: rotate(45deg); margin: -16px 0 0; }
.navigation .moblelogo { display: none; }
.main-nav .menu-bar { display: none; }
.nav-manu { display: flex; align-items: center; justify-content: space-between; }
.nav-manu ul { margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-start; list-style-type: none; }
.nav-manu ul.mobile-menu-header-show { display: none; }
.nav-manu ul li { padding: 0; position: relative; color: #1f1f1f; font-size: 15px; margin: 0 50px 0 0; font-family: 'Circular Std'; font-weight: 500; }
.nav-manu ul li::before { display: none; }
.nav-manu ul li.active-menu a { color: #d4a40a; }
.nav-manu ul li:last-child { margin-right: 0px; }
.nav-manu ul li a { color: #000; padding: 10px 0px; display: inline-block; position: relative; text-transform: uppercase; }
.nav-manu ul li a:hover { position: relative; color: #246BCE; }
.nav-manu ul li a:hover::after { width: 100%; }
.main-nav { display: flex; align-items: center; justify-content: center; padding-left: 0px; }
/** SUB MENU **/
.navigation ul li ul.sub-menu { position: absolute; display: block; top: 100%; width: auto; transform-origin: top center; opacity: 0; visibility: hidden; min-width: 224px; padding: 0; left: -5px; right: 0; z-index: 1999; padding: 0; width: auto; display: flex; flex-wrap: wrap; justify-content: center; width: 600px; margin: 0 auto; padding: 50px 20px; }
.navigation ul li ul.sub-menu:before { content: ""; background: rgb(248, 248, 248, 0.90); position: absolute; left: -100%; right: -100%; bottom: 0; top: 0; }
.navigation ul li ul.sub-menu.shop-submenu { left: auto; right: 0; }
.navigation ul li:hover>ul.sub-menu { transform: scale(1); opacity: 1; visibility: visible; }
.navigation ul li ul.sub-menu.shop-submenu::before { left: auto; right: 40px; }
.navigation ul li ul.sub-menu li { padding: 0; width: 100%; margin: 0px 0 0; transition: .4s; border-bottom: none; position: relative; }
.navigation ul li ul.sub-menu li::after { display: none; }
.navigation ul li ul.sub-menu li a { display: block; padding: 0px; /* white-space: nowrap; */ line-height: 20px; /* transform: skewX(10deg); -webkit-transform: skewX(10deg); -ms-transform: skewX(10deg); */ color: #000; }
.navigation ul li ul.sub-menu li a::after { display: none; }
.navigation ul li ul.sub-menu li:last-child a { border-bottom: none; }
.navigation ul li ul.sub-menu li a::before { right: 10px; transform: rotate(-90deg); top: 38%; }
.nav-manu ul li.current-menu-item a { color: #246BCE; }
.nav-manu ul li.current-menu-item.menu-item-has-children>a::after { width: 100%; }
/* .navigation ul li ul.sub-menu li.current-menu-item { background-color: #09196b; }
*/
/* .navigation ul li ul.sub-menu li.current-menu-item a { color: #fff; }
*/
.navigation ul li>ul.sub-menu>li:hover>a { color: #000; }
.navigation ul li ul.sub-menu ul.sub-menu { left: 100%; top: 0; width: max-content; margin-left: 3px; }
.navigation ul li ul.sub-menu li:last-child { border-bottom: none; }
.navigation ul li ul.sub-menu ul.sub-menu li { border-left: 0; text-transform: none; }
.navigation ul li.menu-item-has-children { padding-right: 15px; }
.navigation .menu-item-has-children>a::before { content: ""; position: absolute; top: 47%; right: -17px; width: 10px; height: 6px; transform: translateY(-50%); transition: 0.4s; margin-top: 1px; background: url(../images/menu-icon.jpg); background-repeat: no-repeat; background-position: top center; }
.header.sticky .navigation .menu-item-has-children>a::before, .inner_header .navigation .menu-item-has-children>a::before { border-top-color: #000000; }
.navigation ul li.menu-item-has-children:hover a::before { border-top-color: #000; transition: 0.4s; }
.inner_header .navigation .menu-item-has-children:hover a::before { border-top-color: #000000; }
.navigation ul li.current-menu-item ul.sub-menu li a::before { top: 43%; }
.navigation ul li ul.sub-menu li:hover::before { border-color: #fff; }
/*======Header navigation css end=====*/
.navigation ul li.menu-item-has-children { position: unset; }
.navigation ul li .sub-menu .sub-menu-inner { max-width: 1200px; margin: 0 auto; padding: 50px 20px; }
.sub-menu .common-heading { text-align: left; }
:is(.sub-menu) :is(.common-heading) :is(h1, h2, h3, h4, h5, h6) { font-size: 24px; margin-bottom: 20px; padding-bottom: 15px; }
.sub-menu-heading { }
.sub-menu-heading h3 { color: #000000; font-size: 30px; font-family: 'Circular Std'; font-weight: 400; margin-bottom: 10px; position: relative; }
.navigation ul li ul.sub-menu li { width: 20%; margin: 0; padding: 15px; }
.navigation ul li ul.sub-menu strong { width: 100%; padding: 14px 10px 18px; text-align: center; font-size: 16px; line-height: 18px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #fff; }
.navigation ul li.menu-item-has-children a:hover:after { content: ""; padding-bottom: 77px; position: absolute; left: 0; right: 0; }
.nav-link.dropdown-toggle.toggle-change ~ .dropdown-menu { display: block; position: absolute; right: 0; background-color: #ffffff; box-shadow: 0 4px 15px rgba(0, 0, 0, .2); padding: 10px; border-radius: .75rem; width: auto; min-height: 2rem; z-index: 900; }
#dropdownMenu .dropdown-item, .dropdown-menu-mobile .dropdown-item { padding: 7px 10px 7px 10px; background: #f7f9f9; transition: 1s; background-color: #177fa4; border: 1px solid #177fa4; box-shadow: 0 1px 2px rgba(53, 129, 145, .4), 0 -1px 2px rgba(53, 129, 145, .04); color: #fff; margin: 10px 0; border-radius: 50px; }
#dropdownMenu .dropdown-item:hover, .dropdown-menu-mobile .dropdown-item:hover { background: #27addc; color: #fff; }
.dropdown-item a { display: flex; align-items: center; color: #fff; font-size: 18px; justify-content: center; font-family: 'Circular Std'; font-weight: 400; }
.dropdown-item a:hover { color: #fff; }
.dropdown-item.btn-signup { background: #fff; }
.dropdown-item.btn-signup:hover { background: #27addc; }
.navigation ul li.megamenu.default-megamenu ul.sub-menu { padding-left: 50px; justify-content: flex-start; }
.navigation ul li.megamenu.default-megamenu  ul.sub-menu li { width: 33.33%; margin: 10px 0;font-size: 17px;font-family: 'Circular Std Light';
    font-weight: 300;}
.navigation ul li.megamenu.default-megamenu ul.sub-menu li a { text-transform: none; }
.navigation ul li.megamenu.default-megamenu li a:before { content: ""; position: absolute; bottom: -5px; width: 0; background: #1f92bb; top: auto; height: 1px; right: 0; left: 0; transform: none; }
.navigation ul li.megamenu.default-megamenu li a:hover:before { width: 100%; }
.navigation ul li.megamenu.default-megamenu ul.sub-menu:before { content: ""; display: block; width: 24px; height: 24px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; position: absolute; margin-top: -24px; left: 35%; opacity: 1; visibility: visible; background: none; }
/* .dropdown-item.btn-signup a { color: #177fa4; }*/
.dropdown-item.btn-signup:hover a { color: #fff; }
.menuItemIcon { margin-right: 8px; display: flex; }
.profile-login { margin-left: 20px; }
.profile-login .nav-link.dropdown-toggle { background-color: #fff; width: 40px; height: 40px; border-radius: 21px; display: flex; justify-content: center; align-items: center; padding: 0px; transition: none; box-shadow: 0 1px 2px rgba(3, 54, 63, .4), 0 -1px 2px rgba(3, 54, 63, .04); }
.home .profile-login .nav-link.dropdown-toggle { background-color: transparent; box-shadow: none; }
.home .profile-login .nav-link.dropdown-toggle svg g { fill: #fff; }
.home.logged-in .profile-login .nav-link.dropdown-toggle svg g { fill: rgb(18, 152, 0); }
.home .header.sticky .profile-login .nav-link.dropdown-toggle { background-color: #fff; box-shadow: 0 1px 2px rgba(3, 54, 63, .4), 0 -1px 2px rgba(3, 54, 63, .04); }
.home .header.sticky .profile-login .nav-link.dropdown-toggle svg g { fill: #323637; }
.home.logged-in .header.sticky .profile-login .nav-link.dropdown-toggle svg g { fill: rgb(18, 152, 0); }
.logged-in .dropdown-menu.dropdown-menu-mobile h3 { color: rgb(18, 152, 0); }
.dropdown-toggle::after { display: none; }
.profile-login:hover .dropdown-toggle::after { display: inline-block; margin-left: 0; vertical-align: .255em; content: ""; border-top: 0; border-right: none; border-bottom: 0; border-left: none; position: absolute; color: transparent; left: -208px; right: -38px; bottom: -228px; top: 6px; }
.profile-login .dropdown-menu { padding: 16px; right: 0; -webkit-flex: 1 1 auto; width: 250px; border: none; transform-origin: top; display: none; top: 55px; background-color: #fff; border-radius: 13px; box-shadow: 2px 0px 18px rgba(0, 0, 0, 0.20); }
.dropdown-menu h3 { font-size: 22px; margin-bottom: 18px; }
.profile-login .nav-item.dropdown:hover .dropdown-menu { display: block !important; opacity: 1; visibility: visible; }
.user-arrow { display: flex; align-items: center; display: none; }
.profile-login .nav-item.dropdown .dropdown-menu:before { content: ""; display: block; width: 24px; height: 24px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; position: absolute; margin-top: -39px; right: 10px; opacity: 0; visibility: hidden; background: none; }
.profile-login .nav-item.dropdown:hover  .dropdown-menu:before { opacity: 1; visibility: visible; }



.navigation ul li.megamenu ul.sub-menu li ul.primary li a:before { content: ""; position: absolute; bottom: 5px; width: 0; background: #1f92bb; top: auto; height: 1px; right: 0; left: 10px; transform: none; }
.navigation ul li.megamenu ul.sub-menu li ul.primary li a:hover:before {
    width: 100%;
}
.navigation ul li.megamenu ul.sub-menu li ul.primary li.active-parent a:before {
   width: 100%;
}

/*=======banner section css start=========*/
.home-banner-section { padding: 0px; position: relative; }
.slider-item { position: relative; overflow: hidden; }
.slider-item.slider-video:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 80%);
}
.slider-item img, .slider-video video { width: 100%; height: 518px; object-fit: cover; }
.slider-video video { display: block; }
.banner-caption { text-align: left; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: auto; top:50%; transform: translate(0px, -50%); }
.caption-info { width: 100%; max-width: 860px; }
.banner-caption h1 {
    padding-top: 0px;
    padding-bottom: 0;
    font-family: 'Gilroy Medium';
    font-weight: 500;
    color: #ffffff;
    font-size: 53px;
    line-height: 60px;
    position: relative;
    max-width: 1000px;
}
.banner-caption h1 strong { font-family: 'Gilroy Medium'; font-weight: 500; }
.banner-caption p { color: #ffffff; font-size: 24px; line-height: 30px; margin-bottom: 32px; font-weight: 600; font-family: 'Mulish Regular'; font-weight: normal; }
/*=======megamenu section css start=========*/
.navigation ul li.megamenu ul.sub-menu li { width: 100%; display: flex; flex-wrap: wrap; padding: 0px; align-items: flex-start;}
/*.navigation ul li.megamenu ul.sub-menu li ul.secondary:before { content: ""; background: #d9d9d9; width: 1px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0 auto; }
*/
.navigation ul li.megamenu ul.sub-menu li strong { color: #000; }
.navigation ul li.megamenu ul.sub-menu { background: #fff; border-radius: 11px; max-width: 840px; width: 840px; box-shadow: 2px 0px 18px rgba(0, 0, 0, 0.20);}
.navigation ul li.megamenu ul.sub-menu:before { display: none; }
.megamenu .primary { flex: 0 0 30%; list-style: none; margin: 0; display: flex; flex-wrap: wrap; }
.navigation ul li.megamenu ul.sub-menu li ul.primary li a { padding: 10px 10px 10px 10px; margin-bottom: 4px; font-size: 18px; font-family: 'Circular Std Light'; font-weight: 300; }
.secondary { flex-wrap: wrap; flex: 1; }
.megamenu .primary li, .submenu li { padding: 0.75rem 1rem; }
.megamenu .primary li a:hover { color: #003b73; }
.megamenu .primary li.active-parent a { color: #003b73; font-weight: 600; }
.navigation ul li.megamenu ul.sub-menu li.active-parent a { font-weight: 600; color: #003b73; }
.navigation ul li.megamenu ul.sub-menu.mobile-submenu > li { position: relative; }
.navigation ul li.megamenu ul.sub-menu li ul.secondary li a { text-transform: none; position: relative; }
.navigation ul li.megamenu ul.sub-menu li ul.secondary li a:hover:before { width: 100%; }
.navigation ul li.megamenu ul.sub-menu li ul.secondary li a:before { content: ""; position: absolute; bottom: -5px; width: 0; background: #1f92bb; top: auto; height: 1px; right: 0; left: 0; transform: none; }
.navigation ul li.megamenu ul.sub-menu.mobile-submenu > li:before { content: ""; display: block; width: 24px; height: 24px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; position: absolute; margin-top: -73px;
    left: 5%; opacity: 1; visibility: visible; background: none; }

.submenu li > a { display: block; }
.navigation ul li.megamenu ul.sub-menu li ul.secondary { align-items: flex-start; padding-left: 20px;  border-radius: 0 11px 11px 0; }
.navigation ul li.megamenu ul.sub-menu li ul.secondary li { padding: 10px 15px; font-family: 'Circular Std Light'; font-weight: 300; width: 33.33%;font-size: 17px; }
.navigation ul li.megamenu ul.sub-menu li ul.secondary li a:hover { color: #1f92bb; }
.secondary .submenu { width: 100%; display: none; list-style: none; margin: 0; padding: 0; overflow-y: auto; }
.secondary .submenu.active { display: flex; flex-wrap: wrap; }
.navigation ul li.megamenu ul.sub-menu li ul.primary li { position: relative; padding-right: 0px; padding-left: 0px; border-radius: 0px; margin-bottom: 8px; background: none; color: #000; overflow: hidden; }
.navigation ul li.megamenu ul.sub-menu li ul.primary li::after { content: ""; display: none; width: 24px; height: 12px; background: url(../images/arow.svg); position: absolute; margin-top: 0; top: 21px; right: 28px; opacity: 0; background-repeat: no-repeat; transform: translateX(56px); transition: 1s; }
.navigation ul li.megamenu ul.sub-menu li ul.primary li::before { content: ""; width: 23px; height: 23px; background: #1f92bb; position: absolute; margin-top: 0; top: 16px; right: 20px; opacity: 0; border-radius: 50px; left: auto; transform: translateX(56px); transition: 1s; display: none; }
.navigation ul li.megamenu ul.sub-menu li ul.primary li.active-parent::after, .navigation ul li.megamenu ul.sub-menu li ul.primary li.active-parent::before { opacity: 1; transform: translateX(0px); }
.navigation ul li.megamenu ul.sub-menu li ul.primary li a { width: auto; color: #000; margin-bottom: 0; border-bottom: none; transition: none; }
.navigation ul li.megamenu ul.sub-menu li ul.primary li a:hover { width: auto; color: #143d60; }
.navigation ul li.megamenu ul.sub-menu li ul.primary li.active-parent { background: none }
.navigation ul li.megamenu ul.sub-menu li ul.primary li.active-parent a { color: #143d60; }
.navigation ul li.menu-item-has-children + li.megamenu.menu-item-has-children ul.sub-menu.mobile-submenu > li:before {
    left: 26%;
}

.megamenu.nochild ul.secondary {
    display: none;
}
.megamenu.nochild ul.primary {
    flex: 0 0 100%;
}
.navigation ul li.megamenu.nochild ul.primary li {
    width: 33.33%;
    padding-right: 10px !important;
}

@media (min-width: 1200px) {
 .panel-wrapper { display: none; }
 }
@media (max-width: 1199px) {
 .navigation ul li.megamenu ul.sub-menu.mobile-submenu { display: none; padding: 0px; }
.megamenu { position: relative; overflow: hidden; display: block; }
.panel-wrapper { display: flex; width: 100%; transition: transform 0.35s ease-in-out; display: none; }
.navigation ul li.megamenu.menu-item-has-children.open .panel-wrapper { display: flex; }
.megamenu .primary, .megamenu .secondary { flex: 0 0 100%; box-sizing: border-box; }
.megamenu .secondary { padding: 0; }
.back-header { display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 0.45rem; font-weight: 400; background: #fff; cursor: pointer; border-bottom: 1px solid #e0e0e0; color: #a3a3a3; }
.back-header::before { content: ""; width: 8px; height: 8px; border-right: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(135deg); /* chevron › */ justify-self: end; /* sits in arrow column   */ margin-left: 22px; }
.primary li { display: grid; /* text | arrow */ grid-template-columns: 1fr 0px; /* change 24px if you like */ align-items: center; padding: 0.75rem 1rem; overflow: hidden; }
/* long labels won’t push the arrow */
/* .primary li > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
*/
/* draw the arrow */
.megamenu .primary li::after {
        /* content: ""; */
        /* width: 8px; */
        /* height: 8px; */
        /* border-right: 2px solid #000; */
        /* border-bottom: 2px solid #000; */
        transform: rotate(-90deg); 
        justify-self: end;
        margin-right: 0;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        transition: 0.4s;
        font-family: FontAwesome;
        color: #000;
        padding: 0;
        z-index: 111;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background: url(../images/arrow-down.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    .megamenu .primary li:hover::after {
        border-right: none;
        border-bottom: none;
    }
.submenu.active { display: block; /* simpler on phones      */ margin: 0; }
.submenu a { display: block; }
.secondary .submenu.active { grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); }
.megamenu .primary {
    padding: 0;
    display: block;
}
.megamenu .primary li a {
    padding: 14px 25px;
    display: block;
}
.megamenu .primary li {
    width: 100%;
    padding: 0px;
}
.megamenu .secondary ul li {
    width: 100%;
}
.navigation ul li.megamenu.menu-item-has-children.nochild.open ul.sub-menu.mobile-submenu.in {
    display: block;
}
.navigation ul li.megamenu.nochild ul.sub-menu li ul.primary li {
    padding: 0px !important;
    display: block;
    color: #003b73;
    font-weight: 600;
    width: 100%;
    border-bottom: 1px solid #dbe3e5;
    margin: 0;
}
.navigation ul li.megamenu.nochild ul.sub-menu li ul.primary li a {
    padding: 14px 25px;
    display: block;
    font-weight: 600;
    font-size: 17px;
}
 }
/*=======megamenu section css end=========*/
/*=======custom select section css start=========*/
.custom-select { position: relative; }
.select-selected { padding: 10px; border-radius: 6px; cursor: pointer; }
.select-items { position: absolute; background: #fff; border: 1px solid #ccc; border-top: none; width: 100%; max-height: 200px; overflow-y: auto; z-index: 99; text-align: left; border-radius: 5px; }
.select-items div { padding: 8px 10px; cursor: pointer; }
.select-items .optgroup { background: #eee; font-weight: bold; cursor: default; }
.select-items div.option:hover { background: #f2f2f2; }
.select-hide { display: none; }
/*=======custom select section css end=========*/
.trustedby-row { text-align: center; position: fixed; bottom: 0; right: -150%; background: #fff; padding-bottom: 15px; padding-top: 15px; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; width: 100%; max-width: 390px; }
.trustedby-row h4 { margin-bottom: 15px; font-size: 18px; }
.trustedby-logo a { display: inline-block; padding: 0px 10px; }
.trustedby-logo img { max-height: 35px; }
.categories-icon { width: 14px; margin-right: 10px; margin-top: -1px; }
@media (min-width: 1200px) {
 .navigation nav.mobile-scroll .nav-manu.d-xl-block.d-none { display: inline-flex !important; }
 }