.mega-mobile-dropdown-svg { display: none; } 
/* ========================= DESKTOP ========================= */ 
@media (min-width: 1024px) { .navigation .menu-list > .mg-li { position: static !important; } 
.navigation .menu-list > li > a { padding: 21px 10px; } 
.navigation .mg-li .megaSectionUl > li ul.mega-sub-wrapper.kr-sub-dropdown { left: 0px; display: block; position: relative;box-shadow: none; } 
.navigation .mg-li .megaSectionUl > li ul.mega-sub-wrapper.kr-sub-dropdown .sub-cat-link > a button.kr-dropdown-icon { display: none; } 
.navigation .mg-li .megaSectionUl > li ul.mega-sub-wrapper.kr-sub-dropdown .sub-cat-link > a { padding: 5px 0 !important; } 
.navigation .menu-list > .mg-li > .megaMenu { position: absolute !important; top: 90% !important; left: 50.6% !important; width: min(1180px, calc(100vw - 36px)) !important; max-width: 1180px !important; display: block !important; padding: 0 !important; margin: 0 !important; list-style: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 18px) !important; z-index: 99999 !important; transition: opacity 0.28s ease, visibility 0.28s ease, transform 0.28s ease; } 
.navigation .menu-list > .mg-li:hover > .megaMenu { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0) !important; } 
.megaSection { width: 100% !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; list-style: none !important; } 
/* Menu Layout */ 
.megaMenuInner { display: grid !important; grid-template-columns: minmax(0, 1fr) clamp(360px, 30vw, 370px); gap: 26px; align-items: start; width: 100%; padding: 24px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 22px 60px rgba(0, 0, 0, 0.16); max-height: calc(100vh - 125px); overflow: auto; } 
/* Category Grid */ 
.navigation .mg-li .megaSectionUl { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 0 !important; margin: 0 !important; list-style: none !important; } 
.navigation .mg-li .megaSectionUl > li { padding: 15px 16px !important; margin: 0 !important; background: var(--off-white); border: 1px solid rgba(0, 0, 0, 0.06) !important; transition: border-color 0.25s ease; } 
.navigation .mg-li .megaSectionUl > li:hover { border-color: var(--pri) !important; } 
/* Category Title */ 
.navigation .mg-li .megaSectionUl > li > a { display: block !important; padding: 0 0 9px !important; margin: 0 0 9px !important; font: 18px/1.35 var(--font); letter-spacing: 0.02em; color: var(--sec) !important; background: transparent !important; border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; border-radius: 0px; } 
.navigation .mg-li .megaSectionUl > li ul.mega-sub-wrapper.kr-sub-dropdown .sub-cat-link > a:hover { color: var(--pri) !important; } 
.mega-sub-wrapper .sub-cat-link ul li.sub-cat-link { list-style: none; margin-left: 0px !important; } 
.navigation .mg-li .megaSectionUl > li > a button.kr-dropdown-icon { display: none; } 
.mega-sub-wrapper .sub-cat-link ul li.sub-cat-link a { font-size: 14px; } 
.mega-sub-wrapper .sub-cat-link ul.mega-sub-wrapper.kr-sub-dropdown { padding: 5px 0px !important; } 
/* Sub Categories */ 
.mega-sub-wrapper { display: grid; gap: 2px; padding: 0 !important; margin: 0 !important; list-style: none !important; } 
.mega-sub-wrapper .sub-cat-link { padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; list-style: circle; margin-left: 15px !important; } 
.mega-sub-wrapper .sub-cat-link > a { display: block !important; padding: 2px 0 !important; font-size: 15px; font-weight: 400; line-height: 1.35; color: var(--text-color) !important; background: transparent !important; border: 0 !important; transition: color 0.2s ease; } 
.mega-sub-wrapper .sub-cat-link > a:hover { color: var(--sec) !important; } 
/* Right Image */ 
.megaImageBox { position: sticky; top: 0; padding: 12px; min-height: 320px; background: var(--off-white, #f7f5f2); border: 1px solid rgba(0, 0, 0, 0.06); } 
.megaImageBox > a { display: block !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; text-decoration: none !important; } 
.megaImageBox img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; object-position: center; transition: opacity 0.25s ease; } 
.megaImageBox img.changing { opacity: 0.2; } #megaMenuImgTitle { display: block; margin: 12px 0 4px; font: 18px/1.4 var(--font); text-align: center; color: var(--sec); } 
.navigation .mg-li .nav-img-panel { display: none !important; } } 
/* ========================= MOBILE ========================= */ @media (max-width: 1023px) { .navigation .menu-list > .mg-li { position: relative !important; } 
.kr-dropdown-menu.nav-expand > .kr-sub-dropdown { display: block !important; } 
.kr-dropdown-menu.nav-expand > .kr-sub-dropdown, .kr-dropdown-menu.nav-expand > .mega-menu-container > .kr-sub-dropdown { display: block; } 
.navigation .menu-list > li.mg-li .megaSectionUl > li.mega-mobile-open > .mega-sub-wrapper { display: block !important; } li.has-mega-mobile-dropdown.kr-dropdown-menu.nav-expand ul.mega-sub-wrapper.kr-sub-dropdown, li.has-mega-mobile-dropdown.kr-dropdown-menu.nav-expand ul.mega-sub-wrapper.kr-sub-dropdown { display: block !important; } 
.navigation .mg-li .mega-sub-wrapper ul.mega-sub-wrapper.mega-sub-wrapper2.kr-sub-dropdown { display: none !important; } 
.navigation .mg-li li.sub-cat-link.kr-dropdown-menu.nav-expand ul.mega-sub-wrapper.mega-sub-wrapper2.kr-sub-dropdown{display: block !important;} 
.navigation .menu-list > .mg-li > .megaMenu { position: static !important; width: 100% !important; max-width: 100% !important; display: none; padding: 0 !important; margin: 0 !important; transform: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } 
.megaMenuInner { display: block !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; max-height: none !important; overflow: visible !important; } 
.navigation .mg-li .megaSectionUl { display: block !important; padding: 0 !important; margin: 0 !important; list-style: none !important; } 
.navigation .mg-li .megaSectionUl > li { padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } 
/* Category */ 
.navigation .mg-li .megaSectionUl > li > a { display: block !important; padding: 10px 16px !important; margin: 0 !important; font-size: 14px; border: 0 !important; } 
.navigation .mg-li .megaSectionUl > li.has-mega-mobile-dropdown > a { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px; } 
/* Mobile Sub Menu */ 
.navigation .mg-li .mega-sub-wrapper { display: none; padding: 0 !important; margin: 0 !important; list-style: none !important; } 
.navigation .mg-li .megaSectionUl > li.mega-mobile-open > .mega-sub-wrapper { display: block !important; animation: megaMobileDrop 0.2s ease; } 
.mega-sub-wrapper .sub-cat-link { padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; } 
.mega-sub-wrapper .sub-cat-link > a { display: block !important; padding: 10px 16px 9px 10px !important; font-size: 13px; font-weight: 400; color: var(--white) !important; background: var(--sec) !important; border: 0 !important; border-bottom: 1px solid #ffffff45 !important; } 
.navigation .mg-li li.sub-cat-link.kr-dropdown-menu.nav-expand ul.mega-sub-wrapper.mega-sub-wrapper2.kr-sub-dropdown li a { font-size: 12px !important; background: #616161 !important; } 
/* Arrow */ 
.mega-mobile-dropdown-svg { display: inline-flex !important; align-items: center; justify-content: center; width: 18px; height: 18px; min-width: 18px; margin-left: auto; color: currentColor; pointer-events: none; transition: transform 0.25s ease; } 
.mega-mobile-dropdown-svg svg { display: block; width: 18px; height: 18px; stroke: currentColor; } 
.mega-mobile-open > a .mega-mobile-dropdown-svg { transform: rotate(180deg); } 
/* Desktop Image Hide */ 
.megaImageBox { display: none !important; } } 
@keyframes megaMobileDrop { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }

.container-fluid { max-width: 1500px; } 
@media (min-width: 1200px) { 
.desktop-hide { display: none !important; } 
.container { max-width: 1150px; } 
.navigation-container .navbar-toggler, .navigation-container .logo-bx { display: none; } 
.navigation .menu-list { display: flex; gap: 3px; } 
.navigation .menu-list>li>a { padding: 21px 10px; font-weight:600; color: var(--para-color); font-size: 14px; } header.is-scrolled .menubar { padding: 10px 0; } 
.navigation .menu-list>li>a:hover, .navigation .menu-list>li:hover>a, .navigation .menu-list>li.active>a { background: transparent; color: var(--pri); } 
.navigation .kr-dropdown-menu { position: relative; } 
.navigation .kr-dropdown-menu>a:hover .kr-dropdown-icon, .navigation .kr-dropdown-menu:hover>a .kr-dropdown-icon { transform: rotate(180deg); } 
.navigation .kr-sub-dropdown .kr-dropdown-menu>a .kr-dropdown-icon { transform: rotate(-90deg); } 
.navigation .kr-sub-dropdown { display: none; position: absolute; top: 100%; left: 0; min-width: 250px; max-width: 250px; width: max-content; z-index: 2; } 
.navigation .menu-list>li.kr-dropdown-menu:hover>.kr-sub-dropdown { display: block; border-radius: 12px; padding: 10px; background-color: var(--off-white); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px; } 
.navigation .kr-sub-dropdown a { padding: 6px 10px; font-size: 14px; font-weight: 500; color: var(--para-color); border-radius: 10px; transition: background .2s ease, color .2s ease; } 
.navigation .kr-sub-dropdown li:last-child a { border: 0; } 
.navigation .kr-sub-dropdown a:hover { background: transparent; color: var(--pri); } 
.navigation .kr-sub-dropdown .kr-sub-dropdown { top: 0; left: 100%;     
        border-radius: 12px;
        padding: 10px;
        background-color: var(--off-white);
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px; } 
.navigation .kr-sub-dropdown li.kr-dropdown-menu:hover>.kr-sub-dropdown { display: block; } 
/* .navigation .kr-sub-dropdown .kr-sub-dropdown a { background: var(--pri); }  */
.navigation .kr-sub-dropdown .kr-sub-dropdown a:hover { color: var(--pri); background: var(--off-white); } 
/* .navigation .kr-sub-dropdown .kr-sub-dropdown .kr-sub-dropdown a { background: var(--sec); }  */
.navigation .kr-sub-dropdown .kr-sub-dropdown .kr-sub-dropdown a:hover { color: var(--pri); background: var(--off-white); } 
.kr-dropdown-menu.kr-mega-menu { position: static; } 
.kr-dropdown-menu.kr-mega-menu .mega-menu-container { position: absolute; transform: translateX(-50%); left: 50%; width: 80vw; max-height: 400px; overflow-y: auto; display: none; border-radius: 0 0 5px 5px; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 8px; background-color: #f8f8f8; z-index: 2; } 
.kr-dropdown-menu.kr-mega-menu .mega-menu-container::-webkit-scrollbar { width: 6px; } 
.kr-dropdown-menu.kr-mega-menu .mega-menu-container::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 5px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } 
.kr-dropdown-menu.kr-mega-menu .mega-menu-container::-webkit-scrollbar-thumb { background: #aaa; border-radius: 5px; box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); } 
.kr-dropdown-menu.kr-mega-menu .mega-menu-container::-webkit-scrollbar-thumb:hover { background: #aaa; } 
.kr-dropdown-menu.kr-mega-menu:hover .mega-menu-container { display: block; } 
.kr-dropdown-menu.kr-mega-menu .mega-menu-container>.kr-sub-dropdown { position: static; display: block; width: 100%; columns: 4; -webkit-columns: 4; -moz-columns: 4; padding: 10px; background-color: transparent; max-width: unset; } 
.kr-dropdown-menu.kr-mega-menu .mega-menu-container .kr-sub-dropdown .kr-sub-dropdown { position: static; display: block; top: auto; left: auto; width: 100%; max-width: unset; } 
.kr-dropdown-menu.kr-mega-menu .mega-menu-container .kr-sub-dropdown li { display: block; } 
.kr-dropdown-menu.kr-mega-menu .mega-menu-container .kr-sub-dropdown li .kr-dropdown-icon { display: none; } 
.kr-dropdown-menu.kr-mega-menu .mega-menu-container .kr-sub-dropdown a { font-weight: 600; color: var(--pri); font-size: 16px; background-color: transparent; padding: 5px; border: 0; } 
.kr-dropdown-menu.kr-mega-menu .mega-menu-container .kr-sub-dropdown .kr-sub-dropdown a { color: var(--text-color); font-size: 14px; font-weight: 400; display: inline-flex; } 
.kr-dropdown-menu.kr-mega-menu .mega-menu-container .kr-sub-dropdown .kr-sub-dropdown a:hover { color: var(--pri); } 
} 
@media (min-width: 1300px) { 
.container { max-width: 1200px; } 
} 
@media (min-width: 1400px) { 
.container { max-width: 1350px; } 
} 
@media (min-width: 992px) { 
.row-cols-lg-8>* { flex: 0 0 auto; width: calc(100% / 8); } 
} 
@media (max-width:1250px) {
    .navigation .menu-list>li>a {
        padding: 12px 8px;}
}
@media (max-width:1199.98px) { 
.mobile_hide { display: none; } header, header.is-scrolled { height: auto; overflow: hidden; transform: none; will-change: unset; } body::before { content: ""; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(2px); opacity: 0; pointer-events: none; transition: opacity .25s ease; z-index: 10; } body.nav-is-open::before { opacity: 1; pointer-events: auto; } body.nav-is-open { overflow: hidden; } body.nav-is-open header { overflow: unset; background-color: transparent; box-shadow: none; } body.nav-is-open header .logo { visibility: hidden; } 
.logo-bx { background-color: white; padding: 20px 50px; position: relative; } 
.logo-bx .navbar-toggler { position: absolute; top: 5px; right: 5px; border-radius: 100%; transform: scale(0.8); } /* Hamburger */ .navbar-toggler { background: var(--pri); border: 0; height: 32px; width: 32px; min-width: 32px; position: relative; border: 5px solid var(--pri); /* z-index: 99; */ cursor: pointer; border-radius: 2px; } 
.navbar-toggler span { height: 2px; width: 100%; background: var(--white); display: block; position: absolute; left: 0; transition: .25s ease-in-out; border-radius: 1px; } 
.navbar-toggler span:nth-child(1) { top: 3px; } 
.navbar-toggler span:nth-child(2) { top: 10px; } 
.navbar-toggler span:nth-child(3) { top: 18px; } 
.navbar-toggler.open span:nth-child(1) { top: 10px; transform: rotate(135deg); } 
.navbar-toggler.open span:nth-child(2) { opacity: 0; left: -60px; } 
.navbar-toggler.open span:nth-child(3) { top: 10px; transform: rotate(-135deg); } /* Side panel */ .navigation { position: fixed; top: 0; right: -100%; width: min(70vw, 340px); height: 100vh; overflow: auto; background: #f2fff2; color: var(--text-color); transition: 0.25s ease; z-index: 9999; padding-bottom: 50px; } body.nav-is-open .navigation { right: 0; } 
.menu-list a { /* background: var(--white); */ color: var(--text-color); padding: 10px 12px; border-bottom: 1px solid rgb(128 189 127 / 20%); } /* Chevron on right */ .kr-dropdown-menu>a .kr-dropdown-icon { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 44px; height: 100%; } 
.kr-sub-dropdown { display: none; } 
.kr-dropdown-menu.nav-expand>.kr-sub-dropdown, .kr-dropdown-menu.nav-expand>.mega-menu-container>.kr-sub-dropdown { display: block; } 
.kr-dropdown-menu.nav-expand>a .kr-dropdown-icon { transform: translateY(-50%) rotate(180deg); } 
.kr-sub-dropdown a { padding-left: 17px; background-color: var(--pri); color: var(--white); } 
.kr-sub-dropdown .kr-sub-dropdown a { padding-left: 22px; background-color: var(--sec); color: white; } 
.kr-sub-dropdown .kr-sub-dropdown .kr-sub-dropdown a { padding-left: 36px; } 
} 
@media (max-width: 992px) { 
.feat-icon-bx { text-align: center; padding: 15px 22px; } 
.head-sec.text-start.mb-3 .tt.fs-3 { font-size: 25px !important;}
.img-breadcum-sec .tx-bx.pt-5 { padding: 0px 10px !important;}
.img-breadcum-sec .tx-bx .tt {font-size: 25px;}
.faqsection {  max-width: 100%;}
.tower-cta .cta-card {padding: 45px 35px;}
.lead-sure-section { padding: 40px 0px 40px;}
.data-item { padding: 10px 10px;}
.img-breadcum-sec img { max-height: max-content; min-height: auto;}
.menubar { padding: 0px; background: var(--white) !important; } header, header.is-scrolled { position: relative; } 
.sliders .title1 { font-size: 25px; line-height: normal;} 
.feat-icon-bx .icon { margin: 0 auto; } body.iti-mobile.nav-is-open .navbar-toggler { position: absolute; right: inherit; } 
.timeline-nav { position: relative; } 
.guide-content { padding: 0px; } 
.navbar-toggler { position: absolute; right: 5%; } 
.menuheader.d-flex.align-items-center .main-btn2 { position: absolute; right:3%; } 
.benefit-left { width: 100%; max-width: 100%;} 
.benefit-right { width: 100%; max-width: 100%; margin-top: 30px; } 
.section-content-wrapper.benefit { display: block; } 
.lead-sure-section .head-sec .title1 { font-size: 30px;} 
.bg-light.rounded-pill.p-1 { background: var(--white) !important; } 
.cta-title { font-size: 30px;} 
.benefit-left img.benefit-image { border-radius: 16px; } 
.feat-icon-bx .tt { margin-top: 8px; color: var(--text-color); font-size: 15px; font-weight: 600; line-height: 1.4; } 
.logo-bx { background-color: white; padding: 10px 60px; position: relative; } 
.col-lg-5c { width: 100%; } 
.col-lg-7c { width: 100%; } 
.about-left { display: block; overflow: hidden; } 
.menuheader.d-flex.align-items-center .main-btn2 { position: absolute; right: 12%; padding: 5px 0px; } 
} 
.mobile_stickybar { display: none; } 
@media (max-width: 991px) { 
.about-premium { padding: 70px 0; } header a.button.main-btn.main-btn2.p-10.w-inline-block { margin-right: 10%; } 
.about-details { padding-left: 0; } 
.about-main-img { height: 500px; } 
.feature-subtitle { max-width: 100%; } 
.company-data { padding: 10px; background: var(--white); } 
.company-data { grid-template-columns: repeat(2, 1fr); margin-top: 40px; } 
.carousel-caption { width: 100%;}
.data-item { border-bottom: 1px solid var(--border); } 
.data-item::after { display: none; } 
.section-title.style-02 {
    font-size: 30px;}
    .service-title { 
    font-size: 18px; 
}
} 
@media (max-width: 575px) { 
.about-premium { padding: 50px 0; } 
.about-visual { padding: 0 25px 40px 0; } 
.about-main-img { height: 400px; } 
.experience-box { width: 150px; padding: 20px; bottom: 70px; } 
.experience-box strong { font-size: 38px; } 
.visual-label { left: 15px; padding: 13px 16px; font-size: 11px; } 
.company-data { grid-template-columns: 1fr; } 
.data-item strong { text-align: right; } 
.feature-subtitle { font-size: 14px; } 
.lead-sure-section .head-sec p { font-size: 15px; } 
.data-item span { margin-bottom: 0px;} 
.data-item { padding: 10px 0px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #44444421; } 
.difference-list { padding-left: 0; border-left: 0; } 
} 
@media (max-width:767px) { 
.guide-content h2, .guide-content h3, .guide-content h4, .guide-content h5 { font-size: 20px; } 
.mobile_warpper ul li svg { height: 28px; width: 28px; margin-bottom: 1px; border-radius: 0px; display: inline-block; background: transparent; color: var(--pri); } 
.menuheader.d-flex.align-items-center .main-btn2 { right: 22%; } 
.keys { padding: 24px 15px; } 
.challenge-card { padding: 25px 22px; } 
.img-breadcum-sec .tx-bx { padding-top: 0px !important; } 
.img-breadcum-sec img {max-height: max-content; min-height: auto; } 
.lead-sure-section .contact-bx .head-sec .title1 { font-size: 25px;}
.contact-bx .head-sec .tt { font-size: 20px;}
.ft-bx ul.social li a {width: 30px; height: 30px;}
.data-item:last-child{border:none} 
.single-counter { padding: 30px; background-color: var(--bg-light); width: 100%; margin: 10px 0px; border: 1px solid #eee; } 
.section-title.style-02 { font-size: 30px;} 
.about-counter-wrapper.mb-3.d-flex.align-items-center.position-absolute.bottom-0.start-0.w-100.px-3 { display: block !important; position: relative !important;        padding: 0px !important; } 
.tower-cta .cta-card { padding: 40px 20px; } 
.mobile_stickybar ul li>span, .mobile_warpper ul li a { font-size: 11px;} 
.seo-content-bx .main-title { font-size: 25px;} 
.about-image { height: auto; } header a.button.main-btn.main-btn2.p-10.w-inline-block { margin-right: 15%; } 
.carousel-caption { width: 100%;left: inherit; right: inherit; padding: 0px 10px; } 
.container-fluid.px-5 { padding: 0px 15px !important; } 
} 
@media (max-width:680px) { 
.about-left { padding: 30px 20px;} 
.nav-tabs.nav-style-2 .nav-link {  padding-inline: 8px;}
.section-title.style-02 { font-size: 25px; margin-bottom: 0px; padding-top: 15px; } 
.modal-sm { max-width: 300px; margin: 10px auto; } 
.leader-card{ padding:22px; } 
.cert-card { padding: 23px 20px; } 
.avatar{ width:65px; height:65px; min-width:65px; font-size:22px; } 
.leader-info .title3{ font-size:18px; } 
.about-left-top { grid-row-gap: 10px; } 
.about-subheading { font-size: 18px; line-height: 28px; margin: 0px; } 
.cta-actions { text-align: left; } 
.faqsection { max-width: 100%;} 
.lead-sure-section .head-sec .title1 { font-size: 25px; } 

.whatapp_btn, .business-enq { display: none; } footer { padding-bottom: 80px; } 
.mobile_stickybar { position: fixed; bottom: 0; transition: all 0.3s ease-in-out; z-index: 9; left: 0; right: 0; display: block; } 
.mobile_warpper { background-color: var(--white); z-index: 3; position: relative; padding-inline: 10px; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px 0px inset; } 
.mobile_warpper ul { display: flex; justify-content: space-between; margin: 0; padding: 0; } 
.mobile_warpper ul li { list-style: none; width: 20%; display: flex; flex-direction: column; text-align: center; padding: 9px 0 5px; border-radius: 100%; } 
.mobile_stickybar ul li>span, .mobile_warpper ul li a { font-size: 11px; color: var(--para-color); text-decoration: none; font-weight: 500; letter-spacing: -0.5px; } 
.mobile_warpper ul li.active-menu a { color: var(--pri); } 
.mobile_warpper ul li svg { height: 28px; width: 28px; margin-bottom: 1px; } 
.mobile_warpper ul li a span { display: block; } html { font-size: 85%; } 
.main-btn { padding: 10px 10px; font-size: 15px; } 
.menubar { padding: 2px 0; } 
.logo { max-width: 70px; } 
.search-bx { margin: 0 10px; border-radius: 8px; } 
.search-bx input { min-width: unset; height: 35px; padding-left: 13px; font-size: 13px; } 
.search-bx button { height: 35px; padding-right: 10px; } main img { aspect-ratio: 1 / 1; border-radius: 15px; } 
.head-sec { margin-bottom: 15px; } 
.head-sec .tt { font-size: 23px; margin-bottom: 5px; } 
.read-mr svg { height: 14px; width: 14px; } 
.lead-sure-section, .market-sec { padding: 35px 0; } 
.ls-pillTabs .nav-link { font-size: 12px; padding: 5px 10px; } 
.clients-bx img { border-radius: 10px; } 
.read-mr { gap: 4px; } 
.counter-bx { padding: 15px; border-radius: 20px; aspect-ratio: unset; } 
.counter-bx p { font-size: 13px; } 
.content-sec p, .content-sec li { font-size: 13px; } 
.vis-mis-tabs .nav-tabs .nav-link { padding: 10px 0; font-size: 16px; } 
.counter-bx img { width: 40px; height: 40px; } 
.counter-bx .tt { font-size: 26px; margin-top: 10px; } 
.odometer.odometer-auto-theme, .odometer.odometer-theme-default { line-height: 30px; } 
.abt-sec2 .abt-counter-bx { padding: 15px 20px; } 
.abt-counter-bx .tt { font-size: 40px; } 
.img-breadcum-sec .tx-bx .tt { font-size: 20px; } 
.oem-process-card { padding: 12px; display: flex; gap: 9px; align-items: center; } 
.oem-process-number { width: 32px; height: 32px; min-width: 32px; font-size: 15px; margin-bottom: 0; } 
.oem-process-card .tt { font-size: 14px; margin-bottom: 0; } 
.oem-process-card p { display: none; } 
.contactBx-container { padding: 20px; } 
.custom-from-row { padding: 25px; } 
} 
@media (max-width: 991.98px) { 
.cta-card { padding: 45px 35px; } 
.cta-actions { max-width: 420px; } 
} 
@media (max-width: 575.98px) { 
.cta-card { padding: 35px 22px; border-radius: 18px; } 
.cta-title { font-size: 25px; } 
.cta-text { font-size: 15px; } 
.cta-features { flex-direction: column; gap: 12px; } 
.cta-actions { width: 100%; } 
}
/* SEO: semantic headings that replaced styling-only <div>s.
   Specificity 0,0,1 (same as the element rules), so every existing
   class rule (.tt, .title1, .main-tt ...) still wins and the element
   renders exactly as the original <div> did. */
h1:where(.seo-h), h2:where(.seo-h), h3:where(.seo-h), h4:where(.seo-h) {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
}

/* SEO: headings that replaced styling-only <p> titles (card / step titles).
   Mirrors the site-wide p rule in themes.css; class rules still win. */
h2:where(.seo-p), h3:where(.seo-p), h4:where(.seo-p) {
  margin: 0 0 10px;
  color: var(--para-color);
  font-size: 14px;
  font-weight: 400;
  font-family: var(--font2);
  line-height: 1.7;
  letter-spacing: inherit;
}

/* Market Area: "Zones of ..." is now an h4 (nested under the "Cities of ..." h3); same look as h2/h3 there. */
.market-sec h4 {
  font-size: 25px;
  color: var(--text-color);
  line-height: 26px;
  margin: 30px 0 30px;
  font-weight: 600;
}