.page-hero{padding:150px 0 78px;background:var(--primary);color:#fff;position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;right:-10%;top:0;width:55%;height:100%;background:url('assets/bg-map-pattern.webp') center/cover no-repeat;opacity:.08}.page-hero .wrap{position:relative;z-index:1}.page-hero h1{font-size:clamp(48px,6vw,78px);line-height:1;margin:0 0 20px;letter-spacing:-2px}.page-hero p{max-width:650px;color:#c8d4d6}.section{padding:105px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.image{width:100%;height:560px;object-fit:cover;image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}.section h2{font-size:clamp(40px,5vw,64px);line-height:1.05;color:var(--primary);margin:0 0 22px}.section h2 span{color:var(--secondary)}.section.dark h2{color:#fff}.feature-list{margin:30px 0}.feature-list div{display:flex;gap:14px;border-top:1px solid #ddd;padding:13px 0;font-size:13px}.feature-list b{color:var(--secondary)}.faq-list{max-width:900px;margin:45px auto 0}.faq-item{border-top:1px solid #d9dddb}.faq-q{padding:22px 0;display:flex;justify-content:space-between;cursor:pointer;color:var(--primary);font-weight:600}.faq-a{display:none;padding:0 0 22px;font-size:13px}.faq-item.open .faq-a{display:block}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery-grid img{width:100%;height:280px;object-fit:cover;cursor:pointer}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.form-card{background:#f5f6f4;padding:40px}.form-card label{display:block;font-size:12px;color:var(--primary);margin:14px 0 7px}.form-card input,.form-card textarea,.form-card select{width:100%;border:1px solid #d5dbd8;padding:13px;background:#fff}.form-card textarea{min-height:140px}.form-card button{margin-top:18px}.location-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:40px}.location{background:var(--primary);color:#fff;padding:28px;min-height:170px}.location h3{margin:0 0 8px;color:#fff}.location p{font-size:12px}.price-tabs{display:flex;justify-content:center;gap:8px;margin:35px 0}.price-tabs button{border:1px solid #d5dbd8;background:#fff;padding:12px 25px;cursor:pointer}.price-tabs button.active{background:var(--secondary);color:#fff;border-color:var(--secondary)}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.price-card{border:1px solid #dce1df;padding:35px;background:#fff}.price-card.featured{background:var(--primary);color:#fff}.price-card h3{font-size:18px;color:inherit}.price{font-size:42px;color:var(--secondary);font-weight:600}.price-card ul{padding:0;list-style:none;font-size:12px}.price-card li{padding:9px 0;border-top:1px solid rgba(0,0,0,.1)}.price-card.featured li{border-color:rgba(255,255,255,.15)}.jobs{display:grid;grid-template-columns:1fr 1fr;gap:15px}.job{border:1px solid #dce1df;padding:28px}.job h3{color:var(--primary);margin:0}.tag{display:inline-block;font-size:10px;padding:5px 9px;background:#edf1ef;margin:12px 5px 0 0}.error404{text-align:center;padding:130px 0}.error404 strong{font-size:150px;line-height:1;color:var(--secondary)}
@media(max-width:900px){.grid-2,.contact-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.location-grid,.price-grid,.jobs{grid-template-columns:1fr 1fr}.image{height:420px}}@media(max-width:600px){.page-hero{padding-top:145px}.gallery-grid,.location-grid,.price-grid,.jobs{grid-template-columns:1fr}.error404 strong{font-size:90px}}

/* About page — Why Choose Us section only */
.why-choose-us{background:#f6f7f7!important}
.why-choose-head{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:42px}
.why-choose-head>div{max-width:700px}
.why-choose-head>p{max-width:470px;margin:0 0 5px;color:#5d6c70;line-height:1.75}
.why-choose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.why-choose-card{position:relative;padding:34px 30px 32px;background:#fff;border:1px solid #e2e8e9;border-radius:3px;box-shadow:0 10px 28px rgba(8,45,56,.055);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.why-choose-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#DB4914;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.why-choose-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(8,45,56,.1);border-color:#d5dfe1}
.why-choose-card:hover:after{transform:scaleX(1)}
.why-choose-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border-radius:50%;background:#082d38;color:#DB4914}
.why-choose-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.why-choose-card h3{margin:0 0 12px;font-size:22px;color:#082d38;transition:color .25s ease}
.why-choose-card:hover h3{color:#DB4914}
.why-choose-card p{margin:0;color:#5d6c70;line-height:1.72;font-size:15px}
@media(max-width:900px){.why-choose-head{display:block}.why-choose-head>p{margin-top:16px}.why-choose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.why-choose-grid{grid-template-columns:1fr}.why-choose-card{padding:28px 24px}}

/* About Us — precise spacing fixes only. */
.why-choose-us .why-choose-grid{
  margin-bottom:28px!important;
}
.about-drawer .drawer-list + .orange-btn{
  margin-top:28px!important;
  display:inline-flex!important;
}
@media(max-width:760px){
  .why-choose-us .why-choose-grid{margin-bottom:24px!important}
  .about-drawer .drawer-list + .orange-btn{margin-top:24px!important}
}

/* Static individual service pages */
.service-detail-hero{padding-bottom:76px}
.service-detail-section{padding-top:92px;padding-bottom:100px}
.service-detail-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:68px;align-items:center}
.service-detail-media{position:relative;min-height:500px;overflow:hidden;background:#082d38;border-radius:3px;box-shadow:0 18px 50px rgba(8,45,56,.12)}
.service-detail-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,45,56,0) 45%,rgba(8,45,56,.48) 100%);pointer-events:none}
.service-detail-media img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover;transition:transform .7s ease}
.service-detail-media:hover img{transform:scale(1.035)}
.service-detail-number{position:absolute;z-index:2;left:24px;bottom:22px;width:54px;height:54px;display:grid;place-items:center;background:#DB4914;color:#fff;font-weight:800;border-radius:50%}
.service-detail-copy h2{margin:10px 0 18px;font-size:clamp(34px,4vw,54px);line-height:1.05}
.service-detail-lead{font-size:17px;line-height:1.8;color:#52636a;max-width:650px}
.service-detail-points{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin:28px 0 34px}
.service-detail-point{display:flex;gap:11px;align-items:flex-start}
.service-detail-point span{color:#DB4914;font-weight:900;font-size:17px;line-height:1.5}
.service-detail-point p{margin:0;color:#082d38;font-weight:600;line-height:1.55}
.service-detail-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.text-btn{color:#082d38;text-decoration:none;font-weight:800;font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.text-btn:hover{color:#DB4914}
.service-detail-bottom p{max-width:650px}
.service-detail-bottom .orange-btn{margin-top:12px}
@media(max-width:850px){.service-detail-grid{grid-template-columns:1fr;gap:42px}.service-detail-media,.service-detail-media img{min-height:360px}.service-detail-points{grid-template-columns:1fr}}

/* V55 — Contact info cards: equal, stable sizing and linked contact details. */
.location-grid{align-items:stretch!important;grid-auto-rows:1fr!important}
.location{height:100%!important;min-height:190px!important;display:flex!important;flex-direction:column!important}
.location p{margin-top:0!important;line-height:1.7!important}
.location a{color:inherit!important;text-decoration:none!important}
.location a:hover{color:#DB4914!important}
@media(max-width:900px){.location{min-height:180px!important}}
@media(max-width:600px){.location{min-height:0!important}}


/* V56 — Contact cards: comfortable 2x2 layout; no other page styling changed. */
.contact-grid .location-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;margin-top:34px!important}
.contact-grid .location{min-height:155px!important;height:auto!important;padding:25px 24px!important;overflow:hidden!important}
.contact-grid .location h3{font-size:18px!important;margin-bottom:10px!important}
.contact-grid .location p{font-size:12px!important;line-height:1.75!important;margin:0!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.contact-grid .location a{display:inline!important}
@media(max-width:600px){.contact-grid .location-grid{grid-template-columns:1fr!important;gap:16px!important}.contact-grid .location{min-height:0!important}}

/* Gallery: user-uploaded cargo photos only */
.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gallery-grid img{display:block;width:100%;height:300px;object-fit:cover;cursor:pointer;transition:transform .45s ease,box-shadow .45s ease}
.gallery-grid img:hover{transform:scale(1.025);box-shadow:0 14px 34px rgba(8,45,56,.16)}
@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:600px){.gallery-grid{grid-template-columns:1fr;gap:16px}.gallery-grid img{height:280px}}


/* V59 — Gallery image viewer */
.gallery-lightbox{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:50px 100px;background:rgba(4,25,31,.96);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;isolation:isolate}
.gallery-lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto}
.gallery-lightbox-backdrop{position:absolute;inset:0;z-index:0}
.gallery-lightbox-figure{position:relative;z-index:2;margin:0;max-width:min(1180px,86vw);max-height:88vh;display:flex;align-items:center;justify-content:center;pointer-events:none}
.gallery-lightbox-image{display:block;max-width:100%;max-height:86vh;width:auto;height:auto;object-fit:contain;box-shadow:0 24px 70px rgba(0,0,0,.48);border-radius:2px;user-select:none;-webkit-user-drag:none;pointer-events:none}
.gallery-lightbox-close,.gallery-lightbox-prev,.gallery-lightbox-next{position:fixed!important;z-index:20!important;border:0!important;background:rgba(255,255,255,.14)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;pointer-events:auto!important;transition:background .2s ease,color .2s ease,transform .2s ease!important;box-shadow:0 8px 25px rgba(0,0,0,.2)!important}
.gallery-lightbox-close{top:20px;right:22px;width:50px;height:50px;border-radius:50%;font-size:34px;line-height:1;font-weight:300}
.gallery-lightbox-prev,.gallery-lightbox-next{top:50%;width:60px;height:76px;border-radius:4px;font-size:52px;line-height:1;font-weight:300;transform:translateY(-50%)}
.gallery-lightbox-prev{left:20px}.gallery-lightbox-next{right:20px}
.gallery-lightbox-prev span,.gallery-lightbox-next span{display:block;transform:translateY(-2px)}
.gallery-lightbox-close:hover,.gallery-lightbox-prev:hover,.gallery-lightbox-next:hover{background:#DB4914!important;color:#fff!important}
.gallery-lightbox-prev:hover,.gallery-lightbox-next:hover{transform:translateY(-50%) scale(1.05)!important}
.gallery-grid img{cursor:pointer}
body.gallery-lightbox-open{overflow:hidden}
@media(max-width:700px){
 .gallery-lightbox{padding:45px 55px}
 .gallery-lightbox-figure{max-width:92vw;max-height:82vh}
 .gallery-lightbox-image{max-height:80vh}
 .gallery-lightbox-prev,.gallery-lightbox-next{width:44px;height:58px;font-size:40px}
 .gallery-lightbox-prev{left:6px}.gallery-lightbox-next{right:6px}
 .gallery-lightbox-close{top:10px;right:10px;width:42px;height:42px;font-size:29px}
}

/* Contact office map */
.contact-map-wrap{grid-column:1 / -1;margin-top:56px;background:#fff;border:1px solid rgba(16,38,63,.10);padding:24px;box-shadow:0 18px 50px rgba(16,38,63,.07)}
.contact-map-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.contact-map-heading h3{margin:4px 0 7px;font-size:25px}
.contact-map-heading p{margin:0;max-width:760px;color:#66717e;line-height:1.65}
.contact-map{position:relative;width:100%;height:350px;overflow:hidden;background:#e9edf0}
.contact-map iframe{display:block;width:100%;height:100%;border:0}.contact-map-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);z-index:2;pointer-events:none;display:flex;align-items:center;gap:9px}.contact-map-pin .pin{width:18px;height:18px;border-radius:50% 50% 50% 0;background:#DB4914;transform:rotate(-45deg);box-shadow:0 3px 10px rgba(0,0,0,.28);position:relative}.contact-map-pin .pin:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;left:5.5px;top:5.5px}.contact-map-pin .label{background:#fff;padding:9px 12px;border-radius:4px;box-shadow:0 5px 18px rgba(16,38,63,.2);font-size:12px;font-weight:700;color:#10263f;white-space:nowrap}
@media(max-width:700px){
  .contact-map-wrap{padding:16px;margin-top:40px}
  .contact-map-heading{display:block}
  .contact-map-heading .orange-btn{display:inline-flex;margin-top:16px}
  .contact-map{height:280px}
}

/* Premium Our Branches card */
.contact-grid>.branches-section{grid-column:1/-1}
.branches-section{margin:76px 0 44px;max-width:1180px}
.branches-section h2{margin:8px 0 24px}
.branches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 36px;margin-top:26px}
.branches-grid .branch-card{padding:36px 34px}
.branches-grid .branch-detail{grid-template-columns:100px 1fr;gap:22px;padding:22px 0}
@media(max-width:1000px){.branches-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.branches-grid{grid-template-columns:1fr}.branches-grid .branch-card{padding:28px 24px}}
.branch-card{position:relative;overflow:hidden;padding:30px 32px;background:linear-gradient(145deg,#fff 0%,#f7f9fc 100%);border:1px solid rgba(15,49,91,.12);border-radius:20px;box-shadow:0 18px 50px rgba(15,49,91,.08)}
.branch-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#DB4914 0%,#f8a06d 48%,rgba(219,73,20,0) 100%)}
.branch-card-top{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid rgba(15,49,91,.09)}
.branch-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#0f315b;color:#DB4914;flex:0 0 48px}
.branch-icon svg{width:24px;height:24px}
.branch-card h3{margin:0 0 4px;font-size:22px;color:#0f315b}
.branch-country{font-size:13px;color:#6d7885;letter-spacing:.08em;text-transform:uppercase}
.branch-detail{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:19px 0;border-bottom:1px solid rgba(15,49,91,.08)}
.branch-detail:last-child{border-bottom:0;padding-bottom:0}
.branch-detail-label{font-size:10px;font-weight:700;letter-spacing:.14em;color:#DB4914;padding-top:3px}
.branch-detail a{color:#26384d;text-decoration:none;line-height:1.65;transition:color .2s ease}
.branch-detail a:hover{color:#DB4914}
.branch-links{display:flex;flex-wrap:wrap;gap:8px 26px}
.branch-links a{white-space:nowrap}
@media(max-width:760px){.branches-section{margin:58px 0 34px}.branch-card{padding:24px 20px;border-radius:17px}.branch-card-top{padding-bottom:18px}.branch-card h3{font-size:19px}.branch-detail{grid-template-columns:1fr;gap:6px;padding:16px 0}.branch-links{display:grid;gap:7px}}


/* Premium Our Branches card */
.branches-section .branch-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(15,49,91,.10);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 30px rgba(15,49,91,.07);
  transition:transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease, border-color .45s ease;
}
.branches-section .branch-card::before{
  content:"";
  position:absolute;
  left:0; top:0;
  width:4px; height:100%;
  background:var(--branch-color,#DB4914);
  transform:scaleY(.15);
  transform-origin:center;
  transition:transform .5s cubic-bezier(.22,1,.36,1);
}
.branches-section .branch-card::after{
  content:"";
  position:absolute;
  z-index:0;
  width:180px; height:180px;
  right:-90px; top:-90px;
  border-radius:50%;
  background:var(--branch-color,#DB4914);
  opacity:0;
  transform:scale(.35);
  transition:transform .55s cubic-bezier(.22,1,.36,1), opacity .45s ease;
  pointer-events:none;
}
.branches-section .branch-card .branch-card-top,
.branches-section .branch-card .branch-detail{position:relative;z-index:1}
.branches-section .branch-card:hover::after{transform:scale(1); opacity:.12;}
.branches-section .branch-card .branch-icon{background:var(--branch-color,#0f315b);color:#fff}
.branches-section .branch-card .branch-detail-label{color:var(--branch-color,#DB4914)}
.branches-section .branch-card:hover{
  transform:translateY(-7px);
  box-shadow:0 20px 48px rgba(15,49,91,.14);
  border-color:rgba(219,73,20,.28);
}
.branches-section .branch-card:hover::before{transform:scaleY(1);}
.branches-section .branch-card .branch-icon{
  transition:transform .45s cubic-bezier(.22,1,.36,1), background-color .35s ease, color .35s ease;
}
.branches-section .branch-card:hover .branch-icon{
  transform:translateY(-2px) scale(1.06);
}
.branches-section .branch-card .branch-card-top h3{
  transition:transform .35s ease, color .35s ease;
}
.branches-section .branch-card:hover .branch-card-top h3{
  transform:translateX(3px);
  color:#0f315b;
}
.branches-section .branch-card .branch-detail{
  transition:transform .4s ease;
}
.branches-section .branch-card:hover .branch-detail{
  transform:translateX(3px);
}
@media (prefers-reduced-motion:reduce){
  .branches-section .branch-card,.branches-section .branch-card::before,.branches-section .branch-card::after,.branches-section .branch-card .branch-icon,.branches-section .branch-card .branch-card-top h3,.branches-section .branch-card .branch-detail{transition:none!important;}
  .branches-section .branch-card:hover{transform:none;}
}

/* Premium non-home breadcrumb hero with aircraft artwork */
.page-hero{min-height:285px!important;padding:108px 0 62px!important;display:flex!important;align-items:center!important;background:#082d38!important}
.page-hero .wrap{position:relative;z-index:3!important;max-width:1240px!important;width:100%!important}
.page-hero-plane{position:absolute!important;z-index:2!important;right:-18px!important;bottom:-8px!important;width:min(58vw,780px)!important;height:auto!important;max-height:285px!important;object-fit:contain!important;object-position:right bottom!important;pointer-events:none!important;user-select:none!important;filter:drop-shadow(0 18px 28px rgba(0,0,0,.16))!important;animation:pagePlaneFloat 6s ease-in-out infinite!important}
.page-hero:after{z-index:1!important;right:0!important;width:60%!important;opacity:.06!important}
.page-hero h1{max-width:760px!important;position:relative!important;z-index:4!important}
.page-hero .eyebrow,.page-hero p{position:relative!important;z-index:4!important}
@keyframes pagePlaneFloat{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(-10px,-5px,0) rotate(-.35deg)}}
@media(max-width:900px){
 .page-hero{min-height:250px!important;padding:96px 0 52px!important}
 .page-hero-plane{width:min(68vw,590px)!important;right:-40px!important;bottom:-2px!important;opacity:.82!important}
}
@media(max-width:600px){
 .page-hero{min-height:235px!important;padding:88px 0 42px!important}
 .page-hero-plane{width:430px!important;max-width:125vw!important;right:-120px!important;bottom:0!important;opacity:.38!important}
 .page-hero h1{font-size:clamp(38px,11vw,56px)!important;max-width:78%!important}
 .page-hero p{max-width:72%!important}
}
@media(prefers-reduced-motion:reduce){.page-hero-plane{animation:none!important}}

/* Refined non-home hero: closer to the spacious visual feel of the homepage hero */
.page-hero{
  min-height:390px!important;
  padding:118px 0 70px!important;
  overflow:hidden!important;
}
.page-hero-plane{
  width:min(68vw,900px)!important;
  max-height:none!important;
  right:-72px!important;
  bottom:8px!important;
  opacity:.96!important;
  object-fit:contain!important;
  object-position:right bottom!important;
  animation:pagePlaneFloatPremium 7s cubic-bezier(.45,.05,.55,.95) infinite!important;
}
.page-hero:after{
  width:68%!important;
  opacity:.08!important;
}
@keyframes pagePlaneFloatPremium{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(-8px,-8px,0) rotate(-.28deg)}
}
@media(max-width:900px){
  .page-hero{min-height:330px!important;padding:105px 0 58px!important}
  .page-hero-plane{width:min(76vw,700px)!important;right:-70px!important;bottom:6px!important;opacity:.86!important}
}
@media(max-width:600px){
  .page-hero{min-height:300px!important;padding:92px 0 48px!important}
  .page-hero-plane{width:500px!important;max-width:none!important;right:-155px!important;bottom:4px!important;opacity:.48!important}
}

/* V102 — Homepage-inspired transparent blue atmospheric layer behind the aircraft */
.page-hero::before{
  content:'';
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
  width:min(900px,72vw)!important;
  height:78%!important;
  right:2%!important;
  top:11%!important;
  background:
    radial-gradient(ellipse at 58% 50%, rgba(70,137,164,.34) 0%, rgba(53,116,145,.25) 25%, rgba(35,91,120,.13) 48%, rgba(8,45,56,0) 72%)!important;
  filter:blur(1px)!important;
  opacity:.95!important;
  transform:translate3d(0,0,0) scale(1)!important;
  animation:pageHeroBlueAtmosphere 8s ease-in-out infinite!important;
}
.page-hero::after{
  z-index:0!important;
}
.page-hero-plane{
  z-index:2!important;
}
@keyframes pageHeroBlueAtmosphere{
  0%,100%{opacity:.82;transform:translate3d(0,0,0) scale(1)}
  50%{opacity:1;transform:translate3d(-8px,-3px,0) scale(1.025)}
}
@media(max-width:900px){
  .page-hero::before{
    width:78vw!important;
    height:82%!important;
    right:-4%!important;
    top:8%!important;
  }
}
@media(max-width:600px){
  .page-hero::before{
    width:105vw!important;
    height:78%!important;
    right:-22%!important;
    top:9%!important;
    opacity:.7!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .page-hero::before{animation:none!important;}
}

/* V103 — Reference-style non-home aircraft banner */
.page-hero.page-hero-reference{
  min-height:375px!important;
  height:375px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  overflow:hidden!important;
  background:#0d4759!important;
  color:#fff!important;
  isolation:isolate!important;
}
.page-hero-reference::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  background:linear-gradient(90deg,rgba(13,71,89,.08),rgba(13,71,89,.18) 55%,rgba(13,71,89,.34))!important;
  opacity:1!important;
}
.page-hero-reference-content{
  position:relative!important;
  z-index:5!important;
  width:100%!important;
  max-width:900px!important;
  margin:0 auto!important;
  padding:60px 24px 28px!important;
  text-align:center!important;
}
.page-hero-reference-content h1{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(44px,5.2vw,58px)!important;
  line-height:1.02!important;
  letter-spacing:-2.4px!important;
  font-weight:700!important;
}
.page-hero-breadcrumb{
  margin-top:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.4!important;
  font-weight:400!important;
}
.page-hero-breadcrumb a{color:#fff!important;transition:color .2s ease!important}
.page-hero-breadcrumb a:hover{color:#DB4914!important}
.page-hero-plane-atmosphere{
  position:absolute!important;
  z-index:1!important;
  width:650px!important;
  height:310px!important;
  right:-12px!important;
  top:34px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(54,123,149,.44) 0%,rgba(54,123,149,.28) 38%,rgba(54,123,149,.08) 64%,transparent 76%)!important;
  filter:blur(8px)!important;
  opacity:.92!important;
  animation:pageHeroAtmosphereBreath 7s ease-in-out infinite!important;
  pointer-events:none!important;
}
.page-hero-reference .page-hero-plane{
  position:absolute!important;
  z-index:3!important;
  right:-18px!important;
  bottom:4px!important;
  width:650px!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  opacity:.26!important;
  object-fit:contain!important;
  object-position:right bottom!important;
  filter:none!important;
  transform:translate3d(0,0,0)!important;
  animation:pageHeroPlaneDrift 8s ease-in-out infinite!important;
  pointer-events:none!important;
}
@keyframes pageHeroAtmosphereBreath{
  0%,100%{opacity:.78;transform:scale(1) translate3d(0,0,0)}
  50%{opacity:1;transform:scale(1.045) translate3d(-8px,-2px,0)}
}
@keyframes pageHeroPlaneDrift{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-8px,-4px,0)}
}
@media(max-width:900px){
  .page-hero.page-hero-reference{min-height:330px!important;height:330px!important}
  .page-hero-reference-content{padding:48px 22px 24px!important}
  .page-hero-reference-content h1{font-size:clamp(40px,7vw,52px)!important}
  .page-hero-reference .page-hero-plane{width:590px!important;right:-85px!important;bottom:0!important;opacity:.22!important}
  .page-hero-plane-atmosphere{width:600px!important;right:-80px!important;top:20px!important}
}
@media(max-width:600px){
  .page-hero.page-hero-reference{min-height:280px!important;height:280px!important}
  .page-hero-reference-content{padding:42px 18px 22px!important}
  .page-hero-reference-content h1{font-size:clamp(34px,10vw,46px)!important;letter-spacing:-1.5px!important}
  .page-hero-breadcrumb{font-size:13px!important;margin-top:11px!important}
  .page-hero-reference .page-hero-plane{width:470px!important;right:-125px!important;bottom:-2px!important;opacity:.18!important}
  .page-hero-plane-atmosphere{width:500px!important;height:260px!important;right:-130px!important;top:12px!important;opacity:.7!important}
}
@media(prefers-reduced-motion:reduce){
  .page-hero-plane-atmosphere,.page-hero-reference .page-hero-plane{animation:none!important}
}

/* V106 — Remove aircraft spotlight only. Keep all other banner styling unchanged. */
.page-hero.page-hero-reference::before{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:0!important;
}
.page-hero-reference .page-hero-plane-atmosphere{
  display:none!important;
}

/* V107 — Subtle transparent blue aircraft accent, not a glow/spotlight. */
.page-hero.page-hero-reference::before{
  content:''!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  width:760px!important;
  height:250px!important;
  right:30px!important;
  top:58px!important;
  background:rgba(82,151,178,.13)!important;
  border:1px solid rgba(133,190,210,.10)!important;
  border-radius:46% 54% 42% 58% / 48% 44% 56% 52%!important;
  transform:rotate(-7deg)!important;
  filter:none!important;
  box-shadow:none!important;
  opacity:1!important;
  pointer-events:none!important;
  animation:pageHeroBlueShape 9s ease-in-out infinite!important;
}
@keyframes pageHeroBlueShape{
  0%,100%{transform:translate3d(0,0,0) rotate(-7deg) scale(1)}
  50%{transform:translate3d(-12px,-4px,0) rotate(-5deg) scale(1.025)}
}
@media(max-width:900px){
  .page-hero.page-hero-reference::before{width:620px!important;height:205px!important;right:-45px!important;top:58px!important;}
}
@media(max-width:600px){
  .page-hero.page-hero-reference::before{width:500px!important;height:165px!important;right:-115px!important;top:58px!important;opacity:.72!important;}
}
@media(prefers-reduced-motion:reduce){.page-hero.page-hero-reference::before{animation:none!important;}}

/* V108 — Apply the same subtle transparent blue aircraft accent to all 8 individual service pages. */
.page-hero.service-detail-hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.page-hero.service-detail-hero::before{
  content:''!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  width:760px!important;
  height:250px!important;
  right:30px!important;
  top:58px!important;
  background:rgba(82,151,178,.13)!important;
  border:1px solid rgba(133,190,210,.10)!important;
  border-radius:46% 54% 42% 58% / 48% 44% 56% 52%!important;
  transform:rotate(-7deg)!important;
  filter:none!important;
  box-shadow:none!important;
  opacity:1!important;
  pointer-events:none!important;
  animation:pageHeroBlueShape 9s ease-in-out infinite!important;
}
.page-hero.service-detail-hero .page-hero-plane{
  position:absolute!important;
  z-index:3!important;
  right:-18px!important;
  bottom:4px!important;
  width:650px!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  opacity:.26!important;
  object-fit:contain!important;
  object-position:right bottom!important;
  filter:none!important;
  transform:translate3d(0,0,0)!important;
  animation:pageHeroPlaneDrift 8s ease-in-out infinite!important;
  pointer-events:none!important;
}
@media(max-width:900px){
  .page-hero.service-detail-hero::before{width:620px!important;height:205px!important;right:-45px!important;top:58px!important;}
  .page-hero.service-detail-hero .page-hero-plane{width:590px!important;right:-85px!important;bottom:0!important;opacity:.22!important;}
}
@media(max-width:600px){
  .page-hero.service-detail-hero::before{width:500px!important;height:165px!important;right:-115px!important;top:58px!important;opacity:.72!important;}
  .page-hero.service-detail-hero .page-hero-plane{width:470px!important;right:-125px!important;bottom:-2px!important;opacity:.18!important;}
}
@media(prefers-reduced-motion:reduce){
  .page-hero.service-detail-hero::before,.page-hero.service-detail-hero .page-hero-plane{animation:none!important;}
}

/* V109 — Remove the transparent blue circle/shape from all non-home banners. */
.page-hero.page-hero-reference::before,
.page-hero.service-detail-hero::before{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  animation:none!important;
}

/* V109 — Make the header logo a little smaller. */
.site-header .logo{width:174px!important;flex-basis:174px!important;height:80px!important;}
.site-header .logo img{width:174px!important;max-width:174px!important;max-height:70px!important;}
@media(max-width:1100px){
  .site-header .logo{width:160px!important;flex-basis:160px!important;height:76px!important;}
  .site-header .logo img{width:160px!important;max-width:160px!important;max-height:67px!important;}
}
@media(max-width:760px){
  .site-header .logo{width:135px!important;flex-basis:135px!important;height:70px!important;}
  .site-header .logo img{width:135px!important;max-width:135px!important;max-height:59px!important;}
}


/* V115 — Slightly smaller Gallery images */
.gallery-grid{max-width:1180px;margin-left:auto;margin-right:auto;gap:20px;}
.gallery-grid img{height:255px;}
@media(max-width:900px){.gallery-grid img{height:230px;}}
@media(max-width:600px){.gallery-grid img{height:250px;}}


/* V116 — Restore a subtle aircraft motion on all non-home page banners. */
.page-hero.page-hero-reference .page-hero-plane,
.page-hero.service-detail-hero .page-hero-plane{
  animation:pageHeroPlaneSoftDrift 6s ease-in-out infinite!important;
  transform:translate3d(0,0,0)!important;
}
@keyframes pageHeroPlaneSoftDrift{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-7px,-3px,0)}
}
@media(prefers-reduced-motion:reduce){
  .page-hero.page-hero-reference .page-hero-plane,
  .page-hero.service-detail-hero .page-hero-plane{animation:none!important;}
}

/* V121 — Page-level mobile + tablet cleanup */
@media(max-width:1050px){
  .page-hero{padding:125px 0 68px}
  .page-hero h1{font-size:clamp(44px,6vw,64px)}
  .section{padding:82px 0}
  .grid-2,.service-detail-grid,.contact-grid{grid-template-columns:1fr;gap:48px}
  .image{height:480px}
  .service-detail-media,.service-detail-media img{min-height:430px}
  .service-detail-points{grid-template-columns:1fr 1fr}
  .why-choose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .location-grid,.price-grid,.jobs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .page-hero{padding:112px 0 55px}
  .page-hero h1{font-size:clamp(36px,10vw,48px);letter-spacing:-1.5px;line-height:1.02;margin-bottom:14px}
  .page-hero p{font-size:13px;line-height:1.65}
  .section{padding:70px 0}
  .section h2{font-size:clamp(34px,10vw,46px);letter-spacing:-1.4px;line-height:1.02}
  .grid-2,.contact-grid,.service-detail-grid{grid-template-columns:1fr;gap:34px}
  .image{height:340px}
  .feature-list{margin:24px 0}
  .feature-list div{gap:10px;font-size:12px;line-height:1.65}
  .service-detail-section{padding-top:65px;padding-bottom:72px}
  .service-detail-media,.service-detail-media img{min-height:300px;height:300px}
  .service-detail-number{left:16px;bottom:16px;width:46px;height:46px}
  .service-detail-copy h2{font-size:34px!important}
  .service-detail-lead{font-size:14px;line-height:1.7}
  .service-detail-points{grid-template-columns:1fr;gap:11px;margin:24px 0 28px}
  .service-detail-point p{font-size:13px}
  .service-detail-actions{gap:12px;align-items:stretch;flex-direction:column}
  .service-detail-actions .orange-btn,.service-detail-actions .text-btn{width:100%;justify-content:center;text-align:center}
  .why-choose-head{margin-bottom:30px}
  .why-choose-grid{grid-template-columns:1fr;gap:14px}
  .why-choose-card{padding:25px 21px}
  .why-choose-card h3{font-size:20px}
  .why-choose-card p{font-size:13px}
  .location-grid,.price-grid,.jobs,.gallery-grid{grid-template-columns:1fr;gap:14px}
  .location{padding:22px 20px;min-height:0!important}
  .form-card{padding:25px 20px}
  .gallery-grid img{height:250px}
  .gallery-lightbox{padding:35px 14px}
  .gallery-lightbox-image{max-width:100%;max-height:75vh}
  .price-tabs{flex-wrap:wrap;gap:6px}
  .price-tabs button{padding:10px 16px}
  .price-card{padding:27px 22px}
  .jobs{gap:14px}
  .job{padding:22px}
  .error404{padding:90px 0}
  .error404 strong{font-size:88px}
}

/* ================================================================
   RESPONSIVE PAGE OVERRIDES — DEVICE SEPARATION
   Desktop = 1101px+ | Tablet = 761–1100px | Mobile = 760px and below
   ================================================================ */

/* --------------------------- DESKTOP --------------------------- */
@media (min-width:1101px){
  /* Desktop keeps the normal page/banner sizing from the base stylesheet. */
}

/* --------------------------- TABLET ---------------------------- */
@media (min-width:761px) and (max-width:1100px){
  /* Tablet keeps the normal page/banner sizing from the base stylesheet. */
}

/* --------------------------- MOBILE ---------------------------- */
@media (max-width:760px){
  /* About Us banner: text always starts below the mobile header. */
  .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;}

  /* About Us and Services plus controls are mobile-only. */
  .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;}

  /* Customs & Operations: description first, numbered process directly below. */
  .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;}
}

/* Small phones: still the same MOBILE rules, only tighter banner height/padding. */
@media (max-width:420px){
  .about-hero{min-height:400px!important; height:400px!important;}
  .about-hero>.wrap{width:calc(100% - 28px)!important; padding:128px 0 30px!important;}
}

/* =========================================================================
   FIX — "ABOUT ACHYUTAM" / service eyebrow hidden behind the header on
   mobile + small-tablet widths (about.html and all 8 service detail pages).

   Root cause: below 761px the header is position:absolute (removed from
   normal flow) so it visually overlaps the top of .page-hero. Previous
   attempts tried to lift the eyebrow/h1 above it with z-index, but both
   .page-hero.page-hero-reference/.service-detail-hero (isolation:isolate)
   and its child .wrap (position:relative + z-index) each start a NEW
   stacking context, so those inner z-index values can never out-rank the
   header's z-index — the header always paints on top regardless.
   Fix: stop relying on stacking order and instead give the banner real
   top clearance so its content never sits under the header in the first
   place. Placed at the end of the file / high specificity so it wins.
   ========================================================================= */
@media (max-width:760px){
  .page-hero.page-hero-reference,
  .page-hero.service-detail-hero{
    height:auto!important;
    min-height:0!important;
    display:block!important;
    padding:128px 0 40px!important;
  }
  .page-hero.page-hero-reference > .wrap,
  .page-hero.service-detail-hero > .wrap{
    padding:0!important;
    position:relative!important;
    z-index:5!important;
  }
  .page-hero.page-hero-reference .eyebrow,
  .page-hero.service-detail-hero .eyebrow,
  .page-hero.page-hero-reference h1,
  .page-hero.service-detail-hero h1,
  .page-hero.page-hero-reference p,
  .page-hero.service-detail-hero p{
    position:relative!important;
    z-index:5!important;
  }
  /* about.html carries an extra .about-hero class with its own legacy
     height/padding overrides elsewhere in this file — neutralize them too. */
  .about-hero{
    height:auto!important;
    min-height:0!important;
    display:block!important;
    padding:128px 0 40px!important;
  }
  .about-hero>.wrap{
    width:min(var(--max),calc(100% - 30px))!important;
    padding:0!important;
    margin:0 auto!important;
  }
}

/* V152 — Remove the dotted world-map pattern from the banner on all 8
   individual service pages (NVOCC, Ocean Freight, CFS & Port Handling,
   Trucking, Warehousing, Custom Clearance, Equipment Rental, Pharma). */
.page-hero.service-detail-hero::after{
  display:none!important;
  content:none!important;
  background:none!important;
  opacity:0!important;
}

/* Transportation page — photo panel beside the description */
.transport-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-self:center}
.transport-photos figure{margin:0;overflow:hidden;border-radius:3px;background:#082d38;aspect-ratio:4/3}
.transport-photos figure:first-child{grid-column:1/-1;aspect-ratio:16/9}
.transport-photos img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.transport-photos figure:first-child img{object-position:center 35%}
@media(max-width:850px){.transport-photos{gap:10px}}

/* Footer separator on pages where a dark section sits directly above the footer
   (Transportation, Buy & Sell SOC Containers): use a light line so it is visible. */
.V151-footer-separator.footer-separator-on-dark{background:rgba(255,255,255,.22)}

/* Gallery page only — smaller thumbnails so more photos fit on screen.
   (.gallery-grid is used on gallery.html only; clicking a photo still opens it full size.) */
.gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.gallery-grid img{height:175px}
@media(max-width:1100px){.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-grid img{height:165px}}
@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gallery-grid img{height:150px}}
@media(max-width:760px){
  body .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body .gallery-grid img{height:125px!important}
}