body,html{overflow-x:hidden}
/* Hero: never use JS background-image (was LCP); lock sizes to kill CLS */
.hero-one{background-color:#f4f7fb!important;background-image:none!important}
@media (max-width:991px){
.hero-one,.hero-one__wrapper{height:620px!important;min-height:620px;max-height:620px}
.hero-one__animation-1,.hero-one__animation-2{display:none!important}
.hero-one__content{padding:60px 20px 0!important;max-width:100%!important}
.hero-one__content h1,.hero-one__content h2{font-size:30px!important;line-height:40px!important;margin:0 0 14px!important}
.hero-one__content p{font-size:16px!important;margin:0 0 28px!important}
}
@media (max-width:767px){
.hero-one,.hero-one__wrapper{height:620px!important;min-height:620px;max-height:620px}
.hero-one__content{padding:48px 16px 0!important}
}
@media (max-width:575px){
.hero-one__content h1,.hero-one__content h2{font-size:26px!important;line-height:34px!important}
}
/* Below-fold */
.brand-one,.faq-one,.case-study-one,.blog-two,.cta-one,.footer-three,.integrations-one,.process-one{content-visibility:auto;contain-intrinsic-size:1px 700px}
.cwv-reduce-motion .hero-one__animation-1,.cwv-reduce-motion .hero-one__animation-2,.cwv-reduce-motion .footer-animation-1,.cwv-reduce-motion .footer-animation-2,.cwv-reduce-motion .footer-animation-3,.cwv-reduce-motion .footer-animation-4,.cwv-reduce-motion .footer-animation-5{animation:none!important}
.skip-link{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.visually-hidden,.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.case-study-one__single{height:500px}
@media only screen and (max-width:900px){.case-study-one__single{height:unset}.side_fixed{position:fixed;right:15px;bottom:12%;transform:unset;z-index:99;padding:0!important;font-size:16px!important;border-radius:50%}}
.service-one .service-one__single{height:100%}
@media (max-width:576px){.service-details .form{display:none}}
.hero-one{contain:layout style}
.header__logo img{width:160px;height:auto;aspect-ratio:180/48}
@media (min-width:1200px){.header__logo img{width:180px}}
img{max-width:100%;height:auto}
.whatsapp-button img{width:60px;height:60px}
.wow{visibility:visible!important}
.fa,.fab,.fad,.fal,.far,.fas,.fat,.fa-solid,.fa-brands,.fa-regular{display:inline-block;width:1.15em;text-align:center}
.blog-two__single img,.case-study-one__single img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}
.side_fixed{min-height:48px}
.brand-one__title{text-align:center;font-weight:600;margin-bottom:40px}
.brand-one__active:not(.owl-loaded){display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 36px}
.brand-one__single{display:flex;align-items:center;justify-content:center;min-height:80px;padding:8px}
.brand-one__active img{max-width:140px;width:auto;height:auto;max-height:64px;object-fit:contain;margin:0 auto;filter:grayscale(100%);opacity:.75;transition:filter .25s,opacity .25s}
.brand-one__active img:hover{filter:none;opacity:1}
.brand-one .owl-stage{display:flex;align-items:center}
/* Case studies — readable before Swiper + after init */
.case-study-one__active:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 16px 12px}
.case-study-one__active:not(.swiper-initialized) .swiper-slide{flex:0 0 min(360px,85vw);scroll-snap-align:start}
.case-study-one .rr-scrollbar{max-width:240px;margin-left:auto;margin-right:auto;height:6px;background:rgba(11,23,40,.12);border-radius:999px}
/* Mobile hamburger menu toggle */
.header__main-right{display:flex;align-items:center;gap:12px}
.side-toggle{display:inline-flex!important;align-items:center;justify-content:center;border:0;background:transparent;padding:8px;cursor:pointer;z-index:105}
.side-toggle .bar-icon{width:28px;height:20px;display:flex;flex-direction:column;justify-content:space-between}
.side-toggle .bar-icon span{display:block;width:100%;height:2px;background:#0b1728;border-radius:1px}
@media (min-width:1200px){.side-toggle{display:none!important}}
/* Mobile side drawer */
.side-info{background:#0b1728;color:#fff;height:100%;position:fixed;z-index:9999;top:0;right:-100%;width:min(500px,92vw);padding:28px 24px;transition:right .35s ease-out;overflow-y:auto;-webkit-overflow-scrolling:touch}
.side-info.info-open{right:0}
.side-info a{color:#fff}
.side-info .offset__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.side-info .side-info-close{border:0;background:transparent;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:4px 8px}
.offcanvas-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.offcanvas-overlay.overlay-open{opacity:1;visibility:visible}
.mobile-menu ul{list-style:none;padding:0;margin:0 0 24px}
.mobile-menu ul li{border-bottom:1px solid rgba(255,255,255,.12)}
.mobile-menu ul li a{display:block;padding:12px 0;color:#fff;font-weight:600}
.mobile-menu .sub-menu{padding-left:14px}
.mobile-nav__contact{list-style:none;padding:0;margin:0}
.mobile-nav__contact li{margin:10px 0;color:rgba(255,255,255,.85);font-size:14px}
html.menu-open,html.menu-open body{overflow:hidden}