
  html { scroll-behavior: smooth; }
  html, body { overflow-x: clip; }
  body { font-family:'Hind Siliguri',sans-serif; background:#F8FDFF; color:#081D3A; overflow-x:hidden; }

  :root{
    --shadow-sm: 0 10px 28px -14px rgba(8,29,58,.22);
    --shadow-md: 0 20px 45px -16px rgba(8,29,58,.28);
    --shadow-lg: 0 30px 65px -20px rgba(8,29,58,.32);
    --shadow-glow: 0 16px 40px -12px rgba(12,192,223,.45);
  }
  .shadow-premium-sm{ box-shadow: var(--shadow-sm); }
  .shadow-premium-md{ box-shadow: var(--shadow-md); }
  .shadow-premium-lg{ box-shadow: var(--shadow-lg); }
  .shadow-premium-glow{ box-shadow: var(--shadow-glow); }

  .reveal { opacity:0; transform: translateY(28px); transition: opacity .8s cubic-bezier(.16,.8,.28,1), transform .8s cubic-bezier(.16,.8,.28,1); }
  .reveal.show { opacity:1; transform:none; }
  .reveal-delay-1{transition-delay:.12s;} .reveal-delay-2{transition-delay:.24s;} .reveal-delay-3{transition-delay:.36s;} .reveal-delay-4{transition-delay:.48s;}

  .blob{ position:absolute; border-radius:50%; filter:blur(70px); opacity:.35; pointer-events:none; }
  @keyframes floatSlow { 0%,100%{ transform:translate(0,0) scale(1);} 50%{ transform:translate(20px,-30px) scale(1.06);} }
  .blob-anim{ animation: floatSlow 12s ease-in-out infinite; }

  @keyframes floaty { 0%,100%{ transform: translateY(0px) rotate(var(--rot,0deg)); } 50%{ transform: translateY(-16px) rotate(var(--rot,0deg)); } }
  .float-card{ animation: floaty 5.5s ease-in-out infinite; }

  @keyframes softPulse { 0%,100%{ box-shadow:0 0 0 0 rgba(12,192,223,.35);} 50%{ box-shadow:0 0 0 14px rgba(12,192,223,0);} }
  .pulse-ring{ animation: softPulse 2.4s ease-in-out infinite; }

  .glass{ background: rgba(255,255,255,0.65); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border:1px solid rgba(255,255,255,0.6); }
  .glass-dark{ background: rgba(11,30,61,0.55); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border:1px solid rgba(255,255,255,0.08); }

  .stamp{ position:relative; display:inline-flex; align-items:center; justify-content:center; border:2.5px dashed rgba(12,192,223,.55); border-radius:50%; transform: rotate(-8deg); }
  .stamp::before{ content:''; position:absolute; inset:6px; border:1px solid rgba(12,192,223,.35); border-radius:50%; }

  .lift{ transition: transform .45s cubic-bezier(.16,.8,.28,1), box-shadow .45s cubic-bezier(.16,.8,.28,1); }
  .lift:hover{ transform: translateY(-10px); box-shadow: 0 30px 60px -20px rgba(11,30,61,.28); }

  .img-zoom{ overflow:hidden; }
  .img-zoom img{ transition: transform .8s cubic-bezier(.16,.8,.28,1); }
  .img-zoom:hover img{ transform: scale(1.08); }

  .ripple{ position:relative; overflow:hidden; }
  .ripple span.circle{ position:absolute; border-radius:50%; background:rgba(255,255,255,.5); transform:scale(0); animation:ripple .6s linear; pointer-events:none; }
  @keyframes ripple{ to{ transform:scale(3); opacity:0; } }

  .mesh-gradient{
    background:
      radial-gradient(at 15% 20%, rgba(12,192,223,.35) 0px, transparent 45%),
      radial-gradient(at 85% 15%, rgba(127,227,240,.28) 0px, transparent 50%),
      radial-gradient(at 50% 85%, rgba(8,122,148,.35) 0px, transparent 55%),
      radial-gradient(at 90% 90%, rgba(12,192,223,.2) 0px, transparent 45%);
  }
  .dot-pattern{ background-image: radial-gradient(rgba(12,192,223,.35) 1px, transparent 1px); background-size: 22px 22px; }

  .icon-rotate{ transition: transform .5s cubic-bezier(.34,1.56,.64,1); }
  .group:hover .icon-rotate{ transform: rotate(-14deg) scale(1.12); }
  .arrow-slide{ transition: transform .4s cubic-bezier(.16,.8,.28,1); }
  .group:hover .arrow-slide{ transform: translateX(4px); }
  .glow-hover{ transition: box-shadow .45s ease, border-color .45s ease; }
  .glow-hover:hover{ box-shadow: 0 0 0 1px rgba(12,192,223,.4), 0 20px 55px -18px rgba(12,192,223,.55); }
  .num-glow{ text-shadow: 0 0 24px rgba(12,192,223,.65), 0 0 60px rgba(12,192,223,.25); }

  @media (prefers-reduced-motion: reduce){ *{ animation:none !important; transition:none !important; } }

  /* ---------- Header ---------- */
  .site-header{ position:fixed; top:0; left:0; right:0; z-index:60; background: transparent; border-bottom:1px solid transparent; transition: background-color .3s ease, box-shadow .3s ease, border-color .3s ease, backdrop-filter .3s ease; }
  .site-header::before{ content:''; position:absolute; inset:0; pointer-events:none; background: linear-gradient(to bottom, rgba(8,29,58,.55) 0%, rgba(8,29,58,.18) 55%, transparent 100%); opacity:1; transition: opacity .3s ease; }
  .site-header.is-stuck::before{ opacity:0; }
  .site-header.is-stuck{ background: rgba(8,29,58,.82); backdrop-filter: blur(18px) saturate(150%); -webkit-backdrop-filter: blur(18px) saturate(150%); border-bottom-color: rgba(12,192,223,.16); box-shadow: 0 16px 44px -20px rgba(3,12,26,.85); }
  .header-inner{ height:85px; transition: height .3s cubic-bezier(.16,.8,.28,1); }
  .site-header.is-stuck .header-inner{ height:72px; }
  @media (max-width:1023px){ .header-inner{ height:74px; } .site-header.is-stuck .header-inner{ height:66px; } }
  section[id]{ scroll-margin-top: 92px; }

  .logo-mark{ --brand-logo: url("data:image/png;base64,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"); background: linear-gradient(135deg,#7FE3F0 0%,#0CC0DF 52%,#087A94 100%); box-shadow: 0 12px 28px -12px rgba(12,192,223,.8); transition: transform .5s cubic-bezier(.34,1.56,.64,1), box-shadow .45s ease; display: inline-block; overflow: hidden; }
  .logo-mark::before{ content:''; position:absolute; inset:0; background-image: var(--brand-logo); background-repeat: no-repeat; background-position: center; background-size: 88% auto; z-index: 1; transition: transform .5s cubic-bezier(.34,1.56,.64,1); }
  .logo-mark::after{ content:''; position:absolute; inset:0; border-radius:inherit; border:1px solid rgba(255,255,255,.4); z-index: 2; pointer-events:none; }
  .logo-link:hover .logo-mark{ transform: scale(1.08) rotate(-6deg); box-shadow: 0 16px 36px -10px rgba(12,192,223,1); }
  .logo-link:hover .logo-mark::before{ transform: scale(1.04); }
  .logo-link:focus-visible{ outline:2px solid rgba(57,216,245,.8); outline-offset:6px; border-radius:.9rem; }

  .nav-link{ position:relative; display:inline-flex; align-items:center; gap:.4rem; padding:.55rem .85rem; border-radius:.7rem; white-space:nowrap; color:rgba(255,255,255,.85); font-weight:600; font-size:.94rem; line-height:1; background:transparent; border:0; cursor:pointer; transition: color .3s ease, background-color .3s ease; }
  .nav-link:hover, .nav-link:focus-visible{ color:#fff; background:rgba(255,255,255,.07); outline:none; }
  .nav-link:focus-visible{ box-shadow:0 0 0 2px rgba(57,216,245,.65); }
  .nav-link::after{ content:''; position:absolute; left:50%; bottom:.3rem; width:0; height:2px; border-radius:2px; background: linear-gradient(90deg,#7FE3F0,#0CC0DF); transform: translateX(-50%); transition: width .38s cubic-bezier(.16,.8,.28,1), box-shadow .38s ease; }
  .nav-link:hover::after, .nav-link:focus-visible::after{ width:calc(100% - 1.7rem); }
  .nav-link.is-active{ color:#fff; }
  .nav-link.is-active::after{ width:calc(100% - 1.7rem); box-shadow:0 0 12px rgba(12,192,223,.9); }

  .nav-dd{ position:relative; }
  .nav-dd::after{ content:''; position:absolute; left:0; right:0; top:100%; height:18px; }
  .dd-chev{ transition: transform .35s cubic-bezier(.34,1.56,.64,1), color .3s ease; }
  .nav-dd:hover .dd-chev, .nav-dd:focus-within .dd-chev, .nav-dd.is-open .dd-chev{ transform: rotate(180deg); color:#39D8F5; }
  .nav-dd-panel{ position:absolute; top:calc(100% + 16px); left:50%; width:min(30rem,86vw); padding:.8rem; border-radius:1.25rem; background: rgba(8,29,58,.9); backdrop-filter: blur(24px) saturate(160%); -webkit-backdrop-filter: blur(24px) saturate(160%); border:1px solid rgba(12,192,223,.2); box-shadow: 0 34px 70px -22px rgba(3,12,26,.9), inset 0 1px 0 rgba(255,255,255,.06); opacity:0; visibility:hidden; pointer-events:none; transform: translateX(-50%) translateY(-14px); transition: opacity .3s ease, transform .3s cubic-bezier(.16,.8,.28,1), visibility .3s ease; }
  .nav-dd-panel::before{ content:''; position:absolute; top:-6px; left:50%; width:12px; height:12px; transform:translateX(-50%) rotate(45deg); background: rgba(8,29,58,.9); border-left:1px solid rgba(12,192,223,.2); border-top:1px solid rgba(12,192,223,.2); }
  .nav-dd:hover > .nav-dd-panel, .nav-dd.is-open > .nav-dd-panel{ opacity:1; visibility:visible; pointer-events:auto; transform: translateX(-50%) translateY(0); }
  .dd-item{ display:flex; align-items:center; gap:.7rem; padding:.6rem .7rem; border-radius:.85rem; color:rgba(255,255,255,.78); font-size:.9rem; font-weight:500; transition: background-color .3s ease, color .3s ease, transform .3s cubic-bezier(.16,.8,.28,1); min-height:44px; }
  .dd-item .dd-ico{ width:2.1rem; height:2.1rem; flex:none; border-radius:.65rem; display:inline-flex; align-items:center; justify-content:center; background: rgba(12,192,223,.12); color:#7FE3F0; font-size:.8rem; transition: background-color .3s ease, color .3s ease, transform .4s cubic-bezier(.34,1.56,.64,1); }
  .dd-item:hover, .dd-item:focus-visible{ background: rgba(12,192,223,.13); color:#fff; transform: translateX(3px); outline:none; }
  .dd-item:focus-visible{ box-shadow:0 0 0 2px rgba(57,216,245,.6); }
  .dd-item:hover .dd-ico, .dd-item:focus-visible .dd-ico{ background:#0CC0DF; color:#081D3A; transform: rotate(-8deg) scale(1.08); }

  .hdr-btn{ display:inline-flex; align-items:center; gap:.5rem; padding:.68rem 1.25rem; border-radius:.8rem; font-weight:700; font-size:.88rem; line-height:1; white-space:nowrap; transition: transform .35s cubic-bezier(.16,.8,.28,1), background-color .3s ease, box-shadow .35s ease, border-color .3s ease, color .3s ease; }
  .hdr-btn:focus-visible{ outline:none; box-shadow:0 0 0 2px rgba(57,216,245,.75); }
  .btn-wa{ background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); color:#fff; }
  .btn-wa:hover{ background:#22C55E; border-color:#22C55E; color:#fff; transform: translateY(-3px); box-shadow:0 16px 34px -12px rgba(34,197,94,.8); }
  .btn-apply{ background:#0CC0DF; color:#081D3A; box-shadow:0 12px 32px -12px rgba(12,192,223,.75); }
  .btn-apply:hover{ background:#39D8F5; transform: translateY(-3px); box-shadow:0 20px 44px -12px rgba(12,192,223,1), 0 0 0 1px rgba(127,227,240,.45); }
  .hdr-phone{ display:inline-flex; align-items:center; gap:.6rem; }
  .hdr-phone-ico{ width:2.45rem; height:2.45rem; border-radius:.75rem; flex:none; display:inline-flex; align-items:center; justify-content:center; background: rgba(12,192,223,.14); border:1px solid rgba(12,192,223,.25); color:#39D8F5; transition: background-color .35s ease, color .35s ease, transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease; }
  .hdr-phone:hover .hdr-phone-ico{ background:#0CC0DF; color:#081D3A; transform: rotate(-10deg) scale(1.08); box-shadow:0 12px 26px -10px rgba(12,192,223,.9); }
  .hdr-phone:hover .hdr-phone-num{ color:#7FE3F0; }
  .hdr-phone-num{ transition: color .3s ease; }

  .burger{ width:46px; height:46px; border-radius:.8rem; flex:none; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); transition: background-color .3s ease, border-color .3s ease; }
  .burger:hover{ background: rgba(12,192,223,.18); border-color: rgba(12,192,223,.4); }
  .burger:focus-visible{ outline:none; box-shadow:0 0 0 2px rgba(57,216,245,.75); }
  .burger span{ display:block; height:2px; border-radius:2px; background:#fff; transition: transform .4s cubic-bezier(.16,.8,.28,1), opacity .25s ease, width .4s ease; }
  .burger span:nth-child(1){ width:22px; } .burger span:nth-child(2){ width:15px; } .burger span:nth-child(3){ width:22px; }
  .burger.is-open span:nth-child(1){ width:22px; transform: translateY(7px) rotate(45deg); }
  .burger.is-open span:nth-child(2){ opacity:0; transform: translateX(10px); }
  .burger.is-open span:nth-child(3){ width:22px; transform: translateY(-7px) rotate(-45deg); }

  .drawer-overlay{ position:fixed; inset:0; z-index:65; background: rgba(4,12,25,.6); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); opacity:0; visibility:hidden; transition: opacity .4s ease, visibility .4s ease; }
  .drawer-overlay.is-open{ opacity:1; visibility:visible; }
  .mobile-drawer{ position:fixed; top:0; right:0; z-index:75; height:100vh; height:100dvh; width:min(88vw,370px); display:flex; flex-direction:column; background: linear-gradient(165deg,#0A1930 0%,#081D3A 55%,#0F2648 100%); border-left:1px solid rgba(12,192,223,.18); box-shadow: -36px 0 70px -30px rgba(0,0,0,.9); transform: translateX(102%); visibility:hidden; transition: transform .48s cubic-bezier(.16,.8,.28,1), visibility .48s ease; contain: layout paint; }
  .mobile-drawer.is-open{ transform: translateX(0); visibility:visible; }
  body.drawer-open{ overflow:hidden; }
  .mnav-stagger{ opacity:0; transform: translateX(22px); transition: opacity .5s ease, transform .5s cubic-bezier(.16,.8,.28,1); }
  .mobile-drawer.is-open .mnav-stagger{ opacity:1; transform:none; }
  .mnav-link{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; width:100%; min-height:54px; padding:.9rem 1.05rem; border-radius:.9rem; color:rgba(255,255,255,.86); font-weight:600; font-size:1rem; text-align:left; transition: background-color .3s ease, color .3s ease, padding-left .3s ease; }
  .mnav-link:hover, .mnav-link:focus-visible{ background: rgba(12,192,223,.13); color:#fff; padding-left:1.35rem; outline:none; }
  .mnav-link.is-active{ background: rgba(12,192,223,.16); color:#fff; box-shadow: inset 3px 0 0 #0CC0DF; }
  .mnav-sub{ max-height:0; overflow:hidden; transition: max-height .5s cubic-bezier(.16,.8,.28,1), opacity .4s ease; opacity:0; }
  .mnav-acc.is-open .mnav-sub{ max-height:540px; opacity:1; }
  .mnav-acc.is-open .mnav-chev{ transform: rotate(180deg); color:#39D8F5; }
  .mnav-chev{ transition: transform .4s cubic-bezier(.34,1.56,.64,1), color .3s ease; }
  .mnav-sub-link{ display:flex; align-items:center; gap:.65rem; min-height:46px; padding:.6rem .9rem .6rem 1.1rem; border-radius:.75rem; color:rgba(255,255,255,.62); font-size:.92rem; font-weight:500; transition: background-color .3s ease, color .3s ease, transform .3s ease; }
  .mnav-sub-link:hover, .mnav-sub-link:focus-visible{ background: rgba(12,192,223,.1); color:#fff; transform: translateX(4px); outline:none; }

  /* ---------- Footer ---------- */
  .site-footer{ position:relative; background:#081D3A; overflow:hidden; isolation:isolate; }
  .f-glow{ position:absolute; border-radius:50%; filter: blur(90px); pointer-events:none; z-index:0; }
  .f-heading{ position:relative; color:#fff; font-weight:700; font-size:1.02rem; letter-spacing:.01em; }
  .f-heading::after{ content:''; display:block; width:34px; height:2px; margin-top:.65rem; border-radius:2px; background: linear-gradient(90deg,#0CC0DF,rgba(12,192,223,0)); }
  .f-link{ position:relative; display:inline-flex; align-items:center; gap:.55rem; color:rgba(255,255,255,.6); font-size:.925rem; line-height:1.5; transition: color .3s ease, transform .35s cubic-bezier(.16,.8,.28,1); }
  .f-link::after{ content:''; position:absolute; left:0; bottom:-2px; width:0; height:1.5px; border-radius:2px; background: linear-gradient(90deg,#7FE3F0,#0CC0DF); transition: width .38s cubic-bezier(.16,.8,.28,1); }
  .f-link:hover, .f-link:focus-visible{ color:#fff; transform: translateX(4px); outline:none; }
  .f-link:hover::after, .f-link:focus-visible::after{ width:100%; }
  .f-link .f-dot{ width:5px; height:5px; border-radius:50%; flex:none; background: rgba(12,192,223,.5); transition: background-color .3s ease, box-shadow .3s ease, transform .3s ease; }
  .f-link:hover .f-dot{ background:#39D8F5; box-shadow:0 0 10px rgba(57,216,245,.9); transform: scale(1.3); }
  .f-social{ width:42px; height:42px; border-radius:.85rem; flex:none; display:inline-flex; align-items:center; justify-content:center; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.72); font-size:.95rem; transition: transform .45s cubic-bezier(.34,1.56,.64,1), background-color .35s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease; }
  
  .f-social.f-social-disabled{
    opacity:.58;
    cursor:not-allowed;
    pointer-events:none;
  }
.f-social:hover, .f-social:focus-visible{ transform: translateY(-5px) scale(1.1); color:#081D3A; background:#0CC0DF; border-color:#0CC0DF; box-shadow:0 16px 32px -10px rgba(12,192,223,.9); outline:none; }
  .f-contact{ display:flex; align-items:flex-start; gap:.85rem; }
  .f-contact-ico{ width:2.4rem; height:2.4rem; flex:none; border-radius:.7rem; display:inline-flex; align-items:center; justify-content:center; background: rgba(12,192,223,.1); border:1px solid rgba(12,192,223,.2); color:#7FE3F0; font-size:.85rem; transition: background-color .35s ease, color .35s ease, box-shadow .35s ease, transform .45s cubic-bezier(.34,1.56,.64,1); }
  .f-contact:hover .f-contact-ico{ background:#0CC0DF; color:#081D3A; transform: rotate(-8deg) scale(1.06); box-shadow:0 0 22px rgba(12,192,223,.6); }
  .f-bottom-link{ position:relative; color:rgba(255,255,255,.55); font-size:.85rem; transition: color .3s ease; }
  .f-bottom-link::after{ content:''; position:absolute; left:0; bottom:-3px; width:0; height:1.5px; background:#0CC0DF; transition: width .35s ease; }
  .f-bottom-link:hover{ color:#fff; }
  .f-bottom-link:hover::after{ width:100%; }
  .to-top{ width:44px; height:44px; border-radius:.8rem; flex:none; display:inline-flex; align-items:center; justify-content:center; background: rgba(12,192,223,.12); border:1px solid rgba(12,192,223,.28); color:#7FE3F0; transition: transform .4s cubic-bezier(.16,.8,.28,1), background-color .3s ease, color .3s ease, box-shadow .35s ease; }
  .to-top:hover{ background:#0CC0DF; color:#081D3A; transform: translateY(-4px); box-shadow:0 16px 32px -12px rgba(12,192,223,.9); }
  .to-top:focus-visible{ outline:none; box-shadow:0 0 0 2px rgba(57,216,245,.75); }

  @media (max-width:640px){
    .f-link, .f-bottom-link { min-height: 36px; min-width: auto; }
    .f-social { min-height: 42px; min-width: 42px; }
  }


/* =========================================================
   service-details.css
   Centered Hero → Information + Photo → Required Documents
   List → Compact Service Title + Price + Apply Now → Footer
========================================================= */

.service-details-page{
  --sdp-navy:#081D3A;
  --sdp-hero-image:none;
  --sdp-navy-soft:#0F2648;
  --sdp-cyan:#0CC0DF;
  --sdp-cyan-dark:#087A94;
  --sdp-text:#5D728C;
  --sdp-border:#E6F2F7;
  --sdp-bg:#F8FDFF;
  background:var(--sdp-bg);
  color:var(--sdp-navy);
}

.sdp-shell{
  width:min(1180px, calc(100% - 3rem));
  margin-inline:auto;
}

/* ========================= HERO ========================= */
.service-details-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  place-items:center;
  min-height:320px;
  padding:8.6rem 0 3.8rem;
  color:#fff;
  text-align:center;
  border-bottom:1px solid rgba(12,192,223,.18);
}

.service-details-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background-image:var(--sdp-hero-image);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  transform:scale(1.03);
}

.service-details-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(145deg, rgba(7,24,47,.82) 0%, rgba(8,29,58,.78) 52%, rgba(15,38,72,.82) 100%),
    radial-gradient(circle at 18% 30%, rgba(12,192,223,.18), transparent 33%),
    radial-gradient(circle at 83% 22%, rgba(57,216,245,.10), transparent 31%);
}

.sdp-hero-pattern{
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.12;
  background-image:radial-gradient(rgba(127,227,240,.62) 1px,transparent 1px);
  background-size:25px 25px;
  mask-image:linear-gradient(to bottom,black,transparent 92%);
}

.sdp-hero-inner{ display:flex; flex-direction:column; align-items:center; }

.sdp-crumb{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:.55rem;
  margin-bottom:1.25rem;
  color:rgba(255,255,255,.58);
  font-size:.76rem;
  font-weight:600;
}
.sdp-crumb a{ transition:color .25s ease; }
.sdp-crumb a:hover,.sdp-crumb a:focus-visible{ color:#7FE3F0; outline:none; }
.sdp-crumb i{ font-size:.55rem; color:rgba(127,227,240,.5); }
.sdp-crumb span{ color:rgba(255,255,255,.82); }

.sdp-category-pill{
  display:inline-flex;
  align-items:center;
  gap:.48rem;
  min-height:34px;
  padding:.35rem .85rem;
  border:1px solid rgba(12,192,223,.28);
  border-radius:999px;
  background:rgba(12,192,223,.10);
  color:#7FE3F0;
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.04em;
}

.service-details-hero h1{
  max-width:880px;
  margin:.8rem 0 0;
  color:#fff;
  font-size:clamp(2rem,4.6vw,3.65rem);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.035em;
  text-wrap:balance;
}

/* ========================= MAIN CONTENT ========================= */
.service-content-section{ padding:4rem 0 4.5rem; }

.sdp-service-layout{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(280px,.72fr);
  gap:1.5rem;
  align-items:stretch;
}

.sdp-info-panel,
.sdp-photo-panel{
  min-width:0;
  border:1px solid var(--sdp-border);
  border-radius:1.55rem;
  background:#fff;
  box-shadow:0 18px 44px -24px rgba(8,29,58,.30);
}

.sdp-info-panel{ padding:2rem; }

.sdp-eyebrow{
  display:block;
  margin-bottom:.38rem;
  color:var(--sdp-cyan-dark);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.sdp-info-header h2{
  margin:0;
  color:var(--sdp-navy);
  font-size:clamp(1.45rem,2.5vw,2rem);
  line-height:1.2;
  font-weight:800;
}

.sdp-info-header p{
  max-width:680px;
  margin:.7rem 0 0;
  color:var(--sdp-text);
  font-size:.94rem;
  line-height:1.8;
}
.sdp-copy-stack{
  margin-top:1.6rem;
  display:grid;
  gap:1rem;
}
.sdp-copy-stack p{
  margin:0;
  color:var(--sdp-text);
  font-size:.92rem;
  line-height:1.9;
}
.sdp-feature-list{
  margin:.15rem 0 0;
  padding:1rem 1rem 1rem 1.15rem;
  border:1px solid var(--sdp-border);
  border-radius:1rem;
  background:#FBFEFF;
}
.sdp-feature-list h3{
  margin:0 0 .75rem;
  color:var(--sdp-navy);
  font-size:.95rem;
  font-weight:800;
}
.sdp-feature-list ul{
  margin:0;
  padding-left:1.15rem;
  display:grid;
  gap:.5rem;
}
.sdp-feature-list li{
  color:var(--sdp-text);
  font-size:.88rem;
  line-height:1.7;
}

.sdp-info-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
  margin:1.55rem 0 0;
}

.sdp-info-item{
  min-width:0;
  padding:.9rem 1rem;
  border:1px solid var(--sdp-border);
  border-radius:1rem;
  background:#FBFEFF;
}
.sdp-info-item:first-child{ grid-column:1/-1; }
.sdp-info-item dt{
  display:flex;
  align-items:center;
  gap:.5rem;
  color:var(--sdp-text);
  font-size:.73rem;
  font-weight:700;
}
.sdp-info-item dt i{ width:1rem; color:var(--sdp-cyan-dark); text-align:center; }
.sdp-info-item dd{
  margin:.32rem 0 0;
  color:var(--sdp-navy);
  font-size:.86rem;
  line-height:1.55;
  font-weight:700;
  overflow-wrap:anywhere;
}

/* ========================= DOCUMENT LIST ========================= */
.sdp-documents-block{
  margin-top:1.6rem;
  padding-top:1.5rem;
  border-top:1px solid var(--sdp-border);
}

.sdp-block-heading{
  display:flex;
  align-items:center;
  gap:.78rem;
  margin-bottom:1rem;
}
.sdp-block-icon{
  width:2.55rem;
  height:2.55rem;
  flex:none;
  display:grid;
  place-items:center;
  border-radius:.8rem;
  background:rgba(12,192,223,.12);
  color:var(--sdp-cyan-dark);
}
.sdp-block-heading h3{
  margin:0;
  color:var(--sdp-navy);
  font-size:1rem;
  font-weight:800;
}
.sdp-block-heading p{
  margin:.14rem 0 0;
  color:var(--sdp-text);
  font-size:.75rem;
}

.sdp-document-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.7rem;
}

.sdp-document-item{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:flex-start;
  gap:.75rem;
  min-width:0;
  padding:.8rem .9rem;
  border-radius:.85rem;
  background:#F8FDFF;
  border:1px solid rgba(230,242,247,.92);
}
.sdp-document-number{
  color:var(--sdp-cyan-dark);
  font-size:.92rem;
  line-height:1.6;
  font-weight:800;
}
.sdp-document-name{
  color:var(--sdp-navy);
  font-size:.86rem;
  line-height:1.6;
  font-weight:700;
  overflow-wrap:anywhere;
}

/* ========================= COMPACT APPLY ========================= */
.sdp-compact-apply{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:1rem;
  margin-top:1.65rem;
  padding:1rem;
  border-radius:1.1rem;
  background:linear-gradient(135deg,#081D3A,#0F2648);
  border:1px solid rgba(12,192,223,.22);
  box-shadow:0 16px 35px -22px rgba(8,29,58,.7);
}
.sdp-apply-copy,.sdp-apply-price{ min-width:0; }
.sdp-apply-copy span,.sdp-apply-price span{
  display:block;
  color:#8FA3BE;
  font-size:.65rem;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.sdp-apply-copy strong{
  display:block;
  margin-top:.22rem;
  color:#fff;
  font-size:.88rem;
  line-height:1.3;
  font-weight:800;
  overflow-wrap:anywhere;
}
.sdp-apply-price{
  padding-left:1rem;
  border-left:1px solid rgba(255,255,255,.1);
  white-space:nowrap;
}
.sdp-apply-price strong{
  display:block;
  margin-top:.18rem;
  color:#7FE3F0;
  font-size:1.08rem;
  font-weight:800;
}

.sdp-btn-primary{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  padding:.72rem 1.2rem;
  border-radius:.85rem;
  background:var(--sdp-cyan);
  color:var(--sdp-navy);
  font-size:.86rem;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 12px 28px -12px rgba(12,192,223,.85);
  transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease;
}
.sdp-btn-primary:hover{ transform:translateY(-2px); background:#39D8F5; box-shadow:0 16px 32px -11px rgba(12,192,223,.95); }
.sdp-btn-primary:focus-visible{ outline:3px solid rgba(127,227,240,.55); outline-offset:3px; }

/* ========================= PHOTO ========================= */
.sdp-photo-panel{
  position:relative;
  overflow:hidden;
  align-self:start;
  justify-self:end;
  width:100%;
  max-width:420px;
  min-height:auto;
  background:#081D3A;
}
.sdp-photo-panel img{
  width:100%;
  height:auto;
  display:block;
  aspect-ratio:4 / 3;
  object-fit:cover;
  object-position:center;
  transition:transform .7s cubic-bezier(.16,.8,.28,1);
}
.sdp-photo-panel:hover img{ transform:scale(1.02); }
.sdp-photo-panel::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(to top,rgba(5,20,40,.78),transparent 40%);
}
.sdp-photo-panel figcaption{
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:1rem;
  z-index:1;
  display:flex;
  align-items:center;
  gap:.62rem;
  padding:.7rem .85rem;
  border-radius:.9rem;
  background:rgba(8,29,58,.78);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:.76rem;
  font-weight:700;
}
.sdp-photo-panel figcaption i{ color:#7FE3F0; }

/* ========================= RESPONSIVE ========================= */
@media (max-width:1023px){
  .sdp-shell{ width:min(100% - 2.5rem, 880px); }
  .service-details-hero{ min-height:285px; padding:7.6rem 0 3.2rem; }
  .service-content-section{ padding:3rem 0 3.5rem; }
  .sdp-service-layout{ grid-template-columns:1fr; }
  .sdp-photo-panel{ order:-1; max-width:none; justify-self:stretch; }
  .sdp-photo-panel img{ max-height:380px; }
}

@media (max-width:639px){
  .sdp-shell{ width:calc(100% - 2rem); }
  .service-details-hero{ min-height:245px; padding:6.7rem 0 2.6rem; }
  .service-details-hero h1{ font-size:clamp(1.8rem,9vw,2.45rem); }
  .sdp-crumb{ margin-bottom:1rem; font-size:.7rem; }
  .service-content-section{ padding:1.9rem 0 2.5rem; }
  .sdp-service-layout{ gap:1rem; }
  .sdp-info-panel{ padding:1.2rem; border-radius:1.2rem; }
  .sdp-photo-panel{ border-radius:1.2rem; }
  .sdp-photo-panel img{ max-height:260px; }
  .sdp-info-list{ grid-template-columns:1fr; gap:.65rem; margin-top:1.2rem; }
  .sdp-info-item:first-child{ grid-column:auto; }
  .sdp-document-list{ grid-template-columns:1fr; }
  .sdp-compact-apply{ grid-template-columns:1fr auto; gap:.8rem; }
  .sdp-apply-price{ padding-left:0; border-left:0; text-align:right; }
  .sdp-compact-apply .sdp-btn-primary{ grid-column:1/-1; width:100%; }
}

@media (max-width:374px){
  .sdp-shell{ width:calc(100% - 1.4rem); }
  .sdp-info-panel{ padding:1rem; }
  .sdp-compact-apply{ grid-template-columns:1fr; }
  .sdp-apply-price{ text-align:left; }
  .sdp-compact-apply .sdp-btn-primary{ grid-column:auto; }
}

@media (prefers-reduced-motion:reduce){
  .sdp-photo-panel img,.sdp-btn-primary{ transition:none !important; }
}


/* Service-specific payment note */
.sdp-payment-note{
  display:block;
  margin-top:.18rem;
  color:var(--sdp-text);
  font-size:.72rem;
  line-height:1.45;
  font-weight:600;
}
