@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap');
:root{--primary:#082d38;--secondary:#DB4914;--tertiary:#082d38;--tertiary:#082d38;--white:#fff;--text:#606a6d;--light:#f4f5f3;--line:#e2e5e3;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Instrument Sans',Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.utility{height:42px;background:var(--primary);color:#dbe5e7;font-size:12px}.utility-in{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:28px}.utility a{color:#fff}.site-header{position:absolute;z-index:20;top:42px;left:0;width:100%;background:rgba(8,45,56,.94);border-bottom:1px solid rgba(255,255,255,.13)}.nav-in{height:92px;display:flex;align-items:center;gap:35px}.logo{width:185px;flex:none}.logo img{width:100%;height:auto;max-height:62px;object-fit:contain}.site-nav{display:flex;align-items:center;justify-content:center;gap:28px;margin-left:auto;color:#fff;font-size:14px}.site-nav>a,.drop>button{color:#fff;background:none;border:0;cursor:pointer;padding:34px 0}.drop{position:relative}.drop>button span{font-size:11px;margin-left:4px}.dropdown{position:absolute;top:78px;left:-18px;width:220px;padding:12px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.drop:hover .dropdown,.drop:focus-within .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{display:block;padding:10px 13px;color:var(--primary);font-size:13px}.dropdown a:hover{background:#f5f5f4;color:var(--secondary)}.header-cta,.orange-btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:var(--secondary);color:#fff;border:0;padding:14px 23px;font-weight:600;font-size:13px;cursor:pointer;transition:.25s}.header-cta{margin-left:8px;white-space:nowrap}.header-cta:hover,.orange-btn:hover{background:#DB4914;transform:translateY(-2px)}.menu{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:25px}
.hero{height:850px;min-height:720px;position:relative;overflow:hidden;background:var(--primary)}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-tint{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,45,56,.92),rgba(8,45,56,.52) 52%,rgba(8,45,56,.35));z-index:1}.hero-slide{position:absolute;inset:0;z-index:2;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .65s}.hero-slide.active{opacity:1;visibility:visible}.hero-content{padding-top:95px;color:#fff}.hero-kicker,.section-label,.eyebrow{letter-spacing:2px;text-transform:uppercase;font-weight:600;font-size:12px;color:var(--secondary);margin:0 0 18px}.hero h1{font-size:clamp(54px,7vw,94px);line-height:.97;letter-spacing:-3px;margin:0 0 25px;font-weight:600}.hero-desc{max-width:590px;font-size:16px;color:#e7eeee;margin:0 0 34px}.hero-bottom{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:4;color:#fff;font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.hero-bottom i{display:block;width:45px;height:1px;background:rgba(255,255,255,.6)}.hero-pages{position:absolute;right:5%;bottom:30px;z-index:4;color:#fff;display:flex;align-items:center;gap:15px}.hero-pages button{background:none;border:0;color:#fff;cursor:pointer;font-size:18px}.hero-pages b,.hero-pages em{font-size:12px;font-style:normal}.hero-line{width:100px;height:1px;background:rgba(255,255,255,.35);position:relative}.hero-line i{display:block;width:33%;height:2px;background:var(--secondary)}
section{padding:110px 0}.dark{background:var(--primary);color:#fff}.statement{padding:115px 0 85px}.statement h2,.section-head h2,.services-heading h2,.feature-copy h2,.intl-copy h2,.distribution h2,.timeline-section h2,.tracking h2,.cta h2{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-2px;margin:0;font-weight:600}.statement h2{max-width:1120px}.statement h2 span,.section-head h2 span,.services-heading h2 span,.feature-copy h2 span,.intl-copy h2 span,.distribution h2 span,.timeline-section h2 span,.tracking h2 span,.cta h2 span{color:var(--secondary)}.stats{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.18);margin-top:70px}.stats>div{padding:28px 20px;border-right:1px solid rgba(255,255,255,.15)}.stats>div:last-child{border-right:0}.stats strong{display:block;font-size:38px;color:#fff;line-height:1.1}.stats small{display:block;margin-top:9px;color:#aebec1;font-size:12px}
.services{background:#f8f8f6}.services-heading{display:grid;grid-template-columns:1fr 1.1fr auto;gap:50px;align-items:end}.services-heading>p{max-width:470px;margin:0}.text-link{font-weight:600;color:var(--primary);font-size:13px;white-space:nowrap}.text-link.light{color:#fff}.home-services{display:grid;grid-template-columns:repeat(5,1fr);margin-top:75px;border-top:1px solid #dfe2df}.home-services article{padding:28px 22px 32px;border-right:1px solid #dfe2df;min-height:250px;transition:.25s}.home-services article:first-child{border-left:1px solid #dfe2df}.home-services article:hover{background:var(--primary);color:#fff}.home-services span{font-size:12px;color:var(--secondary)}.home-services h3{font-size:22px;line-height:1.15;margin:48px 0 13px;color:inherit}.home-services p{font-size:13px}.home-services a{font-size:12px;font-weight:600;color:var(--secondary)}.service-photo-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:45px}.service-photo-strip img{height:280px;width:100%;object-fit:cover}
.feature{padding:0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;min-height:700px}.feature-copy{padding:110px 70px 100px 0;display:flex;flex-direction:column;justify-content:center}.feature-copy p{max-width:560px}.feature-photo img{height:100%;width:100%;object-fit:cover}.ticks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 35px}.ticks span{font-size:13px;padding-left:22px;position:relative}.ticks span:before{content:'+';position:absolute;left:0;color:var(--secondary);font-weight:bold}.three-features{padding:0;background:#f8f8f6}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr)}.feature-cards article{padding:55px 45px;border-right:1px solid #ddd}.feature-cards article:first-child{border-left:1px solid #ddd}.mini-icon{color:var(--secondary);font-size:12px}.feature-cards h3{font-size:24px;color:var(--primary);line-height:1.2}.feature-cards p{font-size:13px}
.international{background:#fff}.intl-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.intl-photo img{width:100%;height:650px;object-fit:cover}.intl-copy p{max-width:610px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:35px 0}.benefits div{padding:22px 18px 22px 0;border-top:1px solid #ddd}.benefits b{color:var(--secondary);font-size:11px;margin-right:13px}.benefits strong{display:block;margin:10px 0 5px;color:var(--primary);font-size:17px}.benefits small{font-size:12px}
.distribution{background:var(--primary) url('assets/bg-map-pattern.webp') center/cover no-repeat;position:relative}.distribution:before{content:'';position:absolute;inset:0;background:rgba(8,45,56,.88)}.distribution>.wrap{position:relative}.distribution-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.distribution p{max-width:450px;color:#c2ced0}.world-grid{min-height:420px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-content:center;position:relative}.world-grid span{border:1px solid rgba(255,255,255,.2);padding:16px;color:#fff;font-size:11px;letter-spacing:1px;text-align:center;background:rgba(8,45,56,.45)}
.team-home{background:#f8f8f6}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}.team-photo{aspect-ratio:1/.98;overflow:hidden;background:#dce1df}.team-photo img{width:100%;height:100%;object-fit:cover;transition:.45s}.team-grid article:hover img{transform:scale(1.04)}.team-grid p,.project-strip small,.blog-grid small{font-size:10px;letter-spacing:1.6px;color:var(--secondary);margin:18px 0 4px}.team-grid h3{margin:0;color:var(--primary);font-size:21px}.team-grid a,.project-strip a,.blog-grid a{font-size:12px;font-weight:600;color:var(--primary)}
.timeline-section{background:#fff}.timeline{display:grid;grid-template-columns:repeat(5,1fr);margin-top:70px;border-top:1px solid #d7dcda}.timeline article{padding:28px 22px;border-right:1px solid #d7dcda;min-height:250px}.timeline article:first-child{border-left:1px solid #d7dcda}.timeline b{font-size:34px;color:var(--secondary)}.timeline h3{font-size:14px;color:var(--primary);letter-spacing:1px}.timeline p{font-size:12px}
.projects-home{padding-bottom:120px}.project-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.project-strip article{position:relative;min-height:480px;overflow:hidden;background:#123943}.project-strip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;transition:.4s}.project-strip article:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(8,45,56,.95))}.project-strip article:hover img{transform:scale(1.05)}.project-strip article>div{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}.project-strip h3{color:#fff;font-size:25px;line-height:1.15;margin:8px 0 20px}.project-strip a{color:#fff}
.tracking{padding:115px 0}.tracking-grid{display:grid;grid-template-columns:1fr .75fr;gap:100px;align-items:center}.tracking ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin:35px 0}.tracking li{font-size:13px;padding-left:18px;position:relative;color:#d1dddf}.tracking li:before{content:'•';color:var(--secondary);position:absolute;left:0}.track-box{background:#fff;color:var(--primary);padding:45px;box-shadow:0 25px 70px rgba(0,0,0,.18)}.form-title{font-size:11px;letter-spacing:2px;color:var(--secondary);font-weight:600}.track-box label{display:block;font-size:11px;margin:18px 0 7px}.track-box input,.track-box select,.newsletter-form input{width:100%;border:1px solid #d9dedc;padding:14px 15px;outline:0;background:#fff}.track-box button{margin-top:22px}.result{margin-top:20px;padding:15px;background:#edf4f1;font-size:13px}
.blogs-home{background:#f8f8f6}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}.blog-image{height:290px;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.blog-grid article:hover img{transform:scale(1.04)}.blog-grid h3{font-size:24px;line-height:1.15;color:var(--primary);margin:6px 0 10px}.blog-grid p{font-size:13px}.newsletter{background:var(--secondary);color:#fff;padding:55px 0}.newsletter-in{display:flex;align-items:center;justify-content:space-between;gap:40px}.newsletter .section-label{color:#fff}.newsletter h2{font-size:38px;line-height:1.1;margin:0}.newsletter h2 span{color:var(--primary)}.newsletter-form{display:flex;gap:10px;width:min(500px,100%)}.newsletter-form input{border:0}.cta{padding:90px 0}.cta-in{display:flex;align-items:center;justify-content:space-between;gap:30px}.dark-btn{background:var(--primary);color:#fff;padding:15px 24px;font-size:13px;font-weight:600}.footer{background:#061f27;color:#b9c5c7;padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:40px}.footer-logo{width:190px;max-height:70px;object-fit:contain}.footer h4{color:#fff;margin:0 0 18px;font-size:14px}.footer a,.footer p,.footer span{display:block;font-size:12px;margin:8px 0}.footer-contact{margin-top:20px}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:55px;padding-top:20px;font-size:11px;color:#8fa0a3}
.toast{position:fixed;right:24px;bottom:24px;background:var(--primary);color:#fff;padding:14px 18px;font-size:13px;z-index:99;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
@media(max-width:760px){.site-nav{gap:16px}.header-cta{display:none}.services-heading,.distribution-head,.tracking-grid{grid-template-columns:1fr}.home-services{grid-template-columns:repeat(2,1fr)}.feature-grid,.intl-grid{grid-template-columns:1fr}.feature-photo{height:500px}.team-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(3,1fr)}.project-strip{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.world-grid{margin-top:30px}.intl-photo{order:2}.intl-copy{order:1}}
@media(max-width:760px){.wrap{width:min(var(--max),calc(100% - 30px))}.utility{display:none}.site-header{top:0}.nav-in{height:78px}.logo{width:160px}.menu{display:block}.site-nav{position:absolute;display:none;left:15px;right:15px;top:70px;background:var(--primary);padding:15px;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav>a,.drop>button{padding:13px 5px;text-align:left}.dropdown{position:static;display:none;opacity:1;visibility:visible;transform:none;width:auto;background:#0d3a45;box-shadow:none}.drop.open .dropdown{display:block}.dropdown a{color:#fff}.hero{height:720px;min-height:620px}.hero-content{padding-top:60px}.hero h1{font-size:52px;letter-spacing:-2px}.hero-desc{font-size:14px}.hero-pages{right:20px}.hero-bottom{display:none}.stats{grid-template-columns:1fr 1fr}.stats>div{border-bottom:1px solid rgba(255,255,255,.15)}.services-heading{gap:20px}.home-services,.feature-cards,.service-photo-strip,.team-grid,.project-strip,.blog-grid,.timeline{grid-template-columns:1fr}.home-services article{border-left:1px solid #dfe2df}.feature-copy{padding:75px 0}.ticks,.benefits,.tracking ul{grid-template-columns:1fr}.intl-photo img{height:430px}.distribution-head{gap:20px}.world-grid{grid-template-columns:1fr 1fr}.timeline article{border-left:1px solid #d7dcda}.project-strip article{min-height:390px}.tracking-grid{gap:45px}.track-box{padding:28px}.newsletter-in,.cta-in{align-items:flex-start;flex-direction:column}.newsletter-form{flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}


/* =========================================================
   LOGI-STYLE FIDELITY OVERRIDES — ACHYUTAM
   ========================================================= */
:root{--primary:#082d38;--secondary:#DB4914;--tertiary:#082d38;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;color:#647276;font-family:"Instrument Sans",Arial,sans-serif;letter-spacing:.01em}a{transition:all .28s ease}.wrap{width:min(var(--max),calc(100% - 60px));margin:auto}
.utility{height:44px;background:#082d38;border-bottom:1px solid rgba(255,255,255,.11);color:#c6d0d2;font-size:11px;letter-spacing:.04em}.utility-in{height:44px;display:flex;align-items:center;justify-content:flex-end;gap:27px}.utility a{color:#fff}.utility a:first-of-type{color:#fff}.utility a:hover{color:#DB4914!important}
.site-header{position:absolute;z-index:20;left:0;right:0;top:44px;background:rgba(8,45,56,.84);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}.nav-in{height:92px;display:flex;align-items:center;gap:44px}.logo{width:185px;flex:none}.logo img{display:block;width:100%;height:auto;max-height:67px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.site-nav>a,.drop>button{font:600 12px/1 "Instrument Sans",sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.06em;background:none;border:0;padding:39px 0;cursor:pointer}.site-nav>a:hover,.site-nav>a.active,.drop>button:hover{color:#DB4914}.drop{position:relative}.dropdown{position:absolute;top:82px;left:-18px;width:225px;background:#fff;padding:12px 0;box-shadow:0 18px 45px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}.drop:hover .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{display:block;color:#082d38;padding:12px 20px;font-size:12px}.dropdown a:hover{background:#f5f6f4;color:#DB4914}.header-cta{display:inline-flex;align-items:center;gap:12px;background:#DB4914;color:#fff;padding:16px 20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.header-cta:hover{background:#fff;color:#082d38}.menu{display:none}
.hero{height:820px;min-height:720px;background:#082d38;overflow:hidden}.hero-video{filter:saturate(.92) contrast(1.04)}.hero-tint{background:linear-gradient(90deg,rgba(8,45,56,.78),rgba(8,45,56,.25) 60%,rgba(8,45,56,.55))}.hero-slide{padding-top:136px}.hero-content{display:flex;flex-direction:column;justify-content:center;height:100%;padding-bottom:30px}.hero-kicker{color:#DB4914!important;font-size:13px!important;font-weight:700!important;letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px!important}.hero h1{font-size:clamp(60px,7vw,104px);line-height:.93;letter-spacing:-.055em;font-weight:600;max-width:900px;margin:0;color:#fff}.hero-desc{max-width:590px!important;color:#d5e0e2!important;font-size:15px!important;line-height:1.75!important;margin:28px 0 32px!important}.orange-btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;background:#DB4914;color:#fff;padding:17px 27px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.orange-btn:hover{background:#fff;color:#082d38;transform:translateY(-2px)}.hero-pages{right:48px;bottom:45px;gap:14px}.hero-pages b,.hero-pages em{color:#fff}.hero-line{width:110px;background:rgba(255,255,255,.28)}.hero-line i{background:#DB4914}.hero-prev,.hero-next{border-color:rgba(255,255,255,.35);color:#fff}.hero-prev:hover,.hero-next:hover{background:#DB4914;border-color:#DB4914}.hero-bottom{left:30px;bottom:42px;color:#fff;letter-spacing:.15em}
.statement{padding:125px 0 0}.statement h2{max-width:1100px;font-size:clamp(42px,5vw,74px);line-height:1.04;letter-spacing:-.04em;font-weight:500}.statement h2 span{color:#DB4914}.stats{margin-top:78px}.stats>div{min-height:125px}.stats strong{font-size:46px;font-weight:500}.stats small{font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.services{padding:120px 0}.services-heading{align-items:start}.section-label{font-size:11px;letter-spacing:.17em;font-weight:700;color:#DB4914}.services-heading h2{font-size:clamp(48px,5.2vw,76px);line-height:.95;letter-spacing:-.05em;font-weight:500;margin:12px 0}.services-heading h2 span{color:#DB4914}.services-heading>p{padding-top:34px;line-height:1.8}.home-services{margin-top:70px}.home-services article{min-height:310px;padding:32px 26px}.home-services h3{font-size:24px;font-weight:500;margin-top:74px}.home-services article:hover h3,.home-services article:hover p{color:#fff}.service-photo-strip img{height:360px;filter:saturate(.9)}
.feature{padding:0}.feature-grid{min-height:760px}.feature-copy{padding-right:90px}.feature-copy h2{font-size:clamp(50px,5vw,78px);line-height:.98;letter-spacing:-.05em;font-weight:500}.feature-copy h2 span{color:#DB4914}.feature-photo{position:relative}.feature-photo:after{content:"";position:absolute;inset:28px;border:1px solid rgba(255,255,255,.18);pointer-events:none}.three-features article{min-height:280px;padding:65px 42px}.three-features h3{font-size:27px;font-weight:500}.international{padding:120px 0}.intl-copy h2{font-size:clamp(50px,5vw,76px);line-height:.95;letter-spacing:-.05em;font-weight:500}.intl-copy h2 span{color:#DB4914}.benefits div{min-height:125px}.benefits strong{font-size:18px;font-weight:600}.distribution{padding:125px 0}.distribution h2{font-size:clamp(50px,5vw,76px);line-height:.95;letter-spacing:-.05em;font-weight:500;color:#fff}.distribution h2 span{color:#DB4914}.world-grid{background:rgba(8,45,56,.3)}
.team-home,.timeline-section,.projects-home,.blogs-home{padding-top:120px}.section-head h2{font-size:clamp(48px,5vw,72px);line-height:.95;letter-spacing:-.05em;font-weight:500;color:#082d38}.section-head h2 span{color:#DB4914}.team-grid{gap:0}.team-grid article{background:#fff;padding-bottom:28px}.team-photo{aspect-ratio:1/1.08}.timeline{margin-top:70px}.timeline article{min-height:300px}.timeline b{font-size:40px;font-weight:500}.projects-home{padding-bottom:120px}.project-strip article{min-height:520px}.tracking{background:#082d38;color:#fff}.tracking h2{font-size:clamp(50px,5vw,74px);line-height:.95;letter-spacing:-.05em;font-weight:500;color:#fff}.tracking h2 span{color:#DB4914}.tracking .section-label{color:#DB4914}.track-box{border-top:5px solid #DB4914}.blogs-home{padding-bottom:120px}.blog-grid{gap:0}.blog-grid article{border-right:1px solid #ddd;padding-right:25px;margin-right:25px}.blog-image{height:300px}.blog-grid h3{font-size:24px;font-weight:500}.newsletter{background:#DB4914}.newsletter h2{font-size:44px;font-weight:500}.cta{padding:115px 0}.cta h2{font-size:clamp(48px,5vw,70px);line-height:.98;letter-spacing:-.05em;font-weight:500;color:#082d38}
.footer{background:#082d38}.footer-grid{padding-bottom:25px}.footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.13em}.footer a:hover{color:#DB4914}.copyright{color:#83999e}
@media(max-width:760px){.site-nav{gap:17px}.nav-in{gap:20px}.logo{width:160px}.home-services{grid-template-columns:repeat(2,1fr)}.services-heading{grid-template-columns:1fr 1fr}.services-heading .text-link{grid-column:2}.feature-copy{padding-right:40px}}
@media(max-width:760px){.wrap{width:min(var(--max),calc(100% - 30px))}.site-header{top:0}.nav-in{height:82px}.utility{display:none}.logo{width:155px}.menu{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:28px}.site-nav{left:15px;right:15px;top:82px;background:#082d38;border:1px solid rgba(255,255,255,.12)}.site-nav>a,.drop>button{padding:15px}.dropdown{top:auto;left:0;width:100%;position:static}.hero{height:730px}.hero-slide{padding-top:80px}.hero h1{font-size:52px}.hero-pages{right:18px;bottom:20px}.hero-content{padding-bottom:70px}.statement h2,.services-heading h2,.feature-copy h2,.intl-copy h2,.distribution h2,.section-head h2,.tracking h2,.cta h2{font-size:48px}.statement{padding-top:90px}.stats{margin-top:55px}.services,.international,.distribution,.team-home,.timeline-section,.blogs-home{padding-top:85px}.services-heading{grid-template-columns:1fr;gap:0}.services-heading .text-link{grid-column:auto}.home-services{margin-top:45px}.feature-grid{min-height:0}.feature-copy{padding:80px 0}.feature-photo{height:460px}.three-features article{padding:45px 25px}.intl-grid{gap:50px}.distribution{padding-bottom:85px}.world-grid{min-height:320px}.team-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.project-strip{grid-template-columns:1fr}.tracking{padding:85px 0}.blog-grid article{border-right:0;padding-right:0;margin-right:0;border-bottom:1px solid #ddd;padding-bottom:35px;margin-bottom:35px}.newsletter h2{font-size:38px}}
@media(max-width:480px){.team-grid,.timeline{grid-template-columns:1fr}.hero h1{font-size:46px}.hero-desc{font-size:13px!important}.service-photo-strip{grid-template-columns:1fr}.service-photo-strip img{height:250px}}


/* =========================================================
   LOGI REFERENCE FIDELITY PATCH — NAV / HERO / ACCENTS
   ========================================================= */
.site-header{top:42px;background:#082d38;border-bottom:1px solid rgba(255,255,255,.16);box-shadow:0 10px 35px rgba(0,0,0,.08)}
.nav-in{height:100px;gap:26px}
.logo{width:220px;height:78px;display:flex;align-items:center;position:relative;z-index:2}
.logo img{width:220px;height:auto;max-height:76px;object-fit:contain;object-position:left center}
.site-nav{gap:24px;height:100%;font-size:13px}
.site-nav>a,.drop>button{height:100%;display:flex;align-items:center;gap:7px;padding:0;color:#fff;text-transform:uppercase;letter-spacing:.055em;position:relative}
.site-nav>a:after,.drop>button:after{content:"";position:absolute;left:0;right:0;bottom:22px;height:2px;background:#DB4914;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.site-nav>a:hover:after,.site-nav>a.active:after,.drop:hover>button:after,.drop:focus-within>button:after{transform:scaleX(1)}
.nav-chevron{font-size:15px;line-height:1;transform:translateY(-1px);transition:transform .25s ease;color:#fff}
.drop:hover>.drop>button .nav-chevron,.drop:hover>button .nav-chevron{transform:rotate(180deg)}
.dropdown{top:100px;left:-22px;width:245px;padding:10px 0;border-top:3px solid #DB4914;background:#fff;box-shadow:0 22px 50px rgba(0,0,0,.22);border-radius:0;transform:translateY(12px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease}
.dropdown a{position:relative;padding:13px 21px;color:#082d38;font-size:12px;text-transform:uppercase;letter-spacing:.035em;border-bottom:1px solid #eef0ee;transition:background .2s ease,color .2s ease,padding .2s ease}
.dropdown a:last-child{border-bottom:0}
.dropdown a:hover{background:#f6f7f5;color:#DB4914;padding-left:26px}
.header-cta{height:48px;min-width:154px;padding:0 20px;margin-left:auto;background:#DB4914;color:#fff;text-transform:uppercase;letter-spacing:.06em;border:1px solid #DB4914;position:relative;overflow:hidden;box-shadow:none}
.header-cta:before{content:"";position:absolute;inset:0;background:#082d38;transform:translateX(-102%);transition:transform .35s ease;z-index:0}
.header-cta span,.header-cta i{position:relative;z-index:1}
.header-cta i{font-style:normal;font-size:15px}
.header-cta:hover{color:#fff;background:#DB4914;transform:none}
.header-cta:hover:before{transform:translateX(0)}
.header-cta:hover i{transform:translate(3px,-3px);transition:.25s}
/* nested Blogs menu, matching the reference's secondary flyout */
.nested-drop{position:relative}
.nested-trigger{display:flex!important;justify-content:space-between;align-items:center}
.nested-trigger span{font-size:20px;line-height:1;color:#DB4914}
.nested-menu{position:absolute;left:100%;top:-10px;width:235px;background:#fff;border-top:3px solid #DB4914;box-shadow:0 18px 45px rgba(0,0,0,.18);padding:10px 0;opacity:0;visibility:hidden;transform:translateX(10px);transition:.22s}
.nested-drop:hover>.nested-menu,.nested-drop:focus-within>.nested-menu{opacity:1;visibility:visible;transform:none}
/* orange motion details used throughout the reference-style UI */
.orange-btn,.dark-btn,.text-link{position:relative;overflow:hidden}
.orange-btn:before,.dark-btn:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.13);transform:translateX(-105%);transition:transform .45s ease}
.orange-btn:hover:before,.dark-btn:hover:before{transform:translateX(0)}
.orange-btn,.dark-btn{isolation:isolate}
.orange-btn>*{position:relative;z-index:1}
/* Keep the supplied vessel as a background texture rather than the main subject */
.hero-video{opacity:.34;filter:saturate(.75) contrast(1.03) brightness(.9);transform:scale(1.015)}
.hero-tint{background:linear-gradient(90deg,rgba(8,45,56,.94) 0%,rgba(8,45,56,.78) 48%,rgba(8,45,56,.70) 100%)}
.hero:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#DB4914 25%,#DB4914 75%,transparent);opacity:.9}
.hero-content{position:relative}
.hero-kicker{position:relative;display:inline-flex;align-items:center;gap:10px}
.hero-kicker:before{content:"";width:30px;height:2px;background:#DB4914;display:inline-block;animation:orangePulse 2.2s ease-in-out infinite}
@keyframes orangePulse{0%,100%{width:22px;opacity:.55}50%{width:42px;opacity:1}}
.hero h1{animation:heroTextIn .8s both}
@keyframes heroTextIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:760px){.logo,.logo img{width:195px}.site-nav{gap:15px}.header-cta{min-width:138px;padding:0 15px}}
@media(max-width:760px){
 .site-header{top:0}.nav-in{height:82px}.logo,.logo img{width:175px;height:65px}.site-nav{height:auto;gap:0}.site-nav>a,.drop>button{height:auto;padding:15px}.site-nav>a:after,.drop>button:after{display:none}
 .dropdown{top:auto;left:0;width:100%;position:static;border-top:1px solid rgba(255,255,255,.1);box-shadow:none;transform:none;display:none;padding:0}.drop.open>.dropdown{display:block;opacity:1;visibility:visible}.dropdown a{padding:13px 24px}
 .nested-menu{position:static;width:100%;border-top:0;box-shadow:none;display:none;transform:none}.nested-drop.open>.nested-menu{display:block;opacity:1;visibility:visible}.nested-trigger span{transform:none}
 .hero-video{opacity:.22}.hero-tint{background:linear-gradient(90deg,rgba(8,45,56,.96),rgba(8,45,56,.84))}
}

/* STRICT LOGI HEADER BEHAVIOR — ACHYUTAM */
.site-header{z-index:100;background:#082d38!important}
.nav-in{position:relative}
.logo,.logo img{width:210px!important}
.logo{height:82px!important}
.logo img{height:auto!important;max-height:72px!important;object-fit:contain!important;object-position:left center!important}
.site-nav{gap:27px!important}
.site-nav>a,.drop>button{color:#fff!important}
.nav-chevron{font-size:0!important;width:13px;height:13px;display:inline-block;position:relative;margin-left:4px!important;color:transparent!important}
.nav-chevron:before,.nav-chevron:after{content:"";position:absolute;top:6px;width:7px;height:1.5px;background:#DB4914;transition:transform .25s ease}
.nav-chevron:before{left:0;transform:rotate(45deg)}
.nav-chevron:after{right:0;transform:rotate(-45deg)}
.drop:hover>button .nav-chevron:before,.drop.open>button .nav-chevron:before{transform:rotate(-45deg)}
.drop:hover>button .nav-chevron:after,.drop.open>button .nav-chevron:after{transform:rotate(45deg)}
/* Reference uses a dark blue dropdown with white labels and orange motion */
.dropdown{background:#082d38!important;border-top:2px solid #DB4914!important;box-shadow:0 20px 45px rgba(0,0,0,.28)!important;padding:9px 0!important}
.dropdown a{color:#fff!important;background:#082d38!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
.dropdown a:hover{color:#fff!important;background:#DB4914!important;padding-left:27px!important}
.nested-menu{background:#082d38!important;border-top:2px solid #DB4914!important}
.nested-menu a{background:#082d38!important;color:#fff!important}
.nested-menu a:hover{background:#DB4914!important;color:#fff!important}
.nested-trigger span{font-size:0!important;width:12px;height:12px;position:relative}
.nested-trigger span:before,.nested-trigger span:after{content:"";position:absolute;top:5px;width:7px;height:1.5px;background:#DB4914}
.nested-trigger span:before{left:0;transform:rotate(45deg)}
.nested-trigger span:after{right:0;transform:rotate(-45deg)}
/* Get a Quote: orange block with the characteristic dynamic diagonal blue cut */
.header-cta{height:52px!important;min-width:166px!important;background:#DB4914!important;border:0!important;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)!important;padding-right:32px!important;overflow:hidden!important}
.header-cta:before{background:#082d38!important;clip-path:polygon(0 0,78% 0,100% 50%,78% 100%,0 100%)!important;transform:translateX(-115%)!important;transition:transform .45s cubic-bezier(.77,0,.18,1)!important}
.header-cta:hover:before{transform:translateX(0)!important}
.header-cta i{transition:transform .35s ease!important}
.header-cta:hover i{transform:translate(5px,-3px)!important}
/* Three-line Menu control immediately beside the CTA */
.menu-panel-toggle{display:flex;align-items:center;gap:11px;border:0;background:none;color:#fff;cursor:pointer;padding:12px 7px;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.menu-lines{display:flex;flex-direction:column;gap:5px;width:27px}
.menu-lines i{display:block;width:27px;height:1px;background:#fff;transition:transform .3s ease,width .3s ease,background .3s ease}
.menu-panel-toggle:hover .menu-lines i:nth-child(1){width:18px;transform:translateX(9px);background:#DB4914}
.menu-panel-toggle:hover .menu-lines i:nth-child(2){width:27px;background:#DB4914}
.menu-panel-toggle:hover .menu-lines i:nth-child(3){width:18px;transform:translateX(9px);background:#DB4914}
.about-drawer{position:fixed;z-index:1000;top:0;right:0;width:min(460px,92vw);height:100vh;background:#082d38;color:#fff;padding:105px 48px 45px;box-shadow:-20px 0 60px rgba(0,0,0,.35);transform:translateX(105%);transition:transform .55s cubic-bezier(.77,0,.18,1);overflow:auto}
.about-drawer.open{transform:translateX(0)}
.about-drawer:before{content:"";position:absolute;left:0;top:0;width:7px;height:100%;background:#DB4914}
.about-drawer .drawer-close{position:absolute;right:25px;top:25px;width:40px;height:40px;border:1px solid rgba(255,255,255,.25);background:none;color:#fff;font-size:25px;cursor:pointer}
.about-drawer .drawer-label{color:#DB4914;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:600}
.about-drawer h2{font-size:50px;line-height:1;margin:14px 0 25px;letter-spacing:-2px}
.about-drawer h2 span{color:#DB4914}
.about-drawer p{color:#c3d0d3;font-size:15px}
.drawer-list{margin:30px 0 0;padding:0;list-style:none}
.drawer-list li{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#e8eeee}
.drawer-list li:before{content:"+";color:#DB4914;margin-right:12px;font-weight:700}
.drawer-backdrop{position:fixed;z-index:999;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:.35s}
.drawer-backdrop.open{opacity:1;visibility:visible}
@media(max-width:760px){.logo,.logo img{width:190px!important}.site-nav{gap:14px!important}.menu-panel-toggle{padding-left:3px}.header-cta{min-width:145px!important}}
@media(max-width:760px){
 .logo,.logo img{width:175px!important}.logo{height:65px!important}
 .menu-panel-toggle{display:none}
 .header-cta{min-width:145px!important;height:46px!important}
 .dropdown{background:#082d38!important}
 .dropdown a{background:#082d38!important;color:#fff!important}
 .dropdown a:hover{background:#DB4914!important}
 .about-drawer{width:100%;padding:95px 28px 35px}
}
.menu{width:42px;height:42px;position:relative;display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu span{display:block;width:25px;height:2px;background:#fff;transition:.3s}
.menu:hover span:nth-child(1){width:17px;transform:translateX(4px);background:#DB4914}
.menu:hover span:nth-child(3){width:17px;transform:translateX(4px);background:#DB4914}
@media(max-width:760px){.menu{display:flex}.site-nav{display:none}.site-nav.open{display:flex}.menu span{height:1.5px}}


/* =========================================================
   HOME HEADER — STRICT REFERENCE CORRECTIONS
   ========================================================= */
/* Utility icons: location, time/calendar-style clock and phone */
.utility-item{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.utility-item svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.utility .track-link{color:#fff!important}

/* Main navigation uses WHITE plus signs, never orange arrows. */
.nav-chevron{font-size:0!important;width:12px!important;height:12px!important;display:inline-block!important;position:relative!important;margin-left:5px!important;color:transparent!important;transform:none!important}
.nav-chevron:before,.nav-chevron:after{content:""!important;position:absolute!important;background:#fff!important;transition:none!important;top:5px!important;left:2px!important;width:8px!important;height:1.5px!important}
.nav-chevron:after{transform:rotate(90deg)!important}
.drop:hover>button .nav-chevron:before,.drop.open>button .nav-chevron:before,.drop:hover>button .nav-chevron:after,.drop.open>button .nav-chevron:after{transform:none!important}
.drop:hover>button .nav-chevron:after,.drop.open>button .nav-chevron:after{transform:rotate(90deg)!important}

/* White dropdown panels, dark-blue labels. Hover changes TEXT ONLY to orange. */
.dropdown,.nested-menu{background:#fff!important;border-top:2px solid #DB4914!important;box-shadow:0 20px 45px rgba(0,0,0,.18)!important}
.dropdown a,.nested-menu a{background:#fff!important;color:#082d38!important;border-bottom:1px solid #edf0ef!important;transition:color .22s ease,padding-left .22s ease,background .22s ease!important}
.dropdown a:hover,.nested-menu a:hover{background:#fff!important;color:#DB4914!important;padding-left:25px!important}
.nested-trigger span{font-size:0!important;width:12px!important;height:12px!important;position:relative!important}
.nested-trigger span:before,.nested-trigger span:after{content:""!important;position:absolute!important;top:5px!important;left:2px!important;width:8px!important;height:1.5px!important;background:#082d38!important}
.nested-trigger span:after{transform:rotate(90deg)!important}
.nested-drop:hover>.nested-trigger span:before,.nested-drop:hover>.nested-trigger span:after{background:#DB4914!important}

/* Get a Quote: solid orange button with the reference-style diagonal right cut and animated blue sweep. */
.header-cta{height:52px!important;min-width:165px!important;padding:0 33px 0 23px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;position:relative!important;overflow:hidden!important;clip-path:polygon(0 0,87% 0,100% 50%,87% 100%,0 100%)!important;background:#DB4914!important;color:#fff!important;border:0!important}
.header-cta:before{content:""!important;position:absolute!important;inset:0!important;background:#082d38!important;clip-path:polygon(0 0,78% 0,92% 50%,78% 100%,0 100%)!important;transform:translateX(-120%)!important;transition:transform .55s cubic-bezier(.77,0,.18,1)!important;z-index:0!important}
.header-cta span,.header-cta i{position:relative!important;z-index:1!important}
.header-cta:hover{background:#DB4914!important;color:#fff!important}
.header-cta:hover:before{transform:translateX(0)!important}
.header-cta i{font-style:normal!important;transition:transform .35s ease!important}
.header-cta:hover i{transform:translate(4px,-3px)!important}

/* Three-line About Us control sits directly beside Get a Quote. */
.menu-panel-toggle{width:31px!important;height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;background:transparent!important;color:#fff!important;cursor:pointer!important;padding:0!important;margin:0!important}
.menu-lines{width:27px!important;height:18px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:0!important}
.menu-lines i{display:block!important;width:27px!important;height:1px!important;background:#fff!important;transform-origin:center!important;transition:width .28s ease,transform .28s ease,background .28s ease!important}
.menu-panel-toggle:hover .menu-lines i:nth-child(1){width:17px!important;transform:translateX(5px)!important;background:#DB4914!important}
.menu-panel-toggle:hover .menu-lines i:nth-child(2){width:27px!important;background:#DB4914!important}
.menu-panel-toggle:hover .menu-lines i:nth-child(3){width:17px!important;transform:translateX(-5px)!important;background:#DB4914!important}

/* Reduce vessel video presence; keep it as atmosphere behind the hero content. */
.hero-video{opacity:.15!important;filter:saturate(.78) contrast(1.02) brightness(.82)!important;transform:scale(1.02)!important}
.hero-tint{background:linear-gradient(90deg,rgba(8,45,56,.96) 0%,rgba(8,45,56,.90) 48%,rgba(8,45,56,.82) 100%)!important}

@media(max-width:760px){
  .menu-panel-toggle{width:28px!important}
  .header-cta{min-width:145px!important}
}
@media(max-width:760px){
  .utility-item svg{width:13px;height:13px}
  .menu-panel-toggle{display:none!important}
  .hero-video{opacity:.10!important}
  .hero-tint{background:linear-gradient(90deg,rgba(8,45,56,.97),rgba(8,45,56,.91))!important}
}


/* =========================================================
   HOME PAGE — REFERENCE-MATCHED FINAL HEADER/HE​​RO PASS
   ========================================================= */
/* Reference top utility strip: compact, visible and icon-led. */
.utility{height:46px!important}
.utility-in{height:46px!important;gap:30px!important}
.utility-item{font-size:12px!important}
.utility-item svg{width:15px!important;height:15px!important}
.site-header{top:46px!important}
.nav-in{height:96px!important;gap:25px!important}
.logo,.logo img{width:220px!important}
.logo{height:80px!important}
.logo img{max-height:74px!important}

/* Desktop dropdowns: dark-blue panels, white labels; hover changes text only. */
.dropdown,.nested-menu{background:#082d38!important;border-top:2px solid #DB4914!important;box-shadow:0 22px 50px rgba(0,0,0,.25)!important}
.dropdown{top:96px!important;transform:translateY(0)!important}
.drop:hover>.dropdown{transform:translateY(0)!important}
.dropdown a,.nested-menu a{background:#082d38!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.11)!important;padding:13px 21px!important;transition:color .2s ease!important}
.dropdown a:hover,.nested-menu a:hover{background:#082d38!important;color:#DB4914!important;padding-left:21px!important}
/* Keep the submenu attached to its parent; no large vertical gap. */
.nested-menu{top:0!important;left:100%!important;transform:translateX(0)!important}
.nested-drop:hover>.nested-menu,.nested-drop:focus-within>.nested-menu{transform:translateX(0)!important}

/* Permanent WHITE plus sign — it does not rotate/change on hover. */
.nav-chevron{font-size:0!important;width:13px!important;height:13px!important;display:inline-block!important;position:relative!important;margin-left:5px!important;color:transparent!important;transform:none!important}
.nav-chevron:before,.nav-chevron:after{content:""!important;position:absolute!important;top:6px!important;left:2px!important;width:9px!important;height:1.5px!important;background:#fff!important;transform:none!important;transition:none!important}
.nav-chevron:after{transform:rotate(90deg)!important;transform-origin:center!important}
.drop:hover>button .nav-chevron,.drop.open>button .nav-chevron{transform:none!important}
.drop:hover>button .nav-chevron:before,.drop.open>button .nav-chevron:before{transform:none!important}
.drop:hover>button .nav-chevron:after,.drop.open>button .nav-chevron:after{transform:rotate(90deg)!important}

/* Nested Blog Grid also uses a permanent WHITE plus. */
.nested-trigger span{font-size:0!important;width:13px!important;height:13px!important;position:relative!important;transform:none!important}
.nested-trigger span:before,.nested-trigger span:after{content:""!important;position:absolute!important;top:6px!important;left:2px!important;width:9px!important;height:1.5px!important;background:#fff!important;transform:none!important}
.nested-trigger span:after{transform:rotate(90deg)!important}
.nested-drop:hover>.nested-trigger span:before,.nested-drop:hover>.nested-trigger span:after{background:#fff!important}

/* Get a Quote — orange body with the characteristic diagonal end and animated blue diagonal sweep. */
.header-cta{order:0!important;height:52px!important;min-width:166px!important;padding:0 38px 0 24px!important;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)!important;background:#DB4914!important;color:#fff!important;position:relative!important;overflow:hidden!important}
.header-cta:before{content:""!important;position:absolute!important;inset:0!important;background:#082d38!important;clip-path:polygon(0 0,77% 0,92% 50%,77% 100%,0 100%)!important;transform:translateX(-115%)!important;transition:transform .5s cubic-bezier(.77,0,.18,1)!important;z-index:0!important}
.header-cta:hover:before{transform:translateX(0)!important}
.header-cta span,.header-cta i{position:relative!important;z-index:1!important}
.header-cta i{font-style:normal!important}

/* Three lines AFTER Get a Quote, as requested. */
.menu-panel-toggle{order:1!important;width:34px!important;height:52px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;cursor:pointer!important}
.menu-lines{width:28px!important;height:18px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
.menu-lines i{display:block!important;width:28px!important;height:1px!important;background:#fff!important;transition:width .3s ease,transform .3s ease,background .3s ease!important}
.menu-panel-toggle:hover .menu-lines i:nth-child(1),.menu-panel-toggle:hover .menu-lines i:nth-child(2),.menu-panel-toggle:hover .menu-lines i:nth-child(3){background:#DB4914!important}
.menu-panel-toggle:hover .menu-lines i:nth-child(1){width:18px!important;transform:translateX(5px)!important}
.menu-panel-toggle:hover .menu-lines i:nth-child(3){width:18px!important;transform:translateX(-5px)!important}

/* Hero: vessel must be clearly visible, like a real photographic/video hero, while preserving the dark text area. */
.hero-video{opacity:.72!important;filter:saturate(.92) contrast(1.04) brightness(.9)!important;transform:scale(1.015)!important}
.hero-tint{background:linear-gradient(90deg,rgba(8,45,56,.88) 0%,rgba(8,45,56,.55) 43%,rgba(8,45,56,.18) 72%,rgba(8,45,56,.32) 100%)!important}
.hero-content{z-index:3!important}
.hero-slide{z-index:2!important}
.hero-bottom{z-index:4!important}
.hero-pages{z-index:4!important}

/* Explore More is a real destination button, not a scroll-to-section link. */
.hero .orange-btn{align-self:flex-start!important;position:relative!important;z-index:5!important}

@media(max-width:760px){
 .nav-in{height:92px!important;gap:18px!important}
 .logo,.logo img{width:195px!important}
 .site-nav{gap:15px!important}
 .header-cta{min-width:148px!important}
}
@media(max-width:760px){
 .utility{display:none!important}
 .site-header{top:0!important}
 .nav-in{height:82px!important}
 .logo,.logo img{width:175px!important}
 .dropdown,.nested-menu{background:#082d38!important}
 .dropdown a,.nested-menu a{background:#082d38!important;color:#fff!important}
 .dropdown a:hover,.nested-menu a:hover{background:#082d38!important;color:#DB4914!important}
 .hero-video{opacity:.58!important}
 .hero-tint{background:linear-gradient(90deg,rgba(8,45,56,.88),rgba(8,45,56,.42))!important}
}

/* HOME ONLY — final dropdown/video corrections */
@media (min-width:761px){
  .drop{padding-bottom:0!important;margin-bottom:0!important}
  .dropdown{top:calc(100% - 1px)!important;margin-top:0!important;transform:none!important}
  .drop:hover>.dropdown{transform:none!important}
}
.nav-chevron{width:10px!important;height:10px!important;margin-left:4px!important}
.nav-chevron:before,.nav-chevron:after{top:4px!important;left:1px!important;width:7px!important;height:1.4px!important}
.nav-chevron:after{transform:rotate(90deg)!important}
.hero-video{opacity:.82!important;filter:saturate(1) contrast(1.03) brightness(.98)!important;transform:none!important}
.hero-tint{background:linear-gradient(90deg,rgba(8,45,56,.78) 0%,rgba(8,45,56,.48) 42%,rgba(8,45,56,.12) 72%,rgba(8,45,56,.20) 100%)!important}
@media(max-width:760px){.hero-video{opacity:.72!important}}

/* HOME-ONLY FINAL FIX: compact white plus, attached dropdown, visible vessel video */
@media (min-width:761px){
  .drop{height:96px!important;display:flex!important;align-items:center!important}
  .dropdown{top:96px!important;margin-top:0!important}
  .nav-chevron{width:10px!important;height:10px!important;margin-left:4px!important}
  .nav-chevron:before,.nav-chevron:after{width:7px!important;height:1.4px!important;top:4px!important;left:1.5px!important;background:#fff!important}
  .nav-chevron:after{transform:rotate(90deg)!important}
  .dropdown a:hover,.nested-menu a:hover{background:#082d38!important;color:#DB4914!important}
}
.hero-video{opacity:1!important;filter:saturate(.95) contrast(1.04) brightness(.88)!important;transform:scale(1.01)!important}
.hero-tint{background:linear-gradient(90deg,rgba(8,45,56,.70) 0%,rgba(8,45,56,.38) 48%,rgba(8,45,56,.25) 100%)!important}
@media(max-width:760px){
  .hero-video{opacity:.9!important}
  .hero-tint{background:linear-gradient(90deg,rgba(8,45,56,.78),rgba(8,45,56,.48))!important}
}

/* V16 — HOME HEADER ONLY: exact requested dropdown + quote treatment */
@media (min-width:761px){
  /* Keep dropdown physically attached to its parent tab. */
  .site-nav .drop{height:100%;}
  .site-nav .drop > .dropdown{top:100%!important;margin-top:0!important;transform:none!important;}
  .site-nav .drop:hover > .dropdown,.site-nav .drop:focus-within > .dropdown{transform:none!important;}

  /* Dropdown ends with the reference-style orange finishing line. */
  .site-nav .dropdown{border-top:0!important;border-bottom:3px solid #DB4914!important;}
  .site-nav .nested-menu{border-top:0!important;border-bottom:3px solid #DB4914!important;}

  /* White permanent plus; small and never becomes an arrow. */
  .site-nav .nav-chevron,
  .site-nav .nested-trigger span{width:9px!important;height:9px!important;margin-left:5px!important;flex:0 0 9px!important;}
  .site-nav .nav-chevron:before,.site-nav .nav-chevron:after,
  .site-nav .nested-trigger span:before,.site-nav .nested-trigger span:after{
    width:7px!important;height:1.25px!important;left:1px!important;top:4px!important;background:#fff!important;transform:none!important;
  }
  .site-nav .nav-chevron:after,.site-nav .nested-trigger span:after{transform:rotate(90deg)!important;}

  /* Submenu: dark blue, white text; ONLY text becomes orange on hover. */
  .site-nav .dropdown,.site-nav .nested-menu{background:#082d38!important;}
  .site-nav .dropdown a,.site-nav .nested-menu a{background:#082d38!important;color:#fff!important;}
  .site-nav .dropdown a:hover,.site-nav .nested-menu a:hover{background:#082d38!important;color:#DB4914!important;}

  /* RTL has the same secondary flyout as the reference navigation. */
  .site-nav .rtl-nested > .nested-menu{top:0!important;left:100%!important;margin-left:0!important;transform:none!important;}
  .site-nav .rtl-nested:hover > .nested-menu,.site-nav .rtl-nested:focus-within > .nested-menu{visibility:visible!important;opacity:1!important;}

  /* Get A Quote: supplied diagonal-left cut, with animated blue sweep. */
  .site-nav + .header-cta{
    height:52px!important;min-width:176px!important;padding:0 40px 0 60px!important;margin-left:auto!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
    background:#DB4914!important;color:#fff!important;border:0!important;border-radius:0!important;
    clip-path:polygon(25px 0%,100% 0%,100% 100%,0% 100%)!important;
    overflow:hidden!important;position:relative!important;transform:none!important;
  }
  .site-nav + .header-cta:before{
    content:""!important;position:absolute!important;inset:0!important;background:#082d38!important;
    clip-path:polygon(25px 0%,100% 0%,100% 100%,0% 100%)!important;
    transform:translateX(-110%)!important;transition:transform .5s cubic-bezier(.77,0,.18,1)!important;z-index:0!important;
  }
  .site-nav + .header-cta:hover:before{transform:translateX(0)!important;}
  .site-nav + .header-cta span,.site-nav + .header-cta i{position:relative!important;z-index:2!important;color:#fff!important;}
  .site-nav + .header-cta i{font-style:normal!important;}
}

/* FINAL HOME HEADER FIX — dropdown separators + reference quote shape */
@media (min-width:761px){
  /* Dropdowns: exactly 3 white separators for a 4-item menu.
     The orange line is the separate finishing line, not an item separator. */
  .site-nav .dropdown,
  .site-nav .nested-menu{
    border-top:0!important;
    border-bottom:3px solid #DB4914!important;
    padding-bottom:0!important;
  }
  .site-nav .dropdown > a,
  .site-nav .dropdown > .nested-drop > .nested-trigger,
  .site-nav .nested-menu > a{
    border-bottom:1px solid rgba(255,255,255,.11)!important;
  }
  .site-nav .dropdown > a:last-child,
  .site-nav .nested-menu > a:last-child{
    border-bottom:0!important;
  }
  .site-nav .dropdown > .nested-drop:last-child > .nested-trigger{
    border-bottom:0!important;
  }

  /* No empty/gap strip between the navigation tab and its dropdown. */
  .site-nav .drop{margin:0!important;padding:0!important;}
  .site-nav .drop > .dropdown{margin:0!important;top:100%!important;}

  /* Get A Quote: orange block with the left side cut diagonally inward,
     matching the reference treatment; no extra rounded/arrow-shaped end. */
  .site-nav + .header-cta{
    height:52px!important;
    min-width:176px!important;
    margin:0 0 0 auto!important;
    padding:0 34px 0 58px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    background:#DB4914!important;
    color:#fff!important;
    border:0!important;
    border-radius:0!important;
    clip-path:polygon(27px 0,100% 0,100% 100%,0 100%)!important;
    overflow:hidden!important;
    position:relative!important;
    transform:none!important;
  }
  .site-nav + .header-cta:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:#082d38!important;
    clip-path:polygon(27px 0,100% 0,100% 100%,0 100%)!important;
    transform:translateX(-110%)!important;
    transition:transform .45s cubic-bezier(.77,0,.18,1)!important;
    z-index:0!important;
  }
  .site-nav + .header-cta:hover:before{transform:translateX(0)!important;}
  .site-nav + .header-cta span,
  .site-nav + .header-cta i{position:relative!important;z-index:2!important;color:#fff!important;}

  /* Thin orange rule running above the navigation tabs, like the reference. */
  .site-nav:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:2px!important;
    background:#DB4914!important;
    pointer-events:none!important;
  }
}

/* V18 — HOME HEADER: thin scroll-progress rule + larger tabs + static quote */
@media (min-width:761px){
  .site-header{position:fixed!important;}
  .site-nav{position:relative!important;}
  /* Thin orange rule sits immediately above the nav tab row. Width is driven by scroll. */
  .site-nav:before{
    content:""!important;position:absolute!important;left:0!important;right:auto!important;top:0!important;
    width:var(--scroll-progress,0%)!important;height:2px!important;background:#DB4914!important;
    transition:width:.08s linear!important;z-index:20!important;
  }
  .site-nav .drop{height:104px!important;}
  .site-nav .drop>button,.site-nav>a{font-size:15px!important;}
  /* Remove all Quote hover/sweep animation. */
  .site-nav + .header-cta:before{display:none!important;content:none!important;transition:none!important;transform:none!important;}
  .site-nav + .header-cta:hover:before{display:none!important;transform:none!important;}
  .site-nav + .header-cta{transition:none!important;transform:none!important;}
  .site-nav + .header-cta:hover{transform:none!important;}
  .site-nav .drop>.dropdown{top:104px!important;}
}

/* V19 — STRICT HEADER GEOMETRY: progress rule above nav, static quote, no gaps */
@media (min-width:761px){
  /* The progress rule belongs to the navigation row itself — directly above Home/Pages/etc. */
  .site-nav{
    position:relative!important;
    align-self:stretch!important;
    align-items:center!important;
    gap:30px!important;
    padding-top:2px!important;
  }
  .site-nav:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    right:auto!important;
    width:var(--scroll-progress,0%)!important;
    height:2px!important;
    background:#DB4914!important;
    z-index:50!important;
    pointer-events:none!important;
  }

  /* Slightly larger navigation labels, without making the header oversized. */
  .site-nav>a,
  .site-nav .drop>button{
    font-size:15px!important;
    line-height:1!important;
    padding:0!important;
    min-height:100%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .site-nav .drop{
    height:100%!important;
    margin:0!important;
    padding:0!important;
  }

  /* Dropdowns touch the tab with zero artificial gap. */
  .site-nav .drop>.dropdown{
    top:100%!important;
    margin-top:0!important;
  }

  /* Get A Quote: static orange block with ONLY the left diagonal cut. */
  .site-nav + .header-cta{
    height:52px!important;
    min-width:176px!important;
    margin:0 0 0 auto!important;
    padding:0 34px 0 58px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    background:#DB4914!important;
    color:#fff!important;
    border:0!important;
    border-radius:0!important;
    clip-path:polygon(27px 0,100% 0,100% 100%,0 100%)!important;
    overflow:hidden!important;
    position:relative!important;
    transform:none!important;
    transition:none!important;
  }
  .site-nav + .header-cta:before,
  .site-nav + .header-cta:after{
    display:none!important;
    content:none!important;
    animation:none!important;
    transition:none!important;
  }
  .site-nav + .header-cta:hover,
  .site-nav + .header-cta:focus,
  .site-nav + .header-cta:active{
    transform:none!important;
    background:#DB4914!important;
    color:#fff!important;
  }
  .site-nav + .header-cta span{
    position:static!important;
    color:#fff!important;
  }
  .site-nav + .header-cta i{
    position:static!important;
    color:#fff!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }

  /* Exactly three separators for four-item dropdowns; orange finishing rule is separate. */
  .site-nav .dropdown,
  .site-nav .nested-menu{
    border-top:0!important;
    border-bottom:3px solid #DB4914!important;
    padding-bottom:0!important;
  }
  .site-nav .dropdown>a,
  .site-nav .dropdown>.nested-drop>.nested-trigger,
  .site-nav .nested-menu>a{
    border-bottom:1px solid rgba(255,255,255,.11)!important;
  }
  .site-nav .dropdown>a:last-child,
  .site-nav .nested-menu>a:last-child,
  .site-nav .dropdown>.nested-drop:last-child>.nested-trigger{
    border-bottom:0!important;
  }
}

/* V20 — HEADER POSITION + FULL-WIDTH TOP PROGRESS RULE */
@media (min-width:761px){
  /* Let the navigation stay in the normal document flow; it must not drift/stick while scrolling. */
  .site-header{position:relative!important;top:auto!important;}

  /* Progress rule belongs above the utility row (map / tracking / hours / telephone), full viewport width. */
  .utility{display:block!important;position:relative!important;}
  .utility:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:var(--scroll-progress,0%)!important;
    height:2px!important;
    background:#DB4914!important;
    z-index:100!important;
    pointer-events:none!important;
  }

  /* Remove the previous partial line above the Home/Pages/etc. tabs. */
  .site-nav:before{display:none!important;content:none!important;}
  .site-nav{padding-top:0!important;}
}

/* V21 — LOGI-STYLE HERO VIDEO OVERLAY
   The supplied video stays fully visible underneath a consistent dark teal-blue wash. */
.hero-video{opacity:1!important;filter:saturate(.92) contrast(1.03) brightness(.96)!important;transform:scale(1.01)!important;}
.hero-overlay{position:absolute!important;inset:0!important;z-index:1!important;background:rgba(8,45,56,.55)!important;pointer-events:none!important;}
.hero-in{position:relative!important;z-index:3!important;}
.hero-copy{position:relative!important;z-index:3!important;}
@media(max-width:760px){
  .hero-video{opacity:1!important;}
  .hero-overlay{background:rgba(8,45,56,.55)!important;}
}

/* Why Work With Achyutam */
.why-achyutam{position:relative;overflow:hidden;padding:112px 0 118px;background:#082d38;color:#fff}
.why-map{position:absolute;inset:0;background-image:url("assets/bg-map-pattern.webp");background-repeat:no-repeat;background-position:center center;background-size:min(1700px,128vw) auto;opacity:.12;pointer-events:none}
.why-wrap{position:relative;z-index:2}
.why-achyutam .eyebrow{color:#DB4914;margin-bottom:18px}
.why-achyutam h2{font-size:clamp(44px,5.8vw,78px);line-height:1;letter-spacing:-.045em;font-weight:500;max-width:930px;margin:0}
.why-achyutam h2 span{color:#DB4914}
.why-intro{max-width:760px;margin:25px 0 55px;color:#c8d5d7;font-size:16px;line-height:1.8}
.why-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.why-grid article{min-height:250px;padding:32px 24px 28px;border-right:1px solid rgba(255,255,255,.14);background:rgba(8,45,56,.18)}
.why-grid article:last-child{border-right:0}
.why-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(219,73,20,.7);color:#DB4914;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:38px}
.why-grid h3{font-size:19px;line-height:1.25;margin:0 0 14px;font-weight:600;color:#fff}
.why-grid p{font-size:13px;line-height:1.75;color:#afc0c3;margin:0}
@media(max-width:760px){.why-grid{grid-template-columns:repeat(2,1fr)}.why-grid article:nth-child(2n){border-right:0}.why-grid article:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)}}
@media(max-width:760px){.why-achyutam{padding:85px 0 90px}.why-map{background-size:900px auto;background-position:center 58%;opacity:.06}.why-intro{font-size:14px;margin-bottom:40px}.why-grid{grid-template-columns:1fr}.why-grid article,.why-grid article:nth-child(2n){border-right:0;border-top:1px solid rgba(255,255,255,.14);min-height:auto;padding:28px 10px}.why-grid article:first-child{border-top:0}.why-icon{margin-bottom:24px}.why-achyutam h2{font-size:48px}}

/* V25 — CENTER HERO CONTENT
   Keep the Logi-inspired full-bleed video hero, but center all hero copy and CTA buttons. */
.hero-in{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.hero-copy{
  width:min(900px,100%)!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.hero-copy .section-label,
.hero-copy .hero-kicker,
.hero-copy .eyebrow{
  text-align:center!important;
  justify-content:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero-copy h1{
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.hero-copy > p:not(.section-label):not(.hero-kicker):not(.eyebrow),
.hero-copy .hero-desc{
  max-width:680px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.hero-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  width:100%!important;
  margin-top:4px!important;
}
.hero-actions .orange-btn,
.hero-actions .dark-btn{
  align-self:auto!important;
  margin:0!important;
}
@media(max-width:760px){
  .hero-in{padding-left:22px!important;padding-right:22px!important;}
  .hero-copy h1{font-size:clamp(42px,12vw,64px)!important;letter-spacing:-.045em!important;}
  .hero-actions{gap:12px!important;flex-wrap:wrap!important;}
}

/* Achyutam brand accent: orange */
:root{--achyutam-orange:#DB4914}

/* Achyutam original logo - orange version */
.logo img,.footer-logo{filter:none!important;}
.logo img{max-height:76px!important;}
@media(max-width:760px){.logo,.logo img{width:175px!important;}.logo img{max-height:70px!important;}}

/* Final logo treatment: preserve the supplied Achyutam logo exactly; only add a light plate so its original blue/orange colors remain visible on the dark header/footer. */
.logo{
  width:260px!important;
  height:88px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border-radius:4px!important;
  padding:0!important;
  overflow:hidden!important;
}
.logo img{
  width:260px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}
.footer-logo{
  width:245px!important;
  height:auto!important;
  max-height:none!important;
  padding:0!important;
  background:#fff!important;
  border-radius:4px!important;
  filter:none!important;
}
@media(max-width:760px){
  .logo{width:225px!important;height:80px!important}
  .logo img{width:225px!important}
}
@media(max-width:760px){
  .logo{width:205px!important;height:74px!important}
  .logo img{width:205px!important}
  .footer-logo{width:220px!important}
}

/* FINAL ACHYUTAM LOGO: use the supplied blue + orange logo exactly as provided. */
.logo{
  width:240px!important;
  height:72px!important;
  padding:7px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border-radius:3px!important;
  flex:none!important;
}
.logo img{
  width:220px!important;
  height:auto!important;
  max-height:58px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.footer-logo{
  width:250px!important;
  max-height:none!important;
  height:auto!important;
  padding:8px 11px!important;
  background:#fff!important;
  border-radius:3px!important;
  object-fit:contain!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
@media(max-width:760px){
  .logo{width:210px!important;height:68px!important}
  .logo img{width:190px!important;max-height:54px!important}
}
@media(max-width:760px){
  .logo{width:190px!important;height:64px!important;padding:6px 8px!important}
  .logo img{width:174px!important;max-height:50px!important}
  .footer-logo{width:225px!important}
}


/* FINAL LOGO FIX: transparent background, exact supplied blue + orange logo. */
.logo{
  width:260px!important;
  height:82px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.logo img{
  width:260px!important;
  height:auto!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 1px 7px rgba(255,255,255,.18))!important;
  mix-blend-mode:normal!important;
}
.footer-logo{
  width:270px!important;
  height:auto!important;
  max-height:none!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 1px 7px rgba(255,255,255,.18))!important;
  mix-blend-mode:normal!important;
}
@media(max-width:760px){
  .logo{width:230px!important;height:76px!important}
  .logo img{width:230px!important;max-height:76px!important}
}
@media(max-width:760px){
  .logo{width:205px!important;height:68px!important}
  .logo img{width:205px!important;max-height:68px!important}
  .footer-logo{width:235px!important}
}

/* Recent Work — Achyutam project gallery */
.recent-work{background:#f6f7f7!important;padding-top:104px!important;padding-bottom:108px!important;overflow:hidden}
.recent-work-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:42px}
.recent-work-head>div{max-width:720px}
.recent-work-head>p{max-width:420px;margin:0 0 5px;color:#5f6b70;line-height:1.75}
.recent-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.recent-work-card{position:relative;min-height:255px;margin:0;overflow:hidden;background:#082d38;border-radius:2px;isolation:isolate}
.recent-work-card img{width:100%;height:100%;min-height:255px;display:block;object-fit:cover;transition:transform .55s ease,filter .55s ease}
.recent-work-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,45,56,0) 35%,rgba(8,45,56,.88) 100%);z-index:1;pointer-events:none}
.recent-work-card figcaption{position:absolute;left:22px;right:22px;bottom:19px;z-index:2;color:#fff;display:flex;flex-direction:column;gap:4px}
.recent-work-card figcaption span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#DB4914}
.recent-work-card figcaption strong{font-size:19px;line-height:1.15;font-weight:700;letter-spacing:-.02em}
.recent-work-card:hover img{transform:scale(1.045);filter:saturate(1.06)}
@media(max-width:760px){.recent-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recent-work-card,.recent-work-card img{min-height:235px}}
@media(max-width:760px){.recent-work{padding-top:76px!important;padding-bottom:78px!important}.recent-work-head{display:block;margin-bottom:30px}.recent-work-head>p{margin-top:16px}.recent-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recent-work-card,.recent-work-card img{min-height:210px}.recent-work-card figcaption{left:15px;right:15px;bottom:14px}.recent-work-card figcaption strong{font-size:16px}}
@media(max-width:480px){.recent-work-grid{grid-template-columns:1fr}.recent-work-card,.recent-work-card img{min-height:245px}}

/* Homepage Logistics Services — image-led cards */
.services-home{padding-top:104px!important;padding-bottom:112px!important}
.service-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:42px}
.service-home-card{background:#fff;border:1px solid #e3e8e9;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 8px 30px rgba(8,45,56,.055);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.service-home-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(8,45,56,.12);border-color:rgba(219,73,20,.45)}
.service-home-image{height:205px;position:relative;overflow:hidden;background:#082d38}
.service-home-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease,filter .5s ease}
.service-home-card:hover .service-home-image img{transform:scale(1.045);filter:saturate(1.05)}
.service-home-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,45,56,0) 48%,rgba(8,45,56,.42) 100%);pointer-events:none}
.service-home-number{position:absolute;z-index:2;left:16px;top:16px;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#DB4914;color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em}
.service-home-body{padding:25px 24px 24px;display:flex;flex-direction:column;flex:1}
.service-home-body h3{font-size:21px;line-height:1.2;margin:0 0 12px;color:#082d38;letter-spacing:-.02em}
.service-home-body p{font-size:14px;line-height:1.72;color:#657277;margin:0 0 22px;flex:1}
.service-read-more{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;color:#082d38;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid #DB4914;padding-bottom:6px;transition:color .2s ease,gap .2s ease}
.service-read-more span{font-size:16px;line-height:1;color:#DB4914}
.service-read-more:hover{color:#DB4914;gap:12px}
@media(max-width:760px){.service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-home-image{height:220px}}
@media(max-width:600px){.services-home{padding-top:78px!important;padding-bottom:84px!important}.service-card-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}.service-home-image{height:230px}.service-home-body{padding:22px 20px 22px}}


/* FINAL HEADER MENU BUTTON + BLUE LOGISTICS SERVICES SECTION */
.menu-panel-toggle{
  width:42px!important;
  height:52px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:0!important;
}
.menu-panel-toggle .menu-lines{
  width:27px!important;
  height:17px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:0!important;
}
.menu-panel-toggle .menu-lines i{
  display:block!important;
  width:27px!important;
  height:2px!important;
  margin:0!important;
  background:#fff!important;
  transform:none!important;
}
.menu-panel-toggle:hover .menu-lines i:nth-child(1),
.menu-panel-toggle:hover .menu-lines i:nth-child(3){
  width:18px!important;
  background:#DB4914!important;
}
.menu-panel-toggle:hover .menu-lines i:nth-child(1){transform:translateX(0)!important}
.menu-panel-toggle:hover .menu-lines i:nth-child(2){width:27px!important;background:#DB4914!important}
.menu-panel-toggle:hover .menu-lines i:nth-child(3){transform:translateX(0)!important}

/* Blue section treatment to match the site's dark sections. */
.services-home{
  background:#082d38!important;
  color:#fff!important;
}
.services-home .eyebrow{color:#DB4914!important}
.services-home h2{color:#fff!important}
.services-home h2 span{color:#DB4914!important}
.services-home > .wrap > p{color:#c3d0d3!important}

@media(max-width:760px){
  .menu-panel-toggle{width:38px!important}
}

/* RESTORE SERVICE CARD ANIMATION — background change does not alter the card motion. */
.service-home-card[data-service-card],
.cards .card[data-service-card]{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  opacity:0;
  transform:translateY(28px);
  transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease;
}
.service-home-card[data-service-card].service-card-visible,
.cards .card[data-service-card].service-card-visible{
  opacity:1;
  transform:translateY(0);
}
.service-home-card[data-service-card]:before,
.cards .card[data-service-card]:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:#DB4914;
  transform:scaleY(0);
  transform-origin:bottom;
  transition:transform .45s cubic-bezier(.22,1,.36,1);
  z-index:6;
  pointer-events:none;
}
.service-home-card[data-service-card]:hover:before,
.cards .card[data-service-card]:hover:before{transform:scaleY(1)}
.service-home-card[data-service-card]:hover,
.cards .card[data-service-card]:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 42px rgba(8,45,56,.16);
}
.service-home-card[data-service-card] .service-home-image img{transition:transform .8s cubic-bezier(.22,1,.36,1),filter .8s ease}
.service-home-card[data-service-card]:hover .service-home-image img{transform:scale(1.09);filter:saturate(1.12) contrast(1.04)}
.service-home-card[data-service-card] .service-home-number,
.cards .card[data-service-card] .num{transition:transform .35s ease,background .35s ease,color .35s ease,box-shadow .35s ease}
.service-home-card[data-service-card]:hover .service-home-number,
.cards .card[data-service-card]:hover .num{transform:rotate(8deg) scale(1.12);background:#fff;color:#DB4914;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.service-home-card[data-service-card] .service-home-body h3,
.cards .card[data-service-card] h3{transition:transform .3s ease,color .3s ease}
.service-home-card[data-service-card]:hover .service-home-body h3,
.cards .card[data-service-card]:hover h3{transform:translateX(5px);color:#DB4914}

/* About Us drawer spacing + full-height orange accent. */
.about-drawer:before{
  top:0!important;
  bottom:0!important;
  height:auto!important;
  z-index:1!important;
}
.about-drawer > *:not(.drawer-close){position:relative;z-index:2}
.drawer-about-btn{margin-top:28px!important;display:inline-flex!important}
@media(max-width:760px){.drawer-about-btn{margin-top:24px!important}}

@media(prefers-reduced-motion:reduce){
  .service-home-card[data-service-card],.cards .card[data-service-card]{opacity:1;transform:none;transition:none}
  .service-home-card[data-service-card]:hover,.cards .card[data-service-card]:hover{transform:none}
}


/* v37 precise fixes: restore v34 service imagery; remove only the service-card glow/outline hover. */
.service-home-card[data-service-card]:hover,
.service-page-card[data-service-card]:hover{
  box-shadow:none!important;
  border-color:#e3e8e9!important;
}
/* Keep the existing card motion, image zoom, accent bar, number and heading animations intact. */
.service-home-card[data-service-card]:hover .service-home-image img,
.service-page-card[data-service-card]:hover .service-page-image img{
  transform:scale(1.09)!important;
}

/* About Us drawer: make the orange accent span the complete drawer height and give the CTA clear separation. */
.about-drawer:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:7px!important;
  height:100%!important;
  min-height:100vh!important;
  background:#DB4914!important;
  display:block!important;
  z-index:1!important;
}
.about-drawer .drawer-about-btn{
  margin-top:38px!important;
  position:relative!important;
  z-index:3!important;
}
@media(max-width:760px){
  .about-drawer .drawer-about-btn{margin-top:32px!important}
}


/* v37 final precision: remove only the service-card glow/outline effect. */
.service-home-card[data-service-card]:hover,
.service-page-card[data-service-card]:hover,
.cards .card[data-service-card]:hover{
  box-shadow:none!important;
  outline:none!important;
  border-color:#e3e8e9!important;
}

/* About Us drawer accent: guaranteed full-height vertical orange strip. */
.about-drawer{
  background:linear-gradient(to right,#DB4914 0,#DB4914 7px,transparent 7px) #082d38!important;
}
.about-drawer:before{
  top:0!important;
  bottom:0!important;
  left:0!important;
  width:7px!important;
  height:100%!important;
  min-height:100%!important;
  background:#DB4914!important;
}
.about-drawer .drawer-about-btn{
  margin-top:38px!important;
}
/* V38 — More visible dotted world map for Why Work With Achyutam */
.why-achyutam .why-map{position:absolute;inset:0;background-image:url("assets/bg-map-pattern.webp");background-repeat:no-repeat;background-position:center center;background-size:min(1700px,128vw) auto;opacity:.12;pointer-events:none}
@media(max-width:760px){
  .why-achyutam .why-map{display:none!important;}
}


/* V45 — Logi-inspired service-page entrance animation.
   Keeps the existing card design and removes no existing interactions. */
.service-page-grid .service-page-card[data-service-card]{
  opacity:0!important;
  transform:translateY(42px)!important;
  transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1),box-shadow .35s ease!important;
  will-change:opacity,transform;
}
.service-page-grid .service-page-card[data-service-card].service-card-visible{
  opacity:1!important;
  transform:translateY(0)!important;
}
.service-page-grid .service-page-card[data-service-card] .service-page-image{
  overflow:hidden!important;
  position:relative!important;
}
.service-page-grid .service-page-card[data-service-card] .service-page-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,45,56,.02) 35%,rgba(8,45,56,.28) 100%);
  opacity:.75;
  transition:opacity .45s ease;
  pointer-events:none;
}
.service-page-grid .service-page-card[data-service-card] .service-page-image img{
  transform:scale(1.015)!important;
  transition:transform .8s cubic-bezier(.22,1,.36,1),filter .6s ease!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-image img{
  transform:scale(1.08)!important;
  filter:saturate(1.08) contrast(1.03)!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-image:after{opacity:.45}
.service-page-grid .service-page-card[data-service-card] .service-page-body{
  transform:translateY(8px);
  opacity:.96;
  transition:transform .55s ease,opacity .55s ease;
}
.service-page-grid .service-page-card[data-service-card].service-card-visible .service-page-body{
  transform:translateY(0);
  opacity:1;
}
.service-page-grid .service-page-card[data-service-card]:nth-child(odd){transition-delay:0ms!important}
.service-page-grid .service-page-card[data-service-card]:nth-child(even){transition-delay:90ms!important}
@media(max-width:760px){
  .service-page-grid .service-page-card[data-service-card]:nth-child(even){transition-delay:60ms!important}
}
@media(prefers-reduced-motion:reduce){
  .service-page-grid .service-page-card[data-service-card],
  .service-page-grid .service-page-card[data-service-card].service-card-visible{
    opacity:1!important;transform:none!important;transition:none!important;
  }
  .service-page-grid .service-page-card[data-service-card] .service-page-body{transform:none;opacity:1;transition:none}
}

/* V46 — Logi-inspired service-card motion for the Services page.
   Similar interaction: staggered entrance, image reveal/zoom, floating content panel,
   and a clean orange action accent. No glow/outline effect. */
.service-page-grid .service-page-card[data-service-card]{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #e3e8e9!important;
  border-radius:3px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(8,45,56,.06)!important;
  transform:translateY(44px)!important;
  opacity:0!important;
  transition:opacity .72s ease,transform .72s cubic-bezier(.22,1,.36,1),box-shadow .38s ease!important;
  will-change:transform,opacity;
}
.service-page-grid .service-page-card[data-service-card].service-card-visible{
  opacity:1!important;
  transform:translateY(0)!important;
}
.service-page-grid .service-page-card[data-service-card]:hover{
  transform:translateY(-8px)!important;
  box-shadow:0 20px 42px rgba(8,45,56,.14)!important;
  border-color:#dce4e5!important;
}

.service-page-grid .service-page-image{
  height:255px!important;
  position:relative!important;
  overflow:hidden!important;
  background:#082d38!important;
}
.service-page-grid .service-page-image:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(8,45,56,.02) 30%,rgba(8,45,56,.52) 100%);
  opacity:.65;
  transition:opacity .45s ease;
  pointer-events:none;
}
.service-page-grid .service-page-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:scale(1.03)!important;
  transition:transform .8s cubic-bezier(.22,1,.36,1),filter .55s ease!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-image img{
  transform:scale(1.105)!important;
  filter:saturate(1.08) contrast(1.04)!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-image:before{opacity:.4}

.service-page-grid .service-page-number{
  position:absolute!important;
  left:20px!important;
  top:20px!important;
  z-index:3!important;
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#DB4914!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
  transition:transform .4s cubic-bezier(.22,1,.36,1),background .35s ease,color .35s ease!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-number{
  transform:rotate(8deg) scale(1.12)!important;
  background:#fff!important;
  color:#DB4914!important;
}

.service-page-grid .service-page-body{
  position:relative!important;
  z-index:4!important;
  margin:-28px 18px 0!important;
  padding:27px 25px 26px!important;
  background:#fff!important;
  border:1px solid #e7ecec!important;
  box-shadow:0 10px 25px rgba(8,45,56,.07)!important;
  transform:translateY(18px)!important;
  opacity:.94!important;
  transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .4s ease!important;
}
.service-page-grid .service-page-card[data-service-card].service-card-visible .service-page-body{
  transform:translateY(0)!important;
  opacity:1!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-body{
  transform:translateY(-8px)!important;
  box-shadow:0 16px 32px rgba(8,45,56,.11)!important;
}
.service-page-grid .service-page-body h3{
  transition:transform .35s ease,color .35s ease!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-body h3{
  transform:translateX(5px)!important;
  color:#DB4914!important;
}
.service-page-grid .service-page-link{
  position:relative!important;
  overflow:hidden!important;
  transition:transform .35s ease,gap .35s ease,background .35s ease!important;
}
.service-page-grid .service-page-link span{
  display:inline-block!important;
  transition:transform .35s ease!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-link{
  transform:translateX(3px)!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-link span{
  transform:translateX(4px)!important;
}

/* Stagger the eight cards in the same restrained, editorial way. */
.service-page-grid .service-page-card:nth-child(1){transition-delay:0ms!important}
.service-page-grid .service-page-card:nth-child(2){transition-delay:80ms!important}
.service-page-grid .service-page-card:nth-child(3){transition-delay:160ms!important}
.service-page-grid .service-page-card:nth-child(4){transition-delay:240ms!important}
.service-page-grid .service-page-card:nth-child(5){transition-delay:80ms!important}
.service-page-grid .service-page-card:nth-child(6){transition-delay:160ms!important}
.service-page-grid .service-page-card:nth-child(7){transition-delay:240ms!important}
.service-page-grid .service-page-card:nth-child(8){transition-delay:320ms!important}

@media(max-width:760px){
  .service-page-grid .service-page-image{height:230px!important}
  .service-page-grid .service-page-body{margin:-22px 14px 0!important;padding:23px 21px 24px!important}
  .service-page-grid .service-page-card[data-service-card]:hover{transform:translateY(-5px)!important}
  .service-page-grid .service-page-card[data-service-card]:hover .service-page-body{transform:translateY(-5px)!important}
}
@media(prefers-reduced-motion:reduce){
  .service-page-grid .service-page-card[data-service-card],
  .service-page-grid .service-page-card[data-service-card].service-card-visible{
    opacity:1!important;transform:none!important;transition:none!important;
  }
  .service-page-grid .service-page-body{transform:none!important;opacity:1!important;transition:none!important}
}

/* V47 — Logi-style service card hover interaction based on the supplied reference video.
   The card stays in place: white/light card -> orange image-backed card on hover,
   with the image softly revealing underneath and the content switching to white. */
.service-page-grid .service-page-card[data-service-card]{
  min-height:340px!important;
  height:340px!important;
  padding:0!important;
  overflow:hidden!important;
  position:relative!important;
  isolation:isolate!important;
  border:0!important;
  border-radius:0!important;
  background:#f1f2f0!important;
  box-shadow:none!important;
  transform:translateY(44px)!important;
  opacity:0!important;
  transition:opacity .72s ease,transform .72s cubic-bezier(.22,1,.36,1),background-color .55s ease!important;
}
.service-page-grid .service-page-card[data-service-card].service-card-visible{
  opacity:1!important;
  transform:translateY(0)!important;
}
.service-page-grid .service-page-card[data-service-card]:hover,
.service-page-grid .service-page-card[data-service-card].service-card-visible:hover{
  transform:none!important;
  background:#DB4914!important;
  box-shadow:none!important;
  border:0!important;
}

/* Full-card photo layer: invisible at rest, softly revealed on hover. */
.service-page-grid .service-page-card[data-service-card] .service-page-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:transparent!important;
  z-index:0!important;
}
.service-page-grid .service-page-card[data-service-card] .service-page-image:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:rgba(219,73,20,.72)!important;
  opacity:0!important;
  transition:opacity .5s ease!important;
}
.service-page-grid .service-page-card[data-service-card] .service-page-image img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:scale(1.04)!important;
  opacity:0!important;
  filter:grayscale(.05) saturate(.9)!important;
  transition:opacity .55s ease,transform .8s cubic-bezier(.22,1,.36,1),filter .55s ease!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-image img{
  opacity:.23!important;
  transform:scale(1.08)!important;
  filter:grayscale(.05) saturate(1.02)!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-image:before{
  opacity:1!important;
}

/* Remove the old floating image/body treatment. */
.service-page-grid .service-page-card[data-service-card] .service-page-number{
  display:none!important;
}
.service-page-grid .service-page-card[data-service-card] .service-page-body{
  position:relative!important;
  inset:auto!important;
  z-index:4!important;
  width:100%!important;
  height:100%!important;
  min-height:340px!important;
  margin:0!important;
  padding:58px 38px 36px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:1!important;
  transition:none!important;
}
.service-page-grid .service-page-card[data-service-card] .service-card-meta{
  display:none!important;
}
.service-page-grid .service-page-card[data-service-card] .service-page-body:before{
  content:"✦";
  position:absolute;
  left:38px;
  top:46px;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#082d38;
  font-size:34px;
  line-height:1;
  font-weight:400;
  transition:color .45s ease,transform .5s cubic-bezier(.22,1,.36,1);
}
.service-page-grid .service-page-card:nth-child(1) .service-page-body:before{content:"✣"}
.service-page-grid .service-page-card:nth-child(2) .service-page-body:before{content:"◈"}
.service-page-grid .service-page-card:nth-child(3) .service-page-body:before{content:"⌗"}
.service-page-grid .service-page-card:nth-child(4) .service-page-body:before{content:"↗"}
.service-page-grid .service-page-card:nth-child(5) .service-page-body:before{content:"▦"}
.service-page-grid .service-page-card:nth-child(6) .service-page-body:before{content:"◇"}
.service-page-grid .service-page-card:nth-child(7) .service-page-body:before{content:"⚙"}
.service-page-grid .service-page-card:nth-child(8) .service-page-body:before{content:"✚"}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-body:before{
  color:#fff!important;
  transform:scale(1.08) rotate(6deg);
}
.service-page-grid .service-page-body h3{
  margin:0 0 15px!important;
  max-width:240px!important;
  color:#082d38!important;
  font-size:24px!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
  transform:none!important;
  transition:color .45s ease!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-body h3{
  color:#fff!important;
  transform:none!important;
}
.service-page-grid .service-page-body p{
  display:none!important;
}
.service-page-grid .service-page-link{
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#082d38!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  transform:none!important;
  transition:color .45s ease,gap .35s ease!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-link{
  color:#fff!important;
  transform:none!important;
  gap:9px!important;
}
.service-page-grid .service-page-link span{
  transition:transform .35s ease!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-link span{
  transform:translateX(2px)!important;
}

@media(max-width:760px){
  .service-page-grid .service-page-card[data-service-card],
  .service-page-grid .service-page-card[data-service-card] .service-page-body{height:310px!important;min-height:310px!important}
  .service-page-grid .service-page-card[data-service-card] .service-page-body{padding:52px 28px 30px!important}
  .service-page-grid .service-page-card[data-service-card] .service-page-body:before{left:28px;top:40px}
}
@media(prefers-reduced-motion:reduce){
  .service-page-grid .service-page-card[data-service-card],
  .service-page-grid .service-page-card[data-service-card].service-card-visible{opacity:1!important;transform:none!important;transition:none!important}
  .service-page-grid .service-page-card[data-service-card] .service-page-image img,
  .service-page-grid .service-page-card[data-service-card] .service-page-image:before,
  .service-page-grid .service-page-card[data-service-card] .service-page-body:before,
  .service-page-grid .service-page-card[data-service-card] .service-page-body h3,
  .service-page-grid .service-page-card[data-service-card] .service-page-link{transition:none!important}
}

/* V48 — Services cards: keep the existing Logi-style hover animation, but make each card a box/square instead of a wide rectangle. */
.service-page-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
}
.service-page-grid .service-page-card[data-service-card]{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
}
.service-page-grid .service-page-card[data-service-card] .service-page-body{
  height:100%!important;
  min-height:0!important;
}
@media(max-width:760px){
  .service-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .service-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .service-page-grid .service-page-card[data-service-card] .service-page-body{padding:42px 22px 25px!important}
  .service-page-grid .service-page-card[data-service-card] .service-page-body:before{left:22px!important;top:30px!important}
  .service-page-grid .service-page-body h3{font-size:20px!important}
}
@media(max-width:480px){
  .service-page-grid{grid-template-columns:1fr!important}
}

/* V50 — Match the supplied Logi reference layout: compact square cards arranged horizontally, 3 per row. */
.service-page-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
}
.service-page-grid .service-page-card[data-service-card]{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
}
.service-page-grid .service-page-card[data-service-card] .service-page-body{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
@media(max-width:760px){
  .service-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
  .service-page-grid{grid-template-columns:1fr!important}
}

/* V51 — Keep the Services cards compact like the supplied reference; fixed small 1:1 boxes, 3 across. */
.service-page-grid{
  grid-template-columns:repeat(3,250px)!important;
  justify-content:center!important;
  gap:22px!important;
}
.service-page-grid .service-page-card[data-service-card]{
  width:250px!important;
  height:250px!important;
  aspect-ratio:1/1!important;
  min-height:250px!important;
}
@media(max-width:760px){
  .service-page-grid{grid-template-columns:repeat(2,250px)!important}
}
@media(max-width:560px){
  .service-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .service-page-grid .service-page-card[data-service-card]{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important}
}
@media(max-width:380px){
  .service-page-grid{grid-template-columns:1fr!important}
}

/* V52 — Services cards: slightly larger square cards, kept in a horizontal 3-column row with clear gaps. */
.service-page-grid{
  grid-template-columns:repeat(3,280px)!important;
  justify-content:center!important;
  align-items:start!important;
  column-gap:28px!important;
  row-gap:28px!important;
}
.service-page-grid .service-page-card[data-service-card]{
  width:280px!important;
  height:280px!important;
  min-height:280px!important;
  aspect-ratio:1/1!important;
}
.service-page-grid .service-page-card[data-service-card] .service-page-body{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
@media(max-width:760px){
  .service-page-grid{
    grid-template-columns:repeat(2,280px)!important;
    column-gap:24px!important;
    row-gap:24px!important;
  }
}
@media(max-width:620px){
  .service-page-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:16px!important;
    row-gap:16px!important;
  }
  .service-page-grid .service-page-card[data-service-card]{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
  }
}
@media(max-width:400px){
  .service-page-grid{grid-template-columns:1fr!important}
}

/* V53 — Services reference layout: true horizontal row of compact square cards. */
.service-page-grid{
  display:grid!important;
  grid-template-columns:repeat(3,320px)!important;
  justify-content:center!important;
  align-items:start!important;
  column-gap:32px!important;
  row-gap:32px!important;
  width:100%!important;
}
.service-page-grid .service-page-card[data-service-card]{
  display:block!important;
  width:320px!important;
  height:320px!important;
  min-width:320px!important;
  min-height:320px!important;
  max-width:320px!important;
  max-height:320px!important;
  aspect-ratio:1/1!important;
  flex:none!important;
}
.service-page-grid .service-page-card[data-service-card] .service-page-image,
.service-page-grid .service-page-card[data-service-card] .service-page-body{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
}
.service-page-grid .service-page-card[data-service-card] .service-page-body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
}
@media(max-width:760px){
  .service-page-grid{
    grid-template-columns:repeat(2,320px)!important;
    column-gap:28px!important;
    row-gap:28px!important;
  }
}
@media(max-width:700px){
  .service-page-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:16px!important;
    row-gap:16px!important;
  }
  .service-page-grid .service-page-card[data-service-card]{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
  }
}
@media(max-width:420px){
  .service-page-grid{grid-template-columns:1fr!important}
}

/* V61 — TRUE HORIZONTAL HERO SWIPE + STRONGER COPY CONTRAST */
.hero-swipe{touch-action:pan-y;cursor:grab}
.hero-swipe.is-dragging{cursor:grabbing}
.hero-swipe .hero-in{overflow:hidden}
.hero-slider-track{position:relative!important;display:flex!important;align-items:stretch!important;width:300%!important;min-height:500px!important;transition:transform .72s cubic-bezier(.22,1,.36,1)!important;will-change:transform}
.hero-swipe-slide{position:relative!important;inset:auto!important;flex:0 0 33.333333%!important;width:33.333333%!important;min-width:33.333333%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;pointer-events:auto!important;padding:0 30px!important}
.hero-swipe-slide .hero-desc{font-size:19px!important;line-height:1.75!important;color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.9)!important;font-weight:600!important;max-width:820px!important;margin:0 0 34px!important;background:rgba(4,25,31,.42)!important;border:1px solid rgba(255,255,255,.14)!important;padding:13px 20px!important;backdrop-filter:blur(2px)!important}
.hero-swipe-slide h1{text-shadow:0 4px 26px rgba(0,0,0,.75)!important}
.hero-swipe-slide .section-label{text-shadow:0 2px 12px rgba(0,0,0,.7)!important}
.hero-swipe-nav{position:absolute;right:48px;bottom:48px;z-index:8;display:flex;align-items:center;gap:18px;color:#fff}
.hero-swipe-arrow{width:52px!important;height:52px!important;border:1px solid rgba(255,255,255,.62)!important;background:rgba(8,45,56,.62)!important;color:#fff!important;font-size:38px!important;line-height:1!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .25s,border-color .25s,transform .25s!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important}
.hero-swipe-arrow span{display:block;transform:translateY(-2px)}
.hero-swipe-arrow:hover{background:#DB4914!important;border-color:#DB4914!important;transform:translateY(-2px)!important}
.hero-swipe-count{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;min-width:76px;justify-content:center;text-shadow:0 2px 10px rgba(0,0,0,.65)}
.hero-swipe-count i{width:28px;height:1px;background:rgba(255,255,255,.65);display:block}
.hero-swipe-dots{position:absolute;left:48px;bottom:48px;z-index:8;display:flex;gap:8px;align-items:center}
.hero-swipe-dots button{width:28px;height:3px;border:0;background:rgba(255,255,255,.48);padding:0;cursor:pointer;transition:width .3s ease,background .3s ease}
.hero-swipe-dots button.active{width:54px;background:#DB4914}
@media(max-width:760px){
  .hero-slider-track{min-height:500px!important}
  .hero-swipe-slide{padding:0 12px!important}
  .hero-swipe-slide .hero-desc{font-size:15px!important;line-height:1.7!important;max-width:620px!important;padding:11px 14px!important}
  .hero-swipe-nav{right:18px;bottom:24px;gap:8px}
  .hero-swipe-arrow{width:42px!important;height:42px!important;font-size:32px!important}
  .hero-swipe-dots{left:18px;bottom:42px}
}

/* V62 — Restore original centered hero layout; add Logi-inspired horizontal mouse/touch swipe without changing the original first slide. */
.hero-swipe .hero-in{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:block!important;
  z-index:3!important;
}
.hero-swipe .hero-slider-track{
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:300%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  transform:translate3d(0,0,0);
  transition:transform .68s cubic-bezier(.22,1,.36,1)!important;
  will-change:transform;
}
.hero-swipe .hero-swipe-slide{
  position:relative!important;
  inset:auto!important;
  flex:0 0 33.3333333333%!important;
  width:33.3333333333%!important;
  min-width:33.3333333333%!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  pointer-events:auto!important;
  padding:95px 30px 80px!important;
  text-align:center!important;
}
.hero-swipe .hero-swipe-slide .hero-desc{
  max-width:700px!important;
  margin:0 0 34px!important;
  color:#e7eeee!important;
  background:none!important;
  border:0!important;
  padding:0!important;
  font-size:16px!important;
  line-height:1.65!important;
  font-weight:400!important;
  text-shadow:0 2px 12px rgba(0,0,0,.65)!important;
}
.hero-swipe .hero-swipe-slide h1{
  max-width:950px!important;
  margin:0 0 25px!important;
  text-align:center!important;
  text-shadow:0 3px 22px rgba(0,0,0,.55)!important;
}
.hero-swipe .hero-swipe-slide .section-label{
  margin:0 0 18px!important;
  text-align:center!important;
  text-shadow:0 2px 12px rgba(0,0,0,.65)!important;
}
.hero-swipe .hero-swipe-slide .hero-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  width:auto!important;
  margin:4px 0 0!important;
}
.hero-swipe .hero-swipe-slide .hero-actions a{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}
.hero-swipe .hero-swipe-slide .orange-btn,
.hero-swipe .hero-swipe-slide .dark-btn{
  position:relative!important;
  z-index:6!important;
  align-self:auto!important;
  margin:0!important;
}
.hero-swipe-nav,.hero-swipe-dots{z-index:9!important}
.hero-swipe{user-select:none;-webkit-user-select:none}
.hero-swipe.is-dragging .hero-slider-track{transition:none!important}
@media(max-width:760px){
  .hero-swipe .hero-swipe-slide{padding:82px 22px 90px!important}
  .hero-swipe .hero-swipe-slide .hero-desc{font-size:14px!important;line-height:1.7!important;max-width:620px!important}
  .hero-swipe .hero-swipe-slide h1{font-size:clamp(42px,12vw,64px)!important;letter-spacing:-.045em!important}
  .hero-swipe .hero-swipe-slide .hero-actions{gap:12px!important;flex-wrap:wrap!important}
}

/* V62 — Gallery viewer controls: keep arrows permanently above the image and easy to click. */
.gallery-lightbox-prev,.gallery-lightbox-next{
  z-index:10060!important;
  width:68px!important;
  height:88px!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.gallery-lightbox-prev{left:18px!important}
.gallery-lightbox-next{right:18px!important}
.gallery-lightbox-figure,.gallery-lightbox-image{z-index:2!important}
@media(max-width:700px){
  .gallery-lightbox-prev,.gallery-lightbox-next{width:50px!important;height:68px!important}
  .gallery-lightbox-prev{left:8px!important}.gallery-lightbox-next{right:8px!important}
}


/* V64 — Logi-inspired hero copy entrance: fade + gentle upward reveal, staggered per element. */
.hero-swipe .hero-swipe-slide > *{
  opacity:0;
  transform:translate3d(0,26px,0);
  transition:none;
  will-change:opacity,transform;
}
.hero-swipe .hero-swipe-slide.hero-copy-enter > .section-label{
  animation:achyutamHeroFadeUp .72s cubic-bezier(.22,1,.36,1) .05s both!important;
}
.hero-swipe .hero-swipe-slide.hero-copy-enter > h1{
  animation:achyutamHeroFadeUp .78s cubic-bezier(.22,1,.36,1) .16s both!important;
}
.hero-swipe .hero-swipe-slide.hero-copy-enter > .hero-desc{
  animation:achyutamHeroFadeUp .72s cubic-bezier(.22,1,.36,1) .30s both!important;
}
.hero-swipe .hero-swipe-slide.hero-copy-enter > .hero-actions{
  animation:achyutamHeroFadeUp .72s cubic-bezier(.22,1,.36,1) .43s both!important;
}
@keyframes achyutamHeroFadeUp{
  from{opacity:0;transform:translate3d(0,26px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
.hero-swipe.is-dragging .hero-swipe-slide > *{animation:none!important}
@media(prefers-reduced-motion:reduce){
  .hero-swipe .hero-swipe-slide > *{opacity:1!important;transform:none!important;animation:none!important}
}

/* Group presentation and footer social links */
.group-presentation-card{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:34px 38px;margin-bottom:45px;background:#f6f7f7;border-left:4px solid #DB4914}.group-presentation-card h2{margin:8px 0 10px}.group-presentation-card h2 span{color:#DB4914}.group-presentation-card p{max-width:720px;margin:0;color:#66777b;line-height:1.75}.group-presentation-card .orange-btn{flex:0 0 auto;white-space:nowrap}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-socials{display:flex;align-items:center;gap:10px}.footer-socials a{width:34px;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid;place-items:center;color:#b9c5c7;transition:.25s ease}.footer-socials a:hover{color:#DB4914;border-color:#DB4914}.footer-socials svg{width:16px;height:16px;fill:currentColor}@media(max-width:700px){.group-presentation-card{flex-direction:column;align-items:flex-start;padding:28px 24px}.group-presentation-card .orange-btn{white-space:normal}.footer-bottom{flex-direction:column;align-items:flex-start}}


/* Prevent blank white space below the footer on short pages. */
html,body{min-height:100%;}
body{min-height:100vh;display:flex;flex-direction:column;}
.footer{margin-top:auto;}

/* Footer contact details */
.footer-contact-col .footer-contact-item{display:flex;align-items:flex-start;gap:10px;margin:0 0 13px}
.footer-contact-col .footer-contact-icon{width:17px;height:17px;flex:0 0 17px;margin-top:1px;color:#b9c5c7}
.footer-contact-col .footer-contact-item a{margin:0;line-height:1.55}
.footer-contact-col .footer-contact-links{display:flex;flex-direction:column;gap:2px;min-width:0}
.footer-contact-col .footer-contact-links a{margin:0}
.footer-contact-col .footer-contact-item:hover .footer-contact-icon{color:#DB4914}

/* New Achyutam Group logo: transparent artwork blends cleanly into the dark header/footer. */
.logo{width:225px;height:78px;display:flex;align-items:center;justify-content:flex-start;overflow:visible}
.logo img{width:225px;height:auto;max-height:none;object-fit:contain;object-position:left center}
.footer-logo{width:225px;max-height:none;height:auto;object-fit:contain}
@media(max-width:760px){.logo,.logo img{width:200px}.footer-logo{width:210px}}
@media(max-width:760px){.logo,.logo img{width:175px;height:auto}.logo{height:68px}.footer-logo{width:200px}}


/* SUPPLIED ACHYUTAM LOGO — KEEP ITS WHITE BACKGROUND, MAKE IT FEEL INTENTIONAL */
.logo{
  width:190px!important;
  height:104px!important;
  padding:4px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:10px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.20), 0 0 0 1px rgba(8,45,56,.10)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.logo img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:7px!important;
}
.footer-logo{
  width:190px!important;
  height:104px!important;
  padding:4px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:10px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.16), 0 0 0 1px rgba(8,45,56,.10)!important;
  object-fit:contain!important;
}
@media(max-width:760px){
  .logo{width:176px!important;height:96px!important}
  .footer-logo{width:176px!important;height:96px!important}
}
@media(max-width:760px){
  .logo{width:150px!important;height:82px!important;padding:3px!important;border-radius:8px!important}
  .logo img{border-radius:6px!important}
  .footer-logo{width:170px!important;height:92px!important}
}

/* Header logo fit — preserve the supplied white logo background and make it sit cleanly inside the navigation. */
.site-header .nav-in{height:92px!important;align-items:center!important;}
.site-header .logo{
  width:218px!important;
  height:82px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 218px!important;
  background:#fff!important;
  border-radius:8px!important;
  overflow:hidden!important;
  box-shadow:0 4px 18px rgba(0,0,0,.14)!important;
  border:1px solid rgba(255,255,255,.8)!important;
}
.site-header .logo img{
  display:block!important;
  width:218px!important;
  height:82px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
@media(max-width:760px){
  .site-header .nav-in{height:82px!important;}
  .site-header .logo{width:195px!important;height:74px!important;flex-basis:195px!important;border-radius:7px!important;}
  .site-header .logo img{width:195px!important;height:74px!important;}
}
@media(max-width:760px){
  .site-header .nav-in{height:82px!important;}
  .site-header .logo{width:185px!important;height:68px!important;flex-basis:185px!important;border-radius:7px!important;}
  .site-header .logo img{width:185px!important;height:68px!important;}
}

/* FINAL ACHYUTAM LOGO TREATMENT — transparent artwork, no white box. */
.site-header .nav-in{height:92px!important;align-items:center!important;}
.site-header .logo{
  position:relative!important;
  width:230px!important;
  height:78px!important;
  flex:0 0 230px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.site-header .logo::before{
  content:"";
  position:absolute;
  left:-12px;
  top:50%;
  width:225px;
  height:76px;
  transform:translateY(-50%);
  background:radial-gradient(ellipse at center,rgba(255,255,255,.13) 0%,rgba(255,255,255,.055) 38%,rgba(255,255,255,0) 72%);
  filter:blur(5px);
  z-index:-1;
  pointer-events:none;
}
.site-header .logo img{
  display:block!important;
  width:230px!important;
  height:auto!important;
  max-width:none!important;
  max-height:76px!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  filter:drop-shadow(0 0 1px rgba(255,255,255,.72)) drop-shadow(0 3px 7px rgba(0,0,0,.38))!important;
}
.footer-logo{
  width:225px!important;
  height:auto!important;
  max-height:78px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 1px rgba(255,255,255,.72)) drop-shadow(0 3px 7px rgba(0,0,0,.38))!important;
}
@media(max-width:760px){
  .site-header .logo{width:205px!important;height:72px!important;flex-basis:205px!important;}
  .site-header .logo img{width:205px!important;max-height:70px!important;}
  .site-header .logo::before{width:200px!important;height:70px!important;}
  .footer-logo{width:205px!important;}
}
@media(max-width:760px){
  .site-header .nav-in{height:82px!important;}
  .site-header .logo{width:185px!important;height:64px!important;flex-basis:185px!important;}
  .site-header .logo img{width:185px!important;max-height:62px!important;}
  .site-header .logo::before{left:-8px;width:180px!important;height:62px!important;}
  .footer-logo{width:195px!important;}
}

/* V84 — Clean premium header logo: no glow, no white box, precise alignment */
.logo{
  width:232px!important;
  height:72px!important;
  padding:5px 9px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:none!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:9px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.logo img{
  display:block!important;
  width:214px!important;
  height:62px!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

@media(max-width:760px){
  .logo{width:210px!important;height:68px!important;padding:5px 8px!important}
  .logo img{width:194px!important;height:58px!important}
}
@media(max-width:760px){
  .logo{width:190px!important;height:62px!important;padding:4px 7px!important;border-radius:8px!important}
  .logo img{width:176px!important;height:54px!important}
}

/* Logo spotlight — soft light-blue vignette behind the logo only */
.site-header{isolation:isolate;overflow:visible!important}
.site-header::before{
  content:"";
  position:absolute;
  z-index:0;
  left:-70px;
  top:0;
  width:500px;
  height:100%;
  pointer-events:none;
  background:radial-gradient(ellipse 245px 82px at 245px 50%, rgba(112,184,230,.24) 0%, rgba(74,153,207,.14) 38%, rgba(8,45,56,0) 76%);
}
.nav-in{z-index:1}
.logo,.logo img{position:relative;z-index:2}

@media(max-width:760px){
  .site-header::before{
    left:-80px;
    width:430px;
    background:radial-gradient(ellipse 210px 76px at 205px 50%, rgba(112,184,230,.23) 0%, rgba(74,153,207,.13) 40%, rgba(8,45,56,0) 76%);
  }
}
@media(max-width:760px){
  .site-header::before{
    left:-80px;
    width:380px;
    height:82px;
    background:radial-gradient(ellipse 190px 70px at 190px 50%, rgba(112,184,230,.22) 0%, rgba(74,153,207,.12) 40%, rgba(8,45,56,0) 76%);
  }
}


/* V86 — Use the supplied white-background logo; remove the blue spotlight and all logo glow effects. */
.site-header::before{display:none!important;content:none!important;background:none!important;}
.site-header .logo{
  width:190px!important;
  height:82px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 190px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
  z-index:2!important;
}
.site-header .logo img{
  display:block!important;
  width:178px!important;
  height:auto!important;
  max-width:178px!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  border:1px solid rgba(12,56,99,.16)!important;
  border-radius:8px!important;
  box-shadow:0 2px 8px rgba(0,0,0,.12)!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.footer-logo{
  width:190px!important;
  height:auto!important;
  max-height:82px!important;
  object-fit:contain!important;
  background:#fff!important;
  border:1px solid rgba(12,56,99,.16)!important;
  border-radius:8px!important;
  box-shadow:0 2px 8px rgba(0,0,0,.12)!important;
  padding:0!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
@media(max-width:760px){
  .site-header .logo{width:175px!important;height:76px!important;flex-basis:175px!important;}
  .site-header .logo img{width:164px!important;max-width:164px!important;max-height:76px!important;}
  .footer-logo{width:180px!important;max-height:78px!important;}
}
@media(max-width:760px){
  .site-header .nav-in{height:82px!important;}
  .site-header .logo{width:160px!important;height:68px!important;flex-basis:160px!important;}
  .site-header .logo img{width:150px!important;max-width:150px!important;max-height:68px!important;border-radius:7px!important;}
  .footer-logo{width:165px!important;max-height:72px!important;}
}


/* V87 — Transparent background only; logo artwork remains fully opaque. No glow, no spotlight, no box. */
.site-header::before{display:none!important;content:none!important;background:none!important;}
.site-header .logo{
  width:180px!important;
  height:92px!important;
  flex:0 0 180px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
  z-index:2!important;
}
.site-header .logo img{
  display:block!important;
  width:180px!important;
  height:auto!important;
  max-width:180px!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
.footer-logo{
  width:195px!important;
  height:auto!important;
  max-height:none!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
@media(max-width:760px){
  .site-header .logo{width:170px!important;height:82px!important;flex-basis:170px!important;}
  .site-header .logo img{width:170px!important;max-width:170px!important;}
  .footer-logo{width:185px!important;}
}
@media(max-width:760px){
  .site-header .nav-in{height:82px!important;}
  .site-header .logo{width:150px!important;height:68px!important;flex-basis:150px!important;}
  .site-header .logo img{width:150px!important;max-width:150px!important;}
  .footer-logo{width:170px!important;}
}

/* V88 — FINAL LOGO ALIGNMENT
   Keep the supplied logo artwork fully opaque. No glow, no shadow, no spotlight.
   Center the logo cleanly within its header area so it does not sit too far left. */
.site-header .logo::before,
.site-header .logo::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}
.site-header .logo{
  width:220px!important;
  flex:0 0 220px!important;
  height:92px!important;
  margin-left:8px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
}
.site-header .logo img{
  display:block!important;
  width:220px!important;
  max-width:220px!important;
  height:auto!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
.footer-logo{
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
@media(max-width:760px){
  .site-header .logo{width:195px!important;flex-basis:195px!important;height:82px!important;margin-left:4px!important;}
  .site-header .logo img{width:195px!important;max-width:195px!important;max-height:76px!important;}
}
@media(max-width:760px){
  .site-header .logo{width:165px!important;flex-basis:165px!important;height:82px!important;margin-left:0!important;justify-content:flex-start!important;}
  .site-header .logo img{width:165px!important;max-width:165px!important;max-height:70px!important;}
}


/* V89 — Logo clarity treatment: keep existing position; improve crispness and contrast without glow. */
.site-header .logo{
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:10px!important;
  box-shadow:none!important;
  filter:none!important;
}
.site-header .logo img{
  image-rendering:auto!important;
  filter:none!important;
  opacity:1!important;
  box-shadow:none!important;
}

/* V90 — Clean white logo panel
   Keep the existing logo position. Use a crisp white panel for contrast with no glow or spotlight. */
.site-header .logo{
  background:#fff!important;
  border:1px solid rgba(15,49,91,.10)!important;
  border-radius:10px!important;
  box-shadow:none!important;
  filter:none!important;
  padding:4px 8px!important;
  box-sizing:border-box!important;
}
.site-header .logo img{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
@media(max-width:760px){
  .site-header .logo{padding:4px 7px!important;}
}
@media(max-width:760px){
  .site-header .logo{padding:4px 6px!important;}
}


/* V91 — Match the header logo panel in the footer. No glow or spotlight. */
.footer-logo{
  display:block!important;
  width:190px!important;
  height:auto!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  border:1px solid rgba(15,49,91,.10)!important;
  border-radius:10px!important;
  box-shadow:none!important;
  padding:4px 8px!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
@media(max-width:760px){
  .footer-logo{width:180px!important;max-height:78px!important;padding:4px 7px!important;}
}
@media(max-width:760px){
  .footer-logo{width:165px!important;max-height:72px!important;padding:4px 6px!important;}
}


/* V95 — Premium back-to-top control */
.back-to-top{
  position:fixed!important;
  right:28px!important;
  bottom:28px!important;
  width:48px!important;
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:14px!important;
  background:rgba(8,45,56,.94)!important;
  color:#fff!important;
  font-size:0!important;
  line-height:1!important;
  text-decoration:none!important;
  cursor:pointer!important;
  z-index:9999!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(22px) scale(.88)!important;
  transition:opacity .35s ease,visibility .35s ease,transform .45s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease,box-shadow .3s ease!important;
  box-shadow:0 10px 30px rgba(6,31,39,.22)!important;
  overflow:hidden!important;
}
.back-to-top::before{
  content:''!important;
  width:9px!important;
  height:9px!important;
  border-left:1.8px solid #fff!important;
  border-top:1.8px solid #fff!important;
  transform:rotate(45deg) translate(2px,2px)!important;
  transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .25s ease!important;
  position:relative!important;
  z-index:2!important;
}
.back-to-top::after{
  content:''!important;
  position:absolute!important;
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(219,73,20,.48)!important;
  border-radius:11px!important;
  pointer-events:none!important;
  transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .3s ease,background .3s ease!important;
}
.back-to-top.is-visible{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
  animation:backTopFloat 3s ease-in-out infinite!important;
}
.back-to-top:hover{
  background:#DB4914!important;
  border-color:rgba(255,255,255,.38)!important;
  transform:translateY(-5px) scale(1.035)!important;
  box-shadow:0 16px 34px rgba(6,31,39,.28)!important;
  animation:none!important;
}
.back-to-top:hover::before{
  transform:rotate(45deg) translate(-1px,-1px)!important;
}
.back-to-top:hover::after{
  transform:scale(.82)!important;
  border-color:rgba(255,255,255,.32)!important;
}
.back-to-top:active{transform:translateY(-1px) scale(.96)!important;}
.back-to-top:focus-visible{
  outline:2px solid #DB4914!important;
  outline-offset:4px!important;
}
@keyframes backTopFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-3px) scale(1)}
}
@media(max-width:760px){
  .back-to-top{right:17px!important;bottom:17px!important;width:44px!important;height:44px!important;border-radius:13px!important;}
  .back-to-top::after{width:31px!important;height:31px!important;border-radius:10px!important;}
}
@media(prefers-reduced-motion:reduce){
  .back-to-top{transition:none!important;animation:none!important;}
}

/* V106 — Slightly smaller header logo only. */
.site-header .logo{
  width:205px!important;
  flex-basis:205px!important;
  height:88px!important;
}
.site-header .logo img{
  width:205px!important;
  max-width:205px!important;
  max-height:78px!important;
}
@media(max-width:760px){
  .site-header .logo{width:185px!important;flex-basis:185px!important;height:80px!important;}
  .site-header .logo img{width:185px!important;max-width:185px!important;max-height:74px!important;}
}
@media(max-width:760px){
  .site-header .logo{width:155px!important;flex-basis:155px!important;height:78px!important;}
  .site-header .logo img{width:155px!important;max-width:155px!important;max-height:67px!important;}
}

/* V107 — Slightly smaller header logo only. */
.site-header .logo{width:188px!important;flex-basis:188px!important;height:84px!important;}
.site-header .logo img{width:188px!important;max-width:188px!important;max-height:74px!important;}
@media(max-width:760px){.site-header .logo{width:172px!important;flex-basis:172px!important;height:78px!important;}.site-header .logo img{width:172px!important;max-width:172px!important;max-height:70px!important;}}
@media(max-width:760px){.site-header .logo{width:145px!important;flex-basis:145px!important;height:74px!important;}.site-header .logo img{width:145px!important;max-width:145px!important;max-height:63px!important;}}

/* V110 — Make service-card background images more visible during the existing hover animation. */
.service-page-grid .service-page-card[data-service-card]:hover .service-page-image img{
  opacity:.46!important;
  transform:scale(1.08)!important;
  filter:grayscale(.02) saturate(1.08) contrast(1.02)!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-image:before{
  opacity:.55!important;
}

/* v111 — keep service-card symbols and View Service arrow locked in place on hover. */
.service-page-grid .service-page-card[data-service-card] .service-page-body:before,
.service-page-grid .service-page-card[data-service-card]:hover .service-page-body:before{
  transform:none!important;
  transition:color .45s ease!important;
}
.service-page-grid .service-page-link,
.service-page-grid .service-page-card[data-service-card]:hover .service-page-link{
  transform:none!important;
  gap:6px!important;
  white-space:nowrap!important;
  width:max-content!important;
  max-width:100%!important;
  overflow:visible!important;
}
.service-page-grid .service-page-link span,
.service-page-grid .service-page-card[data-service-card]:hover .service-page-link span{
  display:inline-block!important;
  transform:none!important;
  flex:0 0 auto!important;
  transition:none!important;
}

/* V49 — Premium View Service interaction: keep the link fixed, animate only its underline and arrow. */
.service-page-grid .service-page-card[data-service-card] .service-page-link{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  transform:none!important;
  transition:color .3s ease!important;
}
.service-page-grid .service-page-card[data-service-card] .service-page-link::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-5px!important;
  height:2px!important;
  background:currentColor!important;
  transform:scaleX(.28)!important;
  transform-origin:left center!important;
  transition:transform .42s cubic-bezier(.22,1,.36,1)!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-link{
  transform:none!important;
  gap:7px!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-link::after{
  transform:scaleX(1)!important;
}
.service-page-grid .service-page-card[data-service-card] .service-page-link span{
  display:inline-block!important;
  transform:none!important;
  transition:transform .42s cubic-bezier(.22,1,.36,1)!important;
}
.service-page-grid .service-page-card[data-service-card]:hover .service-page-link span{
  transform:translate(4px,-2px) rotate(-8deg)!important;
}
@media(prefers-reduced-motion:reduce){
  .service-page-grid .service-page-card[data-service-card] .service-page-link,
  .service-page-grid .service-page-card[data-service-card] .service-page-link span,
  .service-page-grid .service-page-card[data-service-card] .service-page-link::after{transition:none!important}
}

/* V50 — Final View Service cleanup: remove the animated underline and keep the arrow close to the label. */
.service-page-grid .service-page-card[data-service-card] .service-page-link,
.service-page-grid .service-page-card[data-service-card]:hover .service-page-link{
  gap:3px!important;
  transform:none!important;
  width:max-content!important;
}
.service-page-grid .service-page-card[data-service-card] .service-page-link::after,
.service-page-grid .service-page-card[data-service-card]:hover .service-page-link::after{
  display:none!important;
  content:none!important;
  animation:none!important;
  transition:none!important;
}
.service-page-grid .service-page-card[data-service-card] .service-page-link span,
.service-page-grid .service-page-card[data-service-card]:hover .service-page-link span{
  margin:0!important;
  transform:none!important;
  transition:none!important;
  position:static!important;
}


/* V150 — Keep dotted world map subtle */
.why-achyutam .why-map{opacity:.12!important;background-size:min(1700px,128vw) auto!important;background-position:center center!important;background-repeat:no-repeat!important;}
@media(max-width:760px){
  .why-achyutam .why-map{opacity:.08!important;background-size:1000px auto!important;background-position:center 56%!important;}
}

/* V115 — Clear cargo image for Global Coverage */
.map-card{
  width:100%;
  height:520px;
  overflow:hidden;
  border-radius:3px;
  background:#dce9ec;
  position:relative;
}
.map-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
@media(max-width:760px){
  .map-card{height:420px;}
}
@media(max-width:600px){
  .map-card{height:300px;}
}

/* V115 — Recent Work images without overlay text */
.recent-work-card::after{display:none!important;}
.recent-work-card img{height:100%;min-height:255px;object-fit:cover;}
.recent-work-card:hover img{transform:scale(1.045);filter:saturate(1.06);}


/* V117 — Main hero copy arranged around the ship, matching the supplied reference composition. */
.hero-swipe .hero-swipe-slide{
  position:relative!important;
  justify-content:flex-start!important;
  padding:0 30px!important;
}
.hero-swipe .hero-swipe-slide > .section-label{
  position:absolute!important;
  top:6.5%!important;
  left:30px!important;
  right:30px!important;
  margin:0!important;
  text-align:center!important;
}
.hero-swipe .hero-swipe-slide > h1{
  position:absolute!important;
  top:12%!important;
  left:30px!important;
  right:30px!important;
  margin:0!important;
  max-width:none!important;
  text-align:center!important;
}
.hero-swipe .hero-swipe-slide > .hero-desc{
  position:absolute!important;
  top:59%!important;
  left:50%!important;
  width:min(820px,calc(100% - 60px))!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  text-align:center!important;
}
.hero-swipe .hero-swipe-slide > .hero-actions{
  position:absolute!important;
  top:73%!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  margin:0!important;
}
.hero-swipe .hero-swipe-slide.hero-copy-enter > .hero-desc{
  animation:achyutamHeroFadeUp117 .72s cubic-bezier(.22,1,.36,1) .30s both!important;
}
.hero-swipe .hero-swipe-slide.hero-copy-enter > .hero-actions{
  animation:achyutamHeroFadeUp117 .72s cubic-bezier(.22,1,.36,1) .43s both!important;
}
@keyframes achyutamHeroFadeUp117{
  from{opacity:0;transform:translate3d(-50%,26px,0)}
  to{opacity:1;transform:translate3d(-50%,0,0)}
}
.hero-swipe .hero-swipe-slide.hero-copy-enter > .section-label{
  animation:achyutamHeroLabel117 .72s cubic-bezier(.22,1,.36,1) .05s both!important;
}
.hero-swipe .hero-swipe-slide.hero-copy-enter > h1{
  animation:achyutamHeroTitle117 .78s cubic-bezier(.22,1,.36,1) .16s both!important;
}
@keyframes achyutamHeroLabel117{
  from{opacity:0;transform:translate3d(0,26px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes achyutamHeroTitle117{
  from{opacity:0;transform:translate3d(0,26px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}

/* V117 — Fixed orange reading-progress line at the very top of the viewport. */
.utility:before{display:none!important;}
body:before{
  content:""!important;
  position:fixed!important;
  top:0!important;
  left:0!important;
  width:var(--scroll-progress,0%)!important;
  height:3px!important;
  background:#DB4914!important;
  z-index:20000!important;
  pointer-events:none!important;
}
@media(max-width:760px){
  .hero-swipe .hero-swipe-slide{padding:0 18px!important;}
  .hero-swipe .hero-swipe-slide > .section-label{top:7%!important;left:18px!important;right:18px!important;}
  .hero-swipe .hero-swipe-slide > h1{top:13%!important;left:18px!important;right:18px!important;font-size:clamp(38px,10vw,58px)!important;line-height:.98!important;}
  .hero-swipe .hero-swipe-slide > .hero-desc{top:58%!important;width:calc(100% - 36px)!important;font-size:14px!important;line-height:1.65!important;}
  .hero-swipe .hero-swipe-slide > .hero-actions{top:72%!important;flex-wrap:wrap!important;max-width:calc(100% - 36px)!important;}
}


/* V119 — Main hero spacing refinement; hero scroll arrow removed. */
.hero-swipe .hero-swipe-slide > h1{
  top:15%!important;
  font-size:clamp(52px,5.6vw,76px)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero-swipe .hero-swipe-slide > .hero-desc{
  top:64%!important;
  width:min(760px,calc(100% - 60px))!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  backdrop-filter:none!important;
}
.hero-swipe .hero-swipe-slide > .hero-actions{
  top:77%!important;
}

/* =========================================================
   V121 — MOBILE + TABLET RESPONSIVE CLEANUP
   Rebalances layout at touch widths and prevents overflow.
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}

/* Tablet navigation: collapse before the desktop nav becomes cramped. */
@media(max-width:760px){
  .wrap{width:min(var(--max),calc(100% - 40px))}
  .utility{height:38px}
  .utility-in{gap:16px;font-size:11px;overflow:hidden}
  .utility-item:nth-child(3),.utility-item:nth-child(4){display:none}
  .site-header{top:38px}
  .nav-in{height:84px;gap:16px}
  .site-header .logo{width:160px!important;flex:0 0 160px!important;height:74px!important;margin:0!important;padding:4px 7px!important}
  .site-header .logo img{width:160px!important;max-width:160px!important;max-height:66px!important}
  .site-nav{display:none!important;position:absolute;left:20px;right:20px;top:84px;margin:0!important;padding:8px!important;gap:0!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;background:#082d38!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 40px rgba(0,0,0,.24)!important}
  .site-nav.open{display:flex!important}
  .site-nav>a,.site-nav .drop>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 12px!important;text-align:left!important}
  .dropdown{position:static!important;width:100%!important;display:none;margin:0!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important}
  .drop.open .dropdown{display:block!important}
  .dropdown a{padding:11px 16px!important;background:#fff!important;color:#082d38!important}
  .menu{display:flex!important;margin-left:auto!important;flex:0 0 42px}
  .menu-panel-toggle{display:none!important}
  .header-cta{display:inline-flex!important;min-width:auto!important;padding:12px 16px!important;margin-left:0!important}

  section{padding:82px 0}
  .hero{height:700px;min-height:650px}
  .hero-swipe .hero-swipe-slide{padding:0 20px!important}
  .hero-swipe .hero-swipe-slide>.section-label{top:8%!important;left:20px!important;right:20px!important}
  .hero-swipe .hero-swipe-slide>h1{top:17%!important;left:20px!important;right:20px!important;font-size:clamp(44px,6.5vw,62px)!important;line-height:1!important}
  .hero-swipe .hero-swipe-slide>.hero-desc{top:60%!important;width:min(680px,calc(100% - 40px))!important;font-size:15px!important;line-height:1.6!important}
  .hero-swipe .hero-swipe-slide>.hero-actions{top:75%!important;gap:10px!important}

  .statement h2,.section-head h2,.services-heading h2,.feature-copy h2,.intl-copy h2,.distribution h2,.tracking h2,.cta h2{font-size:clamp(38px,5.3vw,56px)}
  .stats{grid-template-columns:repeat(3,1fr)}
  .services-heading{grid-template-columns:1fr 1fr;gap:25px}
  .services-heading .text-link{grid-column:2}
  .home-services{grid-template-columns:repeat(2,1fr);margin-top:50px}
  .service-photo-strip{grid-template-columns:repeat(2,1fr)}
  .feature-grid,.intl-grid,.contact-grid,.tracking-grid{grid-template-columns:1fr;gap:50px}
  .feature-copy{padding:80px 0}
  .feature-photo{height:480px}
  .feature-photo img{height:100%}
  .feature-cards{grid-template-columns:repeat(2,1fr)}
  .international .intl-photo img{height:500px}
  .distribution-head{grid-template-columns:1fr;gap:25px}
  .world-grid{grid-template-columns:repeat(3,1fr)}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .timeline{grid-template-columns:repeat(3,1fr)}
  .project-strip{grid-template-columns:repeat(2,1fr)}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}

/* Phone layout: one clean column, comfortable tap targets, no squeezed text. */
@media (max-width:760px){
  .wrap{width:min(var(--max),calc(100% - 30px))}
  .utility{display:none!important}
  .site-header{top:0!important}
  .nav-in{height:76px!important;gap:10px!important}
  .site-header .logo{width:135px!important;flex:0 0 135px!important;height:68px!important;padding:4px 6px!important}
  .site-header .logo img{width:135px!important;max-width:135px!important;max-height:59px!important}
  .header-cta{display:none!important}
  .menu{width:44px!important;height:44px!important;margin-left:auto!important}
  .site-nav{left:15px!important;right:15px!important;top:76px!important;padding:7px!important}
  .site-nav>a,.site-nav .drop>button{padding:13px 11px!important;min-height:46px}

  section{padding:70px 0}
  .hero{height:750px!important;min-height:0!important}
  .hero-video{opacity:.68!important}
  .hero-swipe .hero-swipe-slide{padding:0 16px!important}
  .hero-swipe .hero-swipe-slide>.section-label{top:8%!important;left:16px!important;right:16px!important;font-size:10px!important;letter-spacing:1.5px!important;line-height:1.4!important}
  .hero-swipe .hero-swipe-slide>h1{top:17%!important;left:16px!important;right:16px!important;font-size:clamp(40px,11vw,52px)!important;line-height:.98!important;letter-spacing:-.035em!important}
  .hero-swipe .hero-swipe-slide>.hero-desc{top:58%!important;width:calc(100% - 32px)!important;font-size:13px!important;line-height:1.55!important}
  .hero-swipe .hero-swipe-slide>.hero-actions{top:72%!important;left:16px!important;right:16px!important;width:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;max-width:none!important}
  .hero-swipe .hero-swipe-slide>.hero-actions a{width:100%!important;min-height:48px!important;padding:13px 18px!important}
  .hero-swipe .hero-swipe-slide.hero-copy-enter>.hero-desc{animation-name:achyutamHeroFadeUpMobile!important}
  .hero-swipe .hero-swipe-slide.hero-copy-enter>.hero-actions{animation-name:achyutamHeroFadeUpMobile!important}
  @keyframes achyutamHeroFadeUpMobile{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

  .statement,.services,.international,.distribution,.team-home,.timeline-section,.blogs-home{padding-top:72px!important;padding-bottom:72px!important}
  .statement h2,.section-head h2,.services-heading h2,.feature-copy h2,.intl-copy h2,.distribution h2,.tracking h2,.cta h2{font-size:clamp(34px,10vw,46px)!important;line-height:1.02!important;letter-spacing:-1.4px!important}
  .statement h2{max-width:100%}
  .stats{grid-template-columns:1fr 1fr;margin-top:40px}
  .stats>div{padding:22px 14px!important}
  .stats strong{font-size:30px}
  .stats small{font-size:11px}

  .services-heading{display:block!important}
  .services-heading>p{margin-top:16px}
  .services-heading .text-link{display:inline-flex;margin-top:20px}
  .home-services{grid-template-columns:1fr!important;margin-top:34px!important}
  .home-services article{min-height:0;padding:24px 18px 26px!important}
  .home-services h3{margin:28px 0 10px;font-size:20px}
  .home-services p{font-size:12px;line-height:1.65}
  .service-photo-strip{grid-template-columns:1fr!important;gap:14px!important;margin-top:32px}
  .service-photo-strip img{height:230px!important}

  .feature-grid,.intl-grid,.contact-grid,.tracking-grid{grid-template-columns:1fr!important;gap:34px!important}
  .feature-copy{padding:65px 0!important}
  .feature-photo{height:340px!important}
  .feature-cards{grid-template-columns:1fr!important}
  .feature-cards article{padding:38px 22px!important;border-left:1px solid #ddd!important}
  .ticks,.benefits,.tracking ul{grid-template-columns:1fr!important}
  .international .intl-photo img{height:340px!important}
  .benefits{margin:25px 0}
  .distribution-head{display:block!important}
  .world-grid{grid-template-columns:1fr 1fr!important;min-height:0!important;margin-top:30px}
  .world-grid span{padding:13px 8px;font-size:10px}
  .team-grid{grid-template-columns:1fr!important;gap:22px!important}
  .timeline{grid-template-columns:1fr!important;margin-top:40px}
  .timeline article{min-height:0!important;padding:24px 18px!important}
  .project-strip{grid-template-columns:1fr!important}
  .project-strip article{min-height:330px!important}
  .blog-grid{grid-template-columns:1fr!important}

  .recent-work-grid{grid-template-columns:1fr!important;gap:14px!important}
  .recent-work-card,.recent-work-card img{min-height:245px!important}
  .gallery-grid{grid-template-columns:1fr!important;gap:14px!important}
  .gallery-grid img{height:250px!important}

  .footer-grid{grid-template-columns:1fr!important;gap:34px!important}
  .footer-grid>div:first-child{grid-column:auto!important}
  .footer-logo{width:165px!important;max-width:100%!important}
  .footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:18px!important}
  .footer-socials{flex-wrap:wrap}

  .about-drawer{width:100%!important;padding:88px 24px 30px!important}
  .about-drawer h2{font-size:42px!important}

  .orange-btn,.dark-btn{min-height:48px}
}

/* Small phones: keep headings and controls inside the viewport. */
@media(max-width:420px){
  .hero{height:735px!important}
  .hero-swipe .hero-swipe-slide>h1{font-size:40px!important}
  .hero-swipe .hero-swipe-slide>.hero-desc{font-size:12.5px!important}
  .hero-swipe .hero-swipe-slide>.hero-actions{top:71%!important}
  .hero-swipe .hero-swipe-slide>.hero-actions a{font-size:12px!important;padding:12px 14px!important}
  .wrap{width:calc(100% - 26px)}
}


/* V125 — focused mobile/tablet polish requested by client */
@media(max-width:760px){
  /* Keep home service cards visually centered on tablet. */
  .service-card-grid{max-width:760px!important;margin-left:auto!important;margin-right:auto!important;}
  /* Recent work stays centered instead of filling the whole viewport. */
  .recent-work-grid{max-width:900px!important;margin-left:auto!important;margin-right:auto!important;}

  /* Clean, smooth mobile/tablet navigation animation. */
  .site-nav{
    display:flex!important;
    visibility:hidden!important;
    opacity:0!important;
    transform:translateY(-10px) scale(.985)!important;
    transform-origin:top right!important;
    max-height:0!important;
    overflow:hidden!important;
    transition:opacity .28s ease,transform .32s cubic-bezier(.22,1,.36,1),max-height .36s ease,visibility 0s linear .36s!important;
  }
  .site-nav.open{
    visibility:visible!important;
    opacity:1!important;
    transform:translateY(0) scale(1)!important;
    max-height:calc(100vh - 92px)!important;
    overflow-y:auto!important;
    transition:opacity .24s ease,transform .32s cubic-bezier(.22,1,.36,1),max-height .38s ease,visibility 0s!important;
  }
  .site-nav .dropdown{
    display:block!important;
    max-height:0!important;
    overflow:hidden!important;
    opacity:0!important;
    transition:max-height .3s ease,opacity .22s ease!important;
  }
  .site-nav .drop.open .dropdown{
    max-height:700px!important;
    opacity:1!important;
  }
  .site-nav .drop>button .nav-chevron{transition:transform .28s ease!important;display:inline-block!important;}
  .site-nav .drop.open>button .nav-chevron{transform:rotate(180deg)!important;}
}

@media (max-width:760px){
  /* Homepage hero: move description down and keep CTA buttons compact. */
  .hero-swipe .hero-swipe-slide>.hero-desc{
    top:62%!important;
    width:calc(100% - 30px)!important;
    max-width:520px!important;
    font-size:13px!important;
    line-height:1.6!important;
  }
  .hero-swipe .hero-swipe-slide>.hero-actions{
    top:77%!important;
    left:50%!important;
    right:auto!important;
    width:auto!important;
    max-width:calc(100% - 28px)!important;
    transform:translateX(-50%)!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:9px!important;
  }
  .hero-swipe .hero-swipe-slide>.hero-actions a{
    width:auto!important;
    min-width:0!important;
    min-height:44px!important;
    height:44px!important;
    flex:0 0 auto!important;
    padding:11px 15px!important;
    font-size:11.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Since 2020: image first, then text. */
  .about-home-section .grid-2 > .image-wrap{order:-1!important;}
  /* The homepage first two-column section has an image-wrap even without a section class. */
  body>section.section:not(.services-home):not(.why-achyutam):not(.recent-work) .grid-2 > .image-wrap{order:-1!important;}

  /* Global coverage: image first, then copy. */
  .map-card{order:-1!important;height:285px!important;}
  body>section.section .grid-2 > .map-card{order:-1!important;}

  /* Center the 8 service cards and keep a comfortable width. */
  .service-card-grid{grid-template-columns:1fr!important;max-width:390px!important;margin-left:auto!important;margin-right:auto!important;}
  .service-home-card{width:100%!important;}

  /* Recent work: centered and slightly smaller. */
  .recent-work-grid{max-width:380px!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:1fr!important;gap:14px!important;}
  .recent-work-card{width:100%!important;min-height:215px!important;max-height:235px!important;}
  .recent-work-card img{min-height:215px!important;max-height:235px!important;}

  /* Non-home banners: keep all text inside the viewport, aircraft behind it. */
  .page-hero.page-hero-reference,
  .page-hero.service-detail-hero{
    min-height:315px!important;
    height:315px!important;
    padding:0!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
  }
  .page-hero.page-hero-reference > .wrap,
  .page-hero.service-detail-hero > .wrap{
    width:min(100%,calc(100% - 30px))!important;
    margin:0 auto!important;
    padding:88px 0 42px!important;
    text-align:left!important;
    position:relative!important;
    z-index:6!important;
  }
  .page-hero.page-hero-reference .eyebrow,
  .page-hero.service-detail-hero .eyebrow{font-size:10px!important;letter-spacing:1.6px!important;margin-bottom:12px!important;}
  .page-hero.page-hero-reference h1,
  .page-hero.service-detail-hero h1{
    max-width:100%!important;
    font-size:clamp(34px,9.5vw,48px)!important;
    line-height:1.02!important;
    letter-spacing:-1.5px!important;
    margin:0 0 12px!important;
    text-align:left!important;
  }
  .page-hero.page-hero-reference p,
  .page-hero.service-detail-hero p{
    max-width:92%!important;
    margin:0!important;
    font-size:13px!important;
    line-height:1.55!important;
    text-align:left!important;
  }
  .page-hero.page-hero-reference .page-hero-plane,
  .page-hero.service-detail-hero .page-hero-plane{
    width:460px!important;
    right:-145px!important;
    bottom:-10px!important;
    opacity:.16!important;
    z-index:2!important;
  }

  /* About company overview: heading, image, description/features. */
  .about-overview .grid-2{display:flex!important;flex-direction:column!important;gap:30px!important;align-items:stretch!important;}
  .about-overview .grid-2 > div:first-child{display:flex!important;flex-direction:column!important;}
  .about-overview .grid-2 > div:first-child > .eyebrow{order:1!important;}
  .about-overview .grid-2 > div:first-child > h2{order:2!important;}
  .about-overview .grid-2 > .image{order:3!important;width:100%!important;height:300px!important;object-fit:cover!important;}
  .about-overview .grid-2 > div:first-child > p{order:4!important;}
  .about-overview .grid-2 > div:first-child > .feature-list{order:5!important;}
  .about-overview .grid-2 > div:first-child > .orange-btn{order:6!important;align-self:flex-start!important;}
  .about-overview .grid-2 > div:first-child{display:contents!important;}

  /* Remove the old blank space around the capability section. */
  .capability-section{margin-top:0!important;padding-top:70px!important;padding-bottom:70px!important;}
}

@media (max-width:420px){
  .hero-swipe .hero-swipe-slide>.hero-desc{top:63%!important;font-size:12.5px!important;}
  .hero-swipe .hero-swipe-slide>.hero-actions{top:77.5%!important;gap:7px!important;}
  .hero-swipe .hero-swipe-slide>.hero-actions a{font-size:10.8px!important;padding:10px 12px!important;height:42px!important;min-height:42px!important;}
  .recent-work-grid{max-width:350px!important;}
  .recent-work-card,.recent-work-card img{min-height:205px!important;max-height:220px!important;}
  .page-hero.page-hero-reference > .wrap,
  .page-hero.service-detail-hero > .wrap{padding-top:82px!important;}
}


/* ===== v126 MOBILE FIXES ===== */
@media (max-width: 760px) {
  /* Since 2020 homepage block: keep the image below the section heading. */
  .about-home-section .grid-2 {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
  }
  .about-home-section .grid-2 > div:first-child {
    display: contents !important;
  }
  .about-home-section .grid-2 > div:first-child > .eyebrow {
    order: 1 !important;
  }
  .about-home-section .grid-2 > div:first-child > h2 {
    order: 2 !important;
  }
  .about-home-section .grid-2 > .image-wrap {
    order: 3 !important;
    width: 100% !important;
  }
  .about-home-section .grid-2 > div:first-child > p {
    order: 4 !important;
  }
  .about-home-section .grid-2 > div:first-child > .feature-list {
    order: 5 !important;
  }
  .about-home-section .grid-2 > div:first-child > .orange-btn {
    order: 6 !important;
    align-self: flex-start !important;
  }

  /* Fallback for the current homepage markup if the section class is absent. */
  body > section.section:not(.services-home):not(.why-achyutam):not(.recent-work):not(.global-coverage-section):not(.customs-operations) .grid-2 > div:first-child {
    display: contents !important;
  }
  body > section.section:not(.services-home):not(.why-achyutam):not(.recent-work):not(.global-coverage-section):not(.customs-operations) .grid-2 > div:first-child > .eyebrow {
    order: 1 !important;
  }
  body > section.section:not(.services-home):not(.why-achyutam):not(.recent-work):not(.global-coverage-section):not(.customs-operations) .grid-2 > div:first-child > h2 {
    order: 2 !important;
  }
  body > section.section:not(.services-home):not(.why-achyutam):not(.recent-work):not(.global-coverage-section):not(.customs-operations) .grid-2 > .image-wrap {
    order: 3 !important;
  }
  body > section.section:not(.services-home):not(.why-achyutam):not(.recent-work):not(.global-coverage-section):not(.customs-operations) .grid-2 > div:first-child > p {
    order: 4 !important;
  }
  body > section.section:not(.services-home):not(.why-achyutam):not(.recent-work):not(.global-coverage-section):not(.customs-operations) .grid-2 > div:first-child > .feature-list {
    order: 5 !important;
  }
  body > section.section:not(.services-home):not(.why-achyutam):not(.recent-work):not(.global-coverage-section):not(.customs-operations) .grid-2 > div:first-child > .orange-btn {
    order: 6 !important;
  }

  /* Global Coverage: text first, image below the Global Coverage heading/content. */
  .map-card,
  body > section.section .grid-2 > .map-card {
    order: 3 !important;
    width: 100% !important;
    height: 285px !important;
  }

  /* Keep Get a Quote visible in the mobile header. */
  .header-cta {
    display: inline-flex !important;
    min-width: 132px !important;
    height: 44px !important;
    padding: 0 12px !important;
    margin-left: auto !important;
    flex: 0 0 auto !important;
    font-size: 10px !important;
    gap: 7px !important;
  }
  .header-cta i {
    font-size: 13px !important;
  }
  .nav-in {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .logo {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .menu {
    flex: 0 0 42px !important;
  }

  /* The About Us drawer is opened by a right-to-left swipe anywhere on mobile. */
  .about-drawer {
    z-index: 1001 !important;
  }
  .drawer-backdrop {
    z-index: 1000 !important;
  }
}


/* =========================================================
   v128 — COMPLETE MOBILE RESPONSIVE PASS
   Applied on top of v126-fixed. Desktop styles remain intact.
   ========================================================= */
@media (max-width: 767px) {
  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  *, *::before, *::after {
    box-sizing: border-box;
  }

  img, svg, video, iframe {
    max-width: 100%;
  }

  .container, .container-fluid, .section, section {
    max-width: 100%;
  }

  /* ---------- Header ---------- */
  header, .site-header, .main-header {
    width: 100%;
    max-width: 100vw;
  }

  .nav-in, .header-inner, .navbar {
    width: 100%;
    max-width: 100%;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .logo img {
    max-width: 145px !important;
    height: auto !important;
  }

  .header-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    width: auto !important;
    min-width: 108px !important;
    max-width: 125px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
    flex-shrink: 0 !important;
  }

  .menu, .menu-btn, .hamburger {
    flex-shrink: 0 !important;
  }

  /* ---------- Generic grids ---------- */
  .grid-2, .grid-3, .grid-4,
  .two-col, .three-col, .four-col,
  .cards-grid, .services-grid,
  .contact-grid, .footer-grid {
    grid-template-columns: 1fr !important;
  }

  .grid-2, .grid-3, .grid-4 {
    gap: 28px !important;
  }

  /* ---------- Sections ---------- */
  .section, section {
    overflow: hidden;
  }

  .section-in, .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  h1 {
    font-size: clamp(32px, 9vw, 48px) !important;
    line-height: 1.08 !important;
  }

  h2 {
    font-size: clamp(27px, 7.5vw, 38px) !important;
    line-height: 1.12 !important;
  }

  h3 {
    font-size: clamp(20px, 5.5vw, 27px) !important;
  }

  p {
    max-width: 100% !important;
    overflow-wrap: anywhere;
  }

  /* ---------- Homepage: Since 2020 ---------- */
  .about-home-section .grid-2,
  .about-home-section .grid-2 > div {
    min-width: 0 !important;
  }

  .about-home-section .grid-2 {
    display: flex !important;
    flex-direction: column !important;
  }

  .about-home-section .grid-2 > div:first-child {
    display: contents !important;
  }

  .about-home-section .grid-2 > div:first-child > .eyebrow {
    order: 1 !important;
  }

  .about-home-section .grid-2 > div:first-child > h2 {
    order: 2 !important;
  }

  .about-home-section .grid-2 > .image-wrap {
    order: 3 !important;
    width: 100% !important;
  }

  .about-home-section .grid-2 > div:first-child > p {
    order: 4 !important;
  }

  .about-home-section .grid-2 > div:first-child > .feature-list {
    order: 5 !important;
  }

  .about-home-section .grid-2 > div:first-child > .orange-btn {
    order: 6 !important;
  }

  /* ---------- Global Coverage ---------- */
  .global-coverage-section .grid-2 {
    display: flex !important;
    flex-direction: column !important;
  }

  .global-coverage-section .grid-2 > div:first-child {
    order: 1 !important;
  }

  .global-coverage-section .map-card,
  .global-coverage-section .grid-2 > .map-card {
    order: 2 !important;
    width: 100% !important;
    height: 280px !important;
    min-height: 250px !important;
  }

  /* If the existing map section uses a generic grid, preserve text first. */
  .map-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* ---------- Images/cards ---------- */
  .image-wrap, .image-card, .service-card,
  .project-card, .work-card, .info-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .image-wrap img, .image-card img,
  .service-card img, .project-card img,
  .work-card img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  /* ---------- Buttons ---------- */
  .orange-btn, .btn, .cta-btn, button {
    max-width: 100%;
  }

  /* ---------- Forms ---------- */
  form, input, textarea, select {
    max-width: 100% !important;
  }

  input, textarea, select {
    font-size: 16px !important;
  }

  /* ---------- Drawer / About Us panel ---------- */
  .about-drawer {
    width: min(88vw, 380px) !important;
    max-width: 88vw !important;
    right: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .about-drawer.open {
    transform: translateX(0) !important;
  }

  .drawer-backdrop {
    width: 100vw !important;
    max-width: 100vw !important;
  }

  /* ---------- Tables / wide content ---------- */
  table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* ---------- Prevent accidental horizontal layout ---------- */
  .row, .flex-row {
    max-width: 100% !important;
  }

  [style*="width: 100vw"], [style*="width:100vw"] {
    max-width: 100% !important;
  }
}

/* Very small phones */
@media (max-width: 380px) {
  .nav-in, .header-inner, .navbar {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }

  .logo img {
    max-width: 122px !important;
  }

  .header-cta {
    min-width: 96px !important;
    max-width: 108px !important;
    padding: 0 7px !important;
    font-size: 9px !important;
  }

  .section-in, .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}


/* =========================================================
   v129 — REQUESTED MOBILE CONTENT ORDER / ABOUT BANNER FIX
   Base: v128-mobile-fixes
   ========================================================= */
@media (max-width: 767px) {

  /* MAIN + ABOUT: Since 2020
     Required order: Since 2020 -> image -> remaining content */
  .since-2020-section .grid-2 {
    display: flex !important;
    flex-direction: column !important;
    gap: 26px !important;
  }

  .since-2020-section .grid-2 > div:first-child {
    display: contents !important;
  }

  .since-2020-section .grid-2 > div:first-child > .eyebrow {
    order: 1 !important;
  }

  .since-2020-section .grid-2 > div:first-child > h2 {
    order: 2 !important;
  }

  .since-2020-section .grid-2 > .image-wrap {
    order: 3 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .since-2020-section .grid-2 > div:first-child > p,
  .since-2020-section .grid-2 > div:first-child > .feature-list,
  .since-2020-section .grid-2 > div:first-child > .orange-btn {
    order: 4 !important;
  }

  /* MAIN + ABOUT: Global Coverage
     Required order: Global Coverage heading/text -> image */
  .global-coverage-section .grid-2 {
    display: flex !important;
    flex-direction: column !important;
    gap: 26px !important;
  }

  .global-coverage-section .grid-2 > div:first-child {
    order: 1 !important;
  }

  .global-coverage-section .grid-2 > .map-card,
  .global-coverage-section .map-card {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 280px !important;
    min-height: 250px !important;
    margin: 0 !important;
  }

  /* ABOUT US banner: make the complete title visible.
     No clipping, fixed height or forced single-line behavior. */
  .about-hero {
    min-height: 250px !important;
    height: auto !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
  }

  .about-hero h1,
  .about-hero h2,
  .about-hero .hero-title,
  .about-hero .banner-title {
    max-width: 100% !important;
    width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    line-height: 1.08 !important;
    font-size: clamp(30px, 9vw, 46px) !important;
    margin-bottom: 0 !important;
  }

  .about-hero .container,
  .about-hero .section-in,
  .about-hero .hero-content {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  /* ABOUT US: Company Overview
     Required order: Company Overview heading/text -> image */
  .company-overview-section .grid-2 {
    display: flex !important;
    flex-direction: column !important;
    gap: 26px !important;
  }

  .company-overview-section .grid-2 > div:first-child {
    order: 1 !important;
  }

  .company-overview-section .grid-2 > .image-wrap,
  .company-overview-section .image-wrap {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .company-overview-section .image-wrap img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
}

@media (max-width: 380px) {
  .about-hero {
    min-height: 230px !important;
  }

  .about-hero h1,
  .about-hero h2,
  .about-hero .hero-title,
  .about-hero .banner-title {
    font-size: clamp(27px, 9vw, 36px) !important;
  }
}

/* =========================================================
   V138 — FINAL HEADER LOGO GEOMETRY
   Keep original logo artwork. White panel starts at viewport edge.
   The right edge is a LEFT-FACING rounded curve (like a sideways U).
   Navigation tabs are untouched; only nav pseudo-elements are removed.
   ========================================================= */

/* Remove only pseudo-elements attached to the navigation container.
   This does NOT touch Home/About/etc. tab text or their own hover underlines. */
.site-header .site-nav::before,
.site-header .site-nav::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* White logo panel: flush to the viewport's left edge and contained in header. */
.site-header .logo{
  position:relative!important;
  flex:0 0 285px!important;
  width:285px!important;
  height:96px!important;
  margin-left:-24px!important;
  margin-right:0!important;
  padding:3px 24px 3px 24px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  z-index:3!important;
}

/* Preserve the supplied logo image; never crop or distort it. */
.site-header .logo img{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:90px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

/* White rounded end on the RIGHT of the logo panel.
   The curve is convex toward the right and therefore visually faces LEFT. */
.site-header .logo::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  right:-44px!important;
  width:88px!important;
  height:96px!important;
  background:#fff!important;
  border-radius:0 50% 50% 0!important;
  pointer-events:none!important;
}

@media(max-width:760px){
  .site-header .logo{
    flex-basis:235px!important;
    width:235px!important;
    height:92px!important;
    margin-left:-24px!important;
    padding:3px 18px 3px 24px!important;
  }
  .site-header .logo img{max-height:86px!important;}
  .site-header .logo::after{
    right:-36px!important;
    width:72px!important;
    height:92px!important;
  }
}

@media(max-width:760px){
  .site-header .logo{
    flex:0 0 195px!important;
    width:195px!important;
    height:82px!important;
    margin-left:-15px!important;
    padding:2px 15px 2px 15px!important;
  }
  .site-header .logo img{max-height:78px!important;}
  .site-header .logo::after{
    right:-30px!important;
    width:60px!important;
    height:82px!important;
  }
}

@media(max-width:420px){
  .site-header .logo{
    flex-basis:178px!important;
    width:178px!important;
    height:78px!important;
    margin-left:-15px!important;
    padding:2px 12px 2px 15px!important;
  }
  .site-header .logo img{max-height:74px!important;}
  .site-header .logo::after{
    right:-27px!important;
    width:54px!important;
    height:78px!important;
  }
}

/* V139 — CONTAIN LOGO INSIDE HEADER + FULL WHITE LEFT EDGE */
.site-header .logo{
  flex:0 0 285px!important;
  width:285px!important;
  height:96px!important;
  min-height:96px!important;
  margin-left:-24px!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding:2px 18px 2px 24px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  background:#fff!important;
  border:0!important;
  border-radius:0 48px 48px 0!important;
  box-shadow:none!important;
  z-index:3!important;
}
.site-header .logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:88px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  padding:0!important;
}
.site-header .logo::after{display:none!important;content:none!important;}

@media(max-width:760px){
  .site-header .logo{
    flex-basis:235px!important;
    width:235px!important;
    height:92px!important;
    min-height:92px!important;
    margin-left:-24px!important;
    padding:2px 14px 2px 24px!important;
    border-radius:0 46px 46px 0!important;
  }
  .site-header .logo img{max-height:84px!important;}
}

@media(max-width:760px){
  .site-header .logo{
    flex-basis:195px!important;
    width:195px!important;
    height:82px!important;
    min-height:82px!important;
    margin-left:-15px!important;
    padding:2px 10px 2px 15px!important;
    border-radius:0 41px 41px 0!important;
  }
  .site-header .logo img{max-height:76px!important;}
}

@media(max-width:420px){
  .site-header .logo{
    flex-basis:178px!important;
    width:178px!important;
    height:78px!important;
    min-height:78px!important;
    margin-left:-15px!important;
    padding:2px 8px 2px 15px!important;
    border-radius:0 39px 39px 0!important;
  }
  .site-header .logo img{max-height:72px!important;}
}

/* ================================================================
   RESPONSIVE OVERRIDES — ORGANIZED BY DEVICE
   Desktop = 1101px+ | Tablet = 761–1100px | Mobile = 760px and below
   Keep device rules separate so one breakpoint does not fight another.
   ================================================================ */

/* --------------------------- DESKTOP (now also covers TABLET, 761px+) --------------------------- */
@media (min-width:761px){
  .site-header{overflow:visible!important;}
  .site-header .nav-in{
    width:min(var(--max),calc(100% - 48px))!important;
    margin-left:auto!important;
    margin-right:auto!important;
    height:96px!important;
    gap:22px!important;
    overflow:visible!important;
  }
  .site-header .logo{
    margin:0!important;
    margin-left:calc(-1 * max(24px, (100vw - var(--max)) / 2))!important;
    flex:0 0 285px!important; width:285px!important;
    height:96px!important; min-height:96px!important; max-height:96px!important;
    padding:4px 18px 4px 24px!important;
    box-sizing:border-box!important; overflow:hidden!important;
    background:#fff!important; border-radius:0 48px 48px 0!important;
  }
  .site-header .logo img{
    display:block!important; width:100%!important; max-width:100%!important;
    height:100%!important; max-height:90px!important;
    object-fit:contain!important; object-position:left center!important; margin:0!important;
  }
  .site-header .site-nav{gap:20px!important; flex-wrap:nowrap!important; min-width:0!important;}
  .site-header .site-nav,
  .site-header .site-nav>a,
  .site-header .site-nav .drop>button{white-space:nowrap!important;}
  .site-header .site-nav .drop{position:relative!important; overflow:visible!important;}
  .site-header .site-nav .dropdown{
    position:absolute!important; top:100%!important; left:-18px!important;
    display:block!important; width:245px!important; max-height:none!important;
    overflow:visible!important; opacity:0!important; visibility:hidden!important;
    transform:translateY(8px)!important; z-index:9999!important; pointer-events:none!important;
  }
  .site-header .site-nav .drop:hover>.dropdown,
  .site-header .site-nav .drop:focus-within>.dropdown{
    opacity:1!important; visibility:visible!important; transform:translateY(0)!important; pointer-events:auto!important;
  }
}

/* --------------------------- MOBILE ---------------------------- */
@media (max-width:760px){
  .site-header{overflow:visible!important;}
  .site-header .nav-in{height:82px!important; overflow:visible!important;}
  .site-header .logo{
    margin:0!important; margin-left:-15px!important;
    flex:0 0 195px!important; width:195px!important;
    height:82px!important; min-height:82px!important; max-height:82px!important;
    padding:3px 10px 3px 15px!important; box-sizing:border-box!important;
    overflow:hidden!important; background:#fff!important; border-radius:0 41px 41px 0!important;
  }
  .site-header .logo img{
    display:block!important; width:100%!important; height:100%!important; max-height:76px!important;
    object-fit:contain!important; object-position:left center!important; margin:0!important;
  }
  .site-header .site-nav{flex-wrap:nowrap!important;}

  /* All non-home page banners use one mobile rule. */
  .page-hero:not(.home-hero){
    min-height:0!important; height:auto!important; padding:104px 0 42px!important;
    overflow:hidden!important; display:block!important; position:relative!important;
  }
  .page-hero:not(.home-hero)>.wrap{
    width:calc(100% - 32px)!important; max-width:none!important; margin:0 16px!important;
    padding:0!important; position:relative!important; z-index:10!important; box-sizing:border-box!important;
  }
  .page-hero:not(.home-hero) .eyebrow{
    display:block!important; width:100%!important; max-width:100%!important; margin:0 0 12px!important;
    font-size:10px!important; line-height:1.35!important; letter-spacing:1.5px!important;
    white-space:normal!important; overflow-wrap:anywhere!important;
  }
  .page-hero:not(.home-hero) h1{
    display:block!important; width:100%!important; max-width:100%!important; margin:0 0 14px!important;
    font-size:clamp(32px,9.5vw,46px)!important; line-height:1.05!important; letter-spacing:-1.2px!important;
    white-space:normal!important; overflow:visible!important; overflow-wrap:break-word!important; word-break:normal!important;
  }
  .page-hero:not(.home-hero) p{
    display:block!important; width:100%!important; max-width:100%!important; margin:0!important;
    font-size:13px!important; line-height:1.6!important; white-space:normal!important; overflow-wrap:break-word!important; word-break:normal!important;
  }
  .page-hero:not(.home-hero) .page-hero-plane{
    z-index:1!important; right:-150px!important; bottom:-8px!important; width:460px!important; max-width:none!important;
    opacity:.12!important; pointer-events:none!important; animation:none!important;
  }
  .page-hero:not(.home-hero)::after{z-index:2!important; pointer-events:none!important;}

  /* Mobile About Us hero. */
  .about-hero{min-height:390px!important; height:390px!important; padding:0!important; overflow:hidden!important; display:block!important; position:relative!important;}
  .about-hero>.wrap{
    width:calc(100% - 32px)!important; max-width:none!important; margin:0 auto!important;
    padding:132px 0 35px!important; position:relative!important; z-index:100!important; box-sizing:border-box!important;
  }
  .about-hero .eyebrow,.about-hero h1,.about-hero p{
    display:block!important; visibility:visible!important; opacity:1!important; position:relative!important; z-index:101!important; transform:none!important; filter:none!important;
  }
  .about-hero .eyebrow{margin:0 0 14px!important;}
  .about-hero h1{margin:0 0 14px!important; max-width:100%!important; font-size:clamp(31px,9.2vw,44px)!important; line-height:1.05!important;}
  .about-hero p{max-width:100%!important; margin:0!important; font-size:13px!important; line-height:1.6!important;}
  .about-hero .page-hero-plane{z-index:1!important; opacity:.035!important; right:-120px!important; bottom:-5px!important;}

  /* Mobile About/Services plus controls. */
  .site-nav .about-nav>.button, .site-nav .services-nav>.button{display:flex!important;}
  .site-nav .about-nav>button,.site-nav .services-nav>button{display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:7px!important;}
  .site-nav .about-nav>button .nav-chevron,.site-nav .services-nav>button .nav-chevron{display:inline-block!important; flex:0 0 13px!important; pointer-events:auto!important;}
  .site-nav .about-nav.open>.dropdown,.site-nav .services-nav.open>.dropdown{display:block!important; opacity:1!important; visibility:visible!important;}

  /* Mobile Customs & Operations: description first, numbers second. */
  .customs-operations .wrap{display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:0!important;}
  .customs-operations .customs-operations-copy{order:1!important; display:block!important; width:100%!important; max-width:none!important; margin:0!important;}
  .customs-operations .customs-operations-copy .eyebrow,.customs-operations .customs-operations-copy h2,.customs-operations .customs-operations-copy p{display:block!important; width:100%!important; max-width:none!important;}
  .customs-operations .customs-operations-copy p{margin-bottom:28px!important;}
  .customs-operations .customs-operations-list{order:2!important; display:flex!important; flex-direction:column!important; width:100%!important; max-width:none!important; margin:0!important;}
  .customs-operations .customs-operations-list>div{width:100%!important; max-width:none!important; grid-column:auto!important;}

  .timeline{grid-template-columns:1fr!important;}
}

/* Small phones are still MOBILE — only tighten dimensions, no new layout system. */
@media (max-width:420px){
  .site-header .nav-in{height:78px!important;}
  .site-header .logo{height:78px!important; min-height:78px!important; max-height:78px!important; flex-basis:178px!important; width:178px!important; padding:3px 8px 3px 15px!important; margin-left:-15px!important; border-radius:0 39px 39px 0!important;}
  .site-header .logo img{max-height:72px!important;}
  .page-hero:not(.home-hero){padding:98px 0 38px!important;}
  .page-hero:not(.home-hero)>.wrap{width:calc(100% - 28px)!important; margin:0 14px!important;}
  .page-hero:not(.home-hero) h1{font-size:clamp(30px,9.8vw,40px)!important; line-height:1.05!important;}
  .page-hero:not(.home-hero) p{font-size:12.5px!important; line-height:1.58!important;}
  .about-hero{min-height:400px!important; height:400px!important;}
  .about-hero>.wrap{width:calc(100% - 28px)!important; padding:128px 0 30px!important;}
}

/* Four-column END-TO-END layout on tablet + desktop; one column on mobile. */
@media (min-width:761px){.timeline{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}

/* Requested footer separator: applies only where the existing
   V151-footer-separator element is present. */
.V151-footer-separator{
  width:100%;
  height:1px;
  margin:0;
  padding:0;
  border:0;
  background:rgba(10, 48, 60, 0.18);
  display:block;
}

/* ---------------------------------------------------------------------
   Nav breakpoint fix: an earlier "tablet cleanup" rule (max-width:1050px)
   was collapsing the desktop nav into the hamburger menu for ANY window
   narrower than 1050px. This made the nav flip between the full menu and
   the hamburger depending on the exact browser window width — e.g. a
   maximized window (usually >1050px) showed the full nav, while the same
   window "restored down" (often <1050px) showed the hamburger instead.
   The site's real mobile layout only starts at 760px, so we restore the
   full desktop nav for the 761–1050px gap and leave the hamburger for
   genuine mobile widths (<=760px, handled elsewhere).
   --------------------------------------------------------------------- */
@media (min-width:761px) and (max-width:1050px){
  .site-nav{
    display:flex!important;
    position:static!important;
    left:auto!important; right:auto!important; top:auto!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    gap:14px!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    height:auto!important;
    overflow:visible!important;
    /* FIX: the V125 mobile-menu block above (max-width:1050px) collapses
       .site-nav to invisible (opacity:0 / visibility:hidden / max-height:0)
       by default and only reveals it via a hamburger click + .open class.
       That rule also covers this 761-1050px range, but here we hide the
       hamburger and show a static desktop-style nav instead — so without
       these overrides the nav is stuck permanently invisible with no way
       to open it. This is why the nav disappears at "restored" (not
       maximized) window widths but reappears when maximized past 1050px. */
    visibility:visible!important;
    opacity:1!important;
    max-height:none!important;
    transform:none!important;
    transition:none!important;
  }
  .site-nav>a,.site-nav .drop>button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    padding:34px 0!important;
    text-align:left!important;
  }
  .dropdown{
    position:absolute!important;
    top:78px!important; left:-18px!important;
    width:220px!important;
    padding:12px!important;
    display:block!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(8px)!important;
    background:#fff!important;
    box-shadow:0 18px 45px rgba(0,0,0,.15)!important;
  }
  .drop:hover .dropdown,.drop:focus-within .dropdown,.drop.open .dropdown{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  .dropdown a{
    padding:10px 13px!important;
    background:none!important;
    color:var(--primary)!important;
  }
  /* Same fix as above, applied to the ABOUT US / SERVICES dropdown
     submenus: the V125 block clips them with max-height:0/overflow:hidden
     until a .open class is added, but nothing in this range ever adds
     that class (dropdowns open on hover here, not on click). */
  .site-nav .dropdown{
    max-height:none!important;
    overflow:visible!important;
  }
  .menu{display:none!important;}
  .header-cta{display:inline-flex!important;}
}

/* FIX: at the narrow end of the 761-1050px tablet band there isn't enough
   row width for the logo + all 5 nav links + the "Get a Quote" button, so
   they overlapped (this was invisible before the fix above since the nav
   was hidden entirely). Drop the CTA button below 880px, matching the
   site's original behaviour of hiding it once space gets tight. */
/* =========================================================================
   FIX — .cards had no base grid layout defined anywhere in this stylesheet
   (only the .service-page-grid modifier did), so plain <div class="cards">
   sections — including the new Container Types grid on cargo.html — were
   rendering as a single stacked column instead of a grid. Added here.
   ========================================================================= */
.cards{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
}
.cards .card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.cards .card p{flex:1 0 auto!important;}
@media(max-width:760px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  .cards{grid-template-columns:1fr!important;gap:18px!important;}
}

/* FIX — .form-card is always a light card, but it inherits white text when
   placed inside a .section.dark (used on the Cargo page for contrast with
   the left column), making its <h3> unreadable. Force it back to dark. */
/* FIX — .num (the "01" / "02" card badges on group.html, home-2.html and
   service-single.html) had no base styling anywhere — only a hover
   transition scoped to [data-service-card], which these plain .card
   elements don't have. It was rendering as bare, cramped text sitting
   right under the card's top border. Give it a proper badge look. */
.cards .card>.num{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:44px!important;
  height:44px!important;
  padding:0 6px!important;
  margin:0 0 20px!important;
  border-radius:50%!important;
  background:#0f315b!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
}
@media(max-width:760px){
  .cards .card>.num{min-width:38px!important;height:38px!important;font-size:13px!important;margin-bottom:16px!important;}
}

.form-card h3{color:var(--primary)!important;}