/* City-service page redesign (per united-xpress-hyderabad-redesign.html mockup) */
:root{--ux-navy:#071d35;--ux-blue:#075db8;--ux-orange:#ff4d2d;--ux-sky:#eaf5ff;--ux-ink:#102744;--ux-muted:#5b6b85;--ux-line:#dce7f2;--ux-card-shadow:0 12px 35px rgba(13,48,82,.08)}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{color:var(--ux-ink);background:#f7fbff;font-family:Inter,system-ui,sans-serif}
h1,h2,h3,h4,h5,.font-display{font-family:Manrope,Inter,sans-serif;letter-spacing:-.025em}
a,button,input,select{transition:all .2s ease}
header{position:sticky!important;top:0!important;z-index:100!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(16px);box-shadow:0 3px 18px rgba(7,29,53,.06)!important}
header .max-w-\[1200px\]{height:70px}
.page-breadcrumb-bar{background:#fff}
.page-breadcrumb-bar>div{padding-top:10px;padding-bottom:10px}
.service-hero{isolation:isolate;background:linear-gradient(112deg,#071d35 0%,#0a3765 52%,#0876c9 100%)!important;position:relative}
.service-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 82% 18%,rgba(70,183,255,.34),transparent 28%),radial-gradient(circle at 12% 95%,rgba(255,77,45,.15),transparent 32%),linear-gradient(90deg,rgba(5,25,47,.25),transparent 72%)}
.service-hero:after{content:"";position:absolute;z-index:-1;right:-4%;top:0;width:48%;height:100%;opacity:.15;background-image:radial-gradient(circle,white 1px,transparent 1.5px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,black)}
.service-hero .relative.z-\[2\]{padding-top:48px!important;padding-bottom:48px!important}
.service-hero .max-w-\[1200px\]{max-width:1220px}
.service-hero .lg\:grid-cols-\[1fr_1\.05fr\]{grid-template-columns:1fr 1.02fr;align-items:center;gap:42px}
.service-hero .hero-title{font-size:clamp(2.15rem,3.4vw,3.45rem)!important;line-height:1.08!important;max-width:620px;text-wrap:balance}
.service-hero .hero-title:after{content:"";display:block;width:76px;height:4px;background:var(--ux-orange);border-radius:99px;margin-top:17px}
.service-hero .service-hero-chip{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:15px!important;padding:17px 12px!important}
.service-hero .service-hero-form{border-radius:24px!important;padding:22px!important;box-shadow:0 24px 70px rgba(0,0,0,.25)!important;color:var(--ux-ink);border:1px solid rgba(255,255,255,.7)}
.service-hero .service-hero-form>p{font-size:13px!important;letter-spacing:.07em}
.quote-form-widget--embed #quote{background:#f4f8fc!important;border-color:#dbe6f1!important;border-radius:17px!important;padding:12px!important;gap:10px!important}
.quote-form-widget--embed #quote .qb-seg{border-radius:13px!important;min-height:72px}
.quote-form-widget--embed #quote button[type=submit],.qb-cta-btn{border-radius:13px!important;min-height:52px!important;background:linear-gradient(100deg,#ff4d2d,#ff693d)!important;box-shadow:0 8px 18px rgba(255,77,45,.2)!important}
.quote-form-widget--embed [role=tablist]{border-radius:13px!important;padding:4px!important}
section.bg-bg{background:linear-gradient(180deg,#f4f9fe,#fff 55%,#f6faff)!important;padding-top:36px!important;padding-bottom:48px!important}
section.bg-bg .max-w-\[1200px\]{max-width:1220px}
section.bg-bg .rounded-2xl.border.border-line.bg-white,section.bg-bg .rounded-xl.border.border-line.bg-slate-50\/60{border-color:var(--ux-line)!important;box-shadow:var(--ux-card-shadow);border-radius:18px!important}
section.bg-bg h2{font-size:clamp(1.45rem,2vw,2rem)!important;line-height:1.2!important}
section.bg-bg p{line-height:1.8}
section.bg-bg a.text-orange{font-weight:700}
.airlines-marquee{background:#fff;border-top:1px solid var(--ux-line);border-bottom:1px solid var(--ux-line);padding:18px 0}
footer{background:linear-gradient(135deg,#06182c,#0a3158)!important;padding-top:44px!important}
footer a:hover{color:#ff765d!important}
.sticky-bar{z-index:90;box-shadow:0 -8px 25px rgba(7,29,53,.12)!important}
.sticky-wa-float{bottom:86px!important;box-shadow:0 8px 22px rgba(16,185,129,.3)!important}
.dropdown{border:1px solid #e1eaf4!important;box-shadow:0 20px 40px rgba(7,29,53,.13)!important;border-radius:14px!important;padding:8px!important}
.dropdown a{border-radius:9px}
.dropdown a:hover{background:#f0f7ff!important}
.menu-toggle{display:none}
@media(max-width:1023px){
 header .max-w-\[1200px\]{height:62px}
 header nav{display:none}
 .menu-toggle{display:flex!important}
 .service-hero .relative.z-\[2\]{padding-top:26px!important;padding-bottom:32px!important}
 .service-hero .lg\:grid-cols-\[1fr_1\.05fr\]{display:flex;flex-direction:column;gap:22px}
 .service-hero .order-1{order:1;width:100%}
 .service-hero .order-2{order:2;width:100%}
 .service-hero .hero-title{font-size:clamp(1.9rem,5vw,2.7rem)!important}
 .service-hero .service-hero-form{padding:16px!important}
}
@media(max-width:640px){
 .service-hero .relative.z-\[2\]{padding-top:20px!important;padding-bottom:25px!important}
 .service-hero .service-hero-chip{padding:13px 6px!important}
 .service-hero .service-hero-chip p:nth-of-type(2){font-size:9px!important}
 section.bg-bg{padding-top:25px!important;padding-bottom:34px!important}
 section.bg-bg .max-w-\[1200px\]{padding-left:16px!important;padding-right:16px!important}
 section.bg-bg .grid{gap:12px}
 footer .max-w-\[1200px\]{padding-left:20px!important;padding-right:20px!important}
 .sticky-bar a{min-height:58px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* ---- cs-redesign page sections (scoped to redesigned city-service page) ---- */
.cs-redesign .service-hero{background:linear-gradient(100deg,rgba(7,29,53,.93) 0%,rgba(10,55,101,.85) 48%,rgba(8,118,201,.55) 100%),url(../img/international-shipping.jpg) center/cover no-repeat!important}
.cs-redesign .service-hero:before{background:radial-gradient(circle at 78% 15%,rgba(70,183,255,.28),transparent 30%),radial-gradient(circle at 12% 95%,rgba(255,77,45,.14),transparent 32%)}

/* Destination cards */
.csr-dest-media{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#0a3765,#075db8 55%,#0aa0e8);display:flex;align-items:center;justify-content:center;overflow:hidden}
.csr-dest-media:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.16) 1px,transparent 1.5px);background-size:18px 18px}
.csr-dest-media .csr-dest-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.csr-dest-media .csr-dest-flag-lg{width:38%;border-radius:7px;box-shadow:0 10px 26px rgba(0,0,0,.38);position:relative;z-index:1;transition:transform .25s ease}
a.group:hover .csr-dest-flag-lg{transform:scale(1.08)}
.csr-dest-chip{position:absolute;left:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.95);border-radius:99px;padding:3px 10px 3px 4px;font-size:11px;font-weight:800;color:#0a2540;box-shadow:0 4px 12px rgba(7,29,53,.25)}
.csr-dest-chip img{width:18px;height:12px;object-fit:cover;border-radius:99px;border:1px solid #e6eaf1}
.csr-dest-icon-lg{font-size:2.6rem;color:#fff;opacity:.9;position:relative;z-index:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.3));transition:transform .25s ease}
a.group:hover .csr-dest-icon-lg{transform:scale(1.1)}

/* How-it-works navy band */
.csr-how{background:linear-gradient(110deg,#06182e 0%,#0a3158 58%,#0a4d8f 100%)}
.csr-how:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(70,183,255,.2),transparent 32%),radial-gradient(circle at 8% 100%,rgba(255,77,45,.1),transparent 30%)}
.csr-how .max-w-\[1200px\]{position:relative;z-index:1}

/* Service + guide card media placeholders */
.csr-svc-media{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.csr-svc-media:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1.5px);background-size:18px 18px}
.csr-svc-media>i{font-size:2.5rem;color:#fff;opacity:.92;filter:drop-shadow(0 6px 14px rgba(0,0,0,.3));transition:transform .25s ease;position:relative;z-index:1}
a.group:hover .csr-svc-media>i{transform:scale(1.12)}
.csr-guide-thumb{flex:none;width:76px;height:76px;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.csr-guide-thumb:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1.5px);background-size:14px 14px}
.csr-guide-thumb>i{font-size:1.6rem;color:#fff;opacity:.95;position:relative;z-index:1}

/* CTA band */
.csr-cta{background:linear-gradient(100deg,rgba(6,24,46,.95) 0%,rgba(10,49,88,.88) 55%,rgba(7,29,53,.8) 100%),url(../images/courier-services.jpg) center/cover no-repeat}
.csr-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(70,183,255,.18),transparent 30%)}

@media(max-width:640px){
 .csr-dest-media{aspect-ratio:16/11}
 .csr-guide-thumb{width:64px;height:64px}
}

/* Table of contents */
.cs-redesign .csr-toc{border:1px solid #E6EAF1;border-radius:16px;background:#fff;box-shadow:0 4px 18px rgba(10,37,64,.05);overflow:hidden}
.cs-redesign .csr-toc-head{display:flex;align-items:center;gap:.4rem;padding:.8rem 1rem;font:800 .8rem Manrope,sans-serif;color:#0A2540;cursor:pointer;user-select:none;list-style:none}
.cs-redesign .csr-toc-head::-webkit-details-marker{display:none}
.cs-redesign .csr-toc-head::marker{content:"";display:none}
.cs-redesign .csr-toc-count{margin-left:auto;font:600 .62rem/1 Inter,sans-serif;color:#5B6B85;background:#F6F8FB;border:1px solid #E6EAF1;border-radius:9999px;padding:.25rem .55rem}
.cs-redesign .csr-toc-chev{font-size:.6rem;color:#94a3b8;transition:transform .2s ease}
.cs-redesign .csr-toc[open] .csr-toc-chev{transform:rotate(180deg)}
.cs-redesign .csr-toc-list{margin:0;padding:.3rem .6rem .7rem;list-style:none}
.cs-redesign .csr-toc-link{display:flex;align-items:center;gap:.55rem;padding:.42rem .55rem;border-radius:10px;border-left:2px solid transparent;font:600 .78rem Inter,sans-serif;color:#334155;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.cs-redesign .csr-toc-link:hover{background:#F6F8FB;color:#FF4D2D}
.cs-redesign .csr-toc-num{font:800 .62rem/1 Manrope,sans-serif;color:#94a3b8;min-width:1.15rem}
.cs-redesign .csr-toc-ico{font-size:.65rem;color:#FF7A3D;width:.9rem;text-align:center}
.cs-redesign .csr-toc-label{flex:1;min-width:0}
.cs-redesign .csr-toc-link.is-active{background:rgba(255,77,45,.08);border-left-color:#FF4D2D;color:#FF4D2D}
.cs-redesign .csr-toc-link.is-active .csr-toc-num{color:#FF4D2D}