/* Healthy Heart Check-up - Dr L H Hiranandani Hospital (sab kuch .hh-page ke andar scoped) */
:root{--hh-blue:#3999cb;--hh-blue-d:#2b7fae;--hh-deep:#277fa9;--hh-dark:#2b2b2b;--hh-grey:#f5f5f5;--hh-light:#eef6fb;--hh-heart:#d90a1a;--hh-banner-pos:center 28%}
.hh-page{color:#333;background:#fff;overflow-x:hidden;font-family:inherit}
.hh-page p{color:inherit}
.hh-page a{color:var(--hh-blue)}
.hh-sec{padding:75px 0}
.hh-grey{background:var(--hh-grey)}
.hh-blue{background:var(--hh-blue);color:#fff}
.hh-head{text-align:center;margin-bottom:42px}
.hh-page .hh-title{font-weight:700;color:#222;margin:0 0 14px;font-size:32px;line-height:1.25}
.hh-title:after{content:"";display:block;width:50px;height:3px;background:var(--hh-blue);margin:14px auto 0}
/* Title alignment: .hh-left ke andar title + underline left se, .hh-head ke andar center */
.hh-left{text-align:left}
.hh-left .hh-title:after,.hh-box .hh-title:after{margin-left:0}
.hh-page .hh-blue .hh-title{color:#fff}
.hh-blue .hh-title:after{background:#fff}
.hh-page .hh-blue .hh-box .hh-title{color:#222;font-size:24px}
.hh-blue .hh-box .hh-title:after{background:var(--hh-blue)}
.hh-sub{font-size:17px;margin:0}
.hh-eyebrow{display:inline-block;color:var(--hh-blue);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}
.hh-lead{font-size:19px;font-weight:500}
.hh-hl{color:var(--hh-blue);font-weight:700;font-size:18px}
.hh-btn{display:inline-block;background:var(--hh-blue);color:#fff!important;font-weight:600;padding:13px 30px;border-radius:2px;box-shadow:4px 4px 0 var(--hh-blue-d);transition:.2s;text-decoration:none;border:0}
.hh-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--hh-blue-d);background:var(--hh-blue-d)}
.hh-blue .hh-btn{background:#fff;color:var(--hh-blue)!important;box-shadow:4px 4px 0 rgba(0,0,0,.25)}
.hh-btn-o{background:transparent;border:2px solid #fff;box-shadow:none;padding:11px 28px;color:#fff!important}
.hh-btn-o:hover{background:#fff;color:var(--hh-blue)!important;transform:none;box-shadow:none}
.hh-eq{display:flex;flex-wrap:wrap;align-items:center}
.hh-eq:before,.hh-eq:after{display:none}

/* Photo blocks (real photo = background, missing ho toh gradient dikhega) */
.hh-photo{position:relative;min-height:380px;border-radius:18px;background:linear-gradient(135deg,var(--hh-blue),var(--hh-deep)) center/cover no-repeat;box-shadow:14px 14px 0 rgba(57,153,203,.35);margin-bottom:30px}
.hh-blue .hh-photo{box-shadow:14px 14px 0 rgba(255,255,255,.28)}
.hh-badge{position:absolute;right:-10px;bottom:24px;background:var(--hh-heart);color:#fff;border-radius:10px;padding:12px 20px;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.25);line-height:1.2}
.hh-badge b{display:block;font-size:26px}
.hh-badge s{opacity:.8;font-size:13px}

/* 1 Banner: cover + overlay, neeche price strip */
.hh-banner{position:relative;height:clamp(650px,52vh,520px);background-size:cover;background-position:var(--hh-banner-pos);background-repeat:no-repeat;background-color:#f7f1f1}
.hh-banner-ov{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(20,60,90,.25) 0%,rgba(39,127,169,.25) 50%,rgba(0,0,0,.05) 100%)}
.hh-strip{background:var(--hh-dark);color:#fff;padding:14px 0}
.hh-strip .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.hh-strip b{font-size:22px;color:#fff}
.hh-strip s{opacity:.6;margin:0 8px}
.hh-strip a.ph{color:#fff!important;font-weight:700;text-decoration:none;margin-right:18px}
.hh-strip .hh-btn{padding:9px 22px}
.hh-strip .txt{margin:6px 0}

/* Cards */
.hh-card{background:#fff;border-radius:12px;padding:26px 16px;text-align:center;margin-bottom:26px;box-shadow:0 3px 14px rgba(0,0,0,.1);color:#333;min-height:150px;transition:.2s}
.hh-card:hover{transform:translateY(-5px)}
.hh-ico{width:64px;height:64px;line-height:64px;border-radius:50%;background:var(--hh-light);margin:0 auto 12px;font-size:26px;color:var(--hh-blue)}
.hh-ico.heart{color:var(--hh-heart)}
.hh-card h4{font-size:16px;font-weight:600;margin:0;color:#333}
@media(min-width:992px){.hh-c5{width:20%;float:left;padding:0 15px}}

/* Included: har item full width + ek hi line */
.hh-ticks{display:flex;flex-wrap:wrap;margin:0 -8px 20px}
.hh-tick{flex:1 1 100%;display:flex;align-items:center;white-space:nowrap;margin:8px;background:#fff;border-radius:10px;padding:16px 18px;box-shadow:0 3px 12px rgba(0,0,0,.08);font-weight:600}
.hh-tick i{flex:0 0 36px;width:36px;height:36px;line-height:36px;text-align:center;border-radius:50%;background:var(--hh-light);color:var(--hh-blue);margin-right:10px}
@media(max-width:480px){.hh-tick{white-space:normal}}

/* Who */
.hh-box{background:#fff;color:#333;border-radius:14px;padding:32px;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.hh-list{list-style:none;padding:0;margin:0}
.hh-list li{position:relative;padding:9px 0 9px 32px;border-bottom:1px dashed #e3e3e3}
.hh-list li:last-child{border:0}
.hh-list li:before{content:"\f004";font-family:FontAwesome;color:var(--hh-heart);position:absolute;left:0;top:9px}

/* Warning: ek line me */
.hh-warn{background:#fff;border-radius:10px;padding:16px 16px 16px 58px;margin-bottom:18px;box-shadow:0 3px 12px rgba(0,0,0,.08);font-weight:600;position:relative;min-height:66px;border-left:4px solid var(--hh-heart)}
.hh-warn:before{content:"\f21e";font-family:FontAwesome;position:absolute;left:16px;top:14px;font-size:26px;color:var(--hh-heart)}
@media(min-width:768px){.hh-warn{white-space:nowrap}}
.hh-alert{background:var(--hh-heart);color:#fff;border-radius:10px;padding:16px 20px;font-weight:600}
.hh-photo .hh-alert{position:absolute;left:14px;right:14px;bottom:14px;font-size:14px}

/* 7 Early screening */
.hh-early{background:linear-gradient(135deg,var(--hh-blue),var(--hh-deep));text-align:center;position:relative;overflow:hidden}
.hh-ecg{display:block;width:100%;height:70px;margin:0 0 30px;opacity:.55}

/* Package (redesigned) */
.hh-pack{display:flex;flex-wrap:wrap;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,.14)}
.hh-pack-l{flex:1 1 300px;background:linear-gradient(160deg,var(--hh-blue),var(--hh-deep));color:#fff;text-align:center;padding:40px 30px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}
.hh-pack-l:after{content:"";position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.08)}
.hh-pack-l>*{position:relative;z-index:1}
.hh-pack-l h3{margin:0 0 14px;font-weight:700;color:#fff;font-size:24px}
.hh-pack-l .old{display:block;text-decoration:line-through;opacity:.75;font-size:20px;line-height:1.2}
.hh-pack-l .now{display:block;font-size:54px;font-weight:800;line-height:1.15}
.hh-pack-l .off{display:block;width:max-content;max-width:100%;background:#fff;color:var(--hh-blue);font-weight:700;border-radius:20px;padding:5px 16px;margin:10px auto 0;font-size:14px}
.hh-pl{list-style:none;padding:22px 0 0;margin:24px 0 28px;width:100%;max-width:290px;text-align:left;border-top:1px solid rgba(255,255,255,.3)}
.hh-pl li{display:flex;align-items:center;padding:7px 0;font-weight:500}
.hh-pl li:before{content:"\f00c";font-family:FontAwesome;flex:0 0 24px;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;background:rgba(255,255,255,.22);font-size:12px;margin-right:12px}
.hh-pack-l .hh-btn{margin-top:auto;background:#fff;color:var(--hh-blue)!important;box-shadow:4px 4px 0 rgba(0,0,0,.25);padding:13px 38px}
.hh-pack-l .hh-btn:hover{background:#fff;box-shadow:2px 2px 0 rgba(0,0,0,.25)}
.hh-pack-r{flex:1 1 340px;padding:34px;display:flex;align-items:center}
.hh-pack-r .hh-table{width:100%;margin:0;border:1px solid #e3edf3;border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden}
.hh-pack-r .hh-table td{padding:18px 20px!important;vertical-align:middle!important;text-align:left!important;border-top:0!important;border-bottom:1px solid #e3edf3;font-size:16px}
.hh-pack-r .hh-table tr:last-child td{border-bottom:0}
.hh-pack-r .hh-table td:first-child{width:42%;font-weight:700;color:#222;background:var(--hh-light)}
.hh-pack-r .hh-table tr:last-child td:last-child{color:var(--hh-blue);font-size:20px}
@media(max-width:767px){.hh-pack-r{padding:20px}.hh-pack-r .hh-table td{padding:14px 12px!important;font-size:15px}.hh-pack-l .now{font-size:44px}}

/* Steps */
.hh-step{text-align:center;position:relative;margin-bottom:20px}
.hh-step span{display:inline-block;width:76px;height:76px;line-height:68px;border-radius:50%;background:#fff;color:var(--hh-blue);font-size:30px;border:4px solid rgba(255,255,255,.5)}
.hh-step small{display:block;margin-top:14px;letter-spacing:2px;font-weight:700;opacity:.85}
.hh-step p{margin-top:4px;font-weight:600;font-size:17px}
.hh-steps{margin-bottom:35px}
@media(min-width:768px){.hh-steps .col-sm-4:not(:last-child) .hh-step:after{content:"";position:absolute;top:38px;left:62%;width:76%;border-top:2px dashed rgba(255,255,255,.7)}}

/* FAQ */
.hh-faq .panel{border:0;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.08);margin-bottom:12px}
.hh-faq .panel-heading{background:#fff;padding:0;border-radius:10px}
.hh-faq .panel-heading a{display:block;padding:16px 46px 16px 20px;color:#222;font-weight:600;text-decoration:none;position:relative}
.hh-faq .panel-heading a:after{content:"\f068";font-family:FontAwesome;position:absolute;right:20px;color:var(--hh-blue)}
.hh-faq .panel-heading a.collapsed:after{content:"\f067"}
.hh-faq .panel-body{border:0!important;padding:0 20px 18px}
.hh-askbox{background:var(--hh-blue);color:#fff;border-radius:14px;padding:28px;margin-bottom:25px}
.hh-askbox a.ph{display:block;color:#fff!important;font-size:26px;font-weight:800;text-decoration:none;margin:8px 0 16px}

@media(max-width:991px){.hh-fin .hh-fimg{width:100%;opacity:.3;-webkit-mask-image:none;mask-image:none}.hh-photo{min-height:300px}.hh-badge{right:10px}}
@media(max-width:767px){.hh-sec{padding:45px 0}.hh-page .hh-title{font-size:25px}.hh-page .hh-fin .hh-title{font-size:28px}.hh-fin{padding-bottom:50px}.hh-cta-item{border-right:0!important;border-bottom:1px solid #e8eef2}.hh-strip .container{justify-content:center;text-align:center}.hh-banner{height:clamp(240px,42vh,340px)}}

/* ---- Extra polish ---- */
/* wave dividers (pichhle section ke rang ke hisaab se) */
.hh-wave{position:relative}
.hh-wave:before{content:"";position:absolute;top:-1px;left:0;right:0;height:38px;z-index:1;background-size:100% 100%;background-repeat:no-repeat}
.hh-wave-w:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'><path d='M0 0H1200V16C1000 44 800 -6 600 16S200 40 0 20Z' fill='%23ffffff'/></svg>")}
.hh-wave-g:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'><path d='M0 0H1200V16C1000 44 800 -6 600 16S200 40 0 20Z' fill='%23f5f5f5'/></svg>")}
/* dark wave (jab full-package section dark version me ho) */
.hh-wave-d:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'><path d='M0 0H1200V16C1000 44 800 -6 600 16S200 40 0 20Z' fill='%232b2b2b'/></svg>")}
.hh-wave .container{position:relative;z-index:2}
.hh-wave{padding-top:100px}
/* heart pulse */
@keyframes hhp{0%,100%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.2)}}
.hh-pulse{animation:hhp 1.4s infinite;display:inline-block}
/* scroll reveal (JS chalne par hi lagta hai) */
.hh-js .hh-rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.hh-js .hh-rv.in{opacity:1;transform:none}
/* hover polish */
.hh-tick,.hh-warn{transition:.2s}
.hh-tick:hover,.hh-warn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.14)}
.hh-photo{transition:box-shadow .3s}
.hh-page a:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
#package{scroll-margin-top:110px}
#full-package{scroll-margin-top:110px}
/* mobile sticky CTA */
.hh-sticky{display:none}
@media(max-width:767px){
 .hh-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;box-shadow:0 -4px 16px rgba(0,0,0,.25)}
 .hh-sticky a{flex:1;text-align:center;padding:14px 8px;font-weight:700;color:#fff!important;text-decoration:none}
 .hh-sticky a:first-child{background:var(--hh-dark)}
 .hh-sticky a:last-child{background:var(--hh-heart)}
 .hh-page{padding-bottom:50px}
 .hh-wave{padding-top:75px}
}
@media(prefers-reduced-motion:reduce){.hh-pulse{animation:none}.hh-card,.hh-tick,.hh-warn{transition:none}}

/* Who (blue section, white tiles) */
.hh-who{display:flex;align-items:center;background:#fff;color:#333;border-radius:12px;padding:14px 16px;margin-bottom:16px;min-height:78px;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.12);transition:.2s}
.hh-who i{flex:0 0 46px;width:46px;height:46px;line-height:46px;text-align:center;border-radius:50%;background:var(--hh-light);color:var(--hh-blue);font-size:20px;margin-right:14px}
.hh-who i.hh-h{color:var(--hh-heart)}
.hh-who:hover{transform:translateY(-3px)}

/* Why Choose (white section) */
.hh-why2{position:relative;overflow:hidden;background:var(--hh-light);border-top:4px solid var(--hh-blue);border-radius:14px;padding:34px 16px 26px;text-align:center;margin-bottom:26px;min-height:200px;transition:.25s}
.hh-why2 .num{position:absolute;top:6px;right:14px;font-size:54px;font-weight:800;line-height:1;color:rgba(57,153,203,.16)}
.hh-why2 .ic{width:62px;height:62px;line-height:62px;border-radius:16px;background:var(--hh-blue);color:#fff;font-size:26px;margin:0 auto 16px;box-shadow:0 8px 18px rgba(57,153,203,.4)}
.hh-why2 h4{font-size:17px;font-weight:700;margin:0;color:#222}
.hh-why2:hover{background:var(--hh-blue);transform:translateY(-5px)}
.hh-why2:hover h4{color:#fff}
.hh-why2:hover .ic{background:#fff;color:var(--hh-blue)}
.hh-why2:hover .num{color:rgba(255,255,255,.25)}

/* Final: blue section + blue-tone image (FIXED) */
.hh-fin{background:var(--hh-blue);color:#fff;position:relative;overflow:hidden;padding-bottom:0}
.hh-wave.hh-fin{padding-top:120px}
/* image ko section ke blue par blend nahi karte (grey patch ki wajah ye thi).
   Blend image ke apne blue background ke saath hota hai, aur left edge mask se smooth fade hoti hai. */
.hh-fin .hh-fimg{position:absolute;top:0;right:0;bottom:0;width:55%;z-index:0;
  background-size:cover;background-position:center;background-repeat:no-repeat;
  background-color:var(--hh-blue);background-blend-mode:luminosity;opacity:.75;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 60%);
          mask-image:linear-gradient(90deg,transparent 0%,#000 60%)}

/* wave image ke upar rahe, taaki upar ka white curve saaf dikhe */

a:focus{
  outline: unset;
}
.hh-fin.hh-wave:before{z-index:1}
.hh-fin:after{content:"";position:absolute;left:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.08);z-index:0}
.hh-fin .container{position:relative;z-index:2}
.hh-page .hh-fin .hh-title{color:#fff;font-size:42px}
.hh-fin .hh-title:after{background:#fff}
.hh-fin .hh-title span{display:block;margin-top:4px;color:#dff3fc}
.hh-fin .hh-lead{margin-bottom:30px}
.hh-fin .hh-ecg{position:relative;z-index:2;margin:30px 0 0;opacity:.5}

/* CTA (white) */
.hh-cta{background:#fff;padding:55px 0 70px}
.hh-cta-box{display:flex;flex-wrap:wrap;background:#fff;border:1px solid #e3edf3;border-radius:18px;box-shadow:0 14px 40px rgba(57,153,203,.18);overflow:hidden}
.hh-cta-item{flex:1 1 250px;padding:32px 28px;border-right:1px solid #e8eef2}
.hh-cta-item i{width:56px;height:56px;line-height:56px;text-align:center;border-radius:50%;background:var(--hh-light);color:var(--hh-blue);font-size:24px;margin-bottom:14px}
.hh-cta-item small{display:block;color:#777;margin-bottom:4px}
.hh-cta-item a{font-size:28px;font-weight:800;color:#222!important;text-decoration:none}
.hh-cta-item span{display:block;font-weight:600;line-height:1.5}
.hh-cta-act{flex:1 1 320px;background:var(--hh-light);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}
.hh-cta-act p{margin:0 0 14px;font-size:16px}
.hh-cta-act p b{font-size:30px;color:var(--hh-blue)}
.hh-cta-act s{color:#888}
.hh-btn-lg{padding:16px 30px;font-size:15px}

/* Overview (improved) */
.hh-over{position:relative;overflow:hidden;}
.hh-over:before{content:"";position:absolute;right:-140px;top:-140px;width:420px;height:420px;border-radius:50%;background:rgba(57,153,203,.08)}
.hh-over .container{position:relative;z-index:1}
.hh-over .hh-photo{min-height:470px;background-position:72% center}
.hh-over .hh-badge{right:-14px;bottom:28px;padding:14px 22px}
.hh-over .hh-eyebrow{background:#fff;border-radius:20px;padding:6px 16px;font-size:13px;box-shadow:0 3px 10px rgba(57,153,203,.18)}
.hh-over .hh-eyebrow i{color:var(--hh-heart);margin-right:6px}
.hh-over .hh-title{margin-top:10px}
.hh-over .hh-lead{color:#222;line-height:1.6;margin-bottom:14px}
.hh-over .hh-txt{color:#555;font-size:15px;line-height:1.85;margin-bottom:20px}
.hh-mini{display:flex;flex-wrap:wrap;margin:0 -6px 20px}
.hh-mi{flex:1 1 150px;margin:6px;display:flex;align-items:center;background:#fff;border-radius:12px;padding:12px 14px;font-weight:600;box-shadow:0 3px 12px rgba(57,153,203,.15);transition:.2s}
.hh-mi:hover{transform:translateY(-3px)}
.hh-mi i{flex:0 0 38px;width:38px;height:38px;line-height:38px;text-align:center;border-radius:50%;background:var(--hh-light);color:var(--hh-blue);margin-right:10px}
.hh-mi:first-child i{color:var(--hh-heart)}
.hh-over .hh-hl{background:#fff;border-left:4px solid var(--hh-heart);border-radius:0 10px 10px 0;padding:14px 18px;margin:0 0 24px;line-height:1.5;box-shadow:0 3px 12px rgba(0,0,0,.06)}
.hh-btns{display:flex;flex-wrap:wrap;align-items:center}
.hh-btns .hh-btn{margin:0 22px 10px 0}
.hh-btn-ghost{display:inline-block;margin-bottom:10px;padding:11px 24px;border:2px solid var(--hh-blue);border-radius:2px;font-weight:700;color:var(--hh-blue)!important;text-decoration:none;transition:.2s}
.hh-btn-ghost:hover{background:var(--hh-blue);color:#fff!important}
.hh-btn-ghost i{margin-right:6px}
@media(max-width:991px){.hh-over .hh-photo{min-height:340px}.hh-over .hh-badge{right:10px}}

/* Equal-height cards (Why a Heart Health Check-up + Why Choose) */
.hh-cards{display:flex;flex-wrap:wrap}
.hh-cards:before,.hh-cards:after{display:none}
.hh-cards>[class*="col-"]{display:flex;float:none}
.hh-cards .hh-card,.hh-cards .hh-why2{width:100%}
.hh-cards .hh-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:190px}
.hh-cards .hh-card h4{line-height:1.35}
@media(min-width:992px){.hh-cards>.hh-c5{flex:0 0 20%;max-width:20%}}

/* FAQ (improved) */
.hh-askbox{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--hh-blue),var(--hh-deep));border-radius:16px;padding:30px 28px;margin-bottom:25px;box-shadow:0 10px 26px rgba(57,153,203,.3)}
.hh-askbox:after{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.1)}
.hh-askbox>*{position:relative;z-index:1}
.hh-ask-ic{display:inline-block;width:44px;height:44px;line-height:44px;text-align:center;border-radius:50%;background:#fff;color:var(--hh-blue);font-size:20px;margin-bottom:12px}
.hh-askbox p{margin:0;font-size:16px;line-height:1.5;color:#fff}
.hh-askbox a.ph{display:block;font-size:28px;margin:10px 0 18px}
.hh-askbox .hh-btn{background:#fff;color:var(--hh-blue)!important;box-shadow:4px 4px 0 rgba(0,0,0,.25);padding:12px 34px}
.hh-askbox .hh-btn:hover{background:#fff;box-shadow:2px 2px 0 rgba(0,0,0,.25)}
.hh-faq .panel{border-left:4px solid transparent;transition:.2s}
.hh-faq .panel:hover{box-shadow:0 6px 18px rgba(57,153,203,.18)}
.hh-faq .panel:has(.panel-collapse.in){border-left-color:var(--hh-blue);box-shadow:0 8px 22px rgba(57,153,203,.2)}
.hh-faq .panel-heading a{padding:18px 50px 18px 20px;transition:color .2s}
.hh-faq .panel-heading a:not(.collapsed){color:var(--hh-blue)}
.hh-faq .panel-heading a:after{top:50%;margin-top:-11px;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;background:var(--hh-light);font-size:11px}
.hh-faq .panel-body{color:#555;line-height:1.8;padding:0 24px 20px 20px}

/* "View all tests" link box (Package Details section) */
.hh-pr-in{width:100%}
.hh-viewall{display:flex;align-items:center;margin-top:20px;padding:14px 18px;background:var(--hh-light);border:2px dashed var(--hh-blue);border-radius:12px;color:var(--hh-blue)!important;font-weight:700;text-decoration:none;transition:.2s}
.hh-viewall i{flex:0 0 46px;width:46px;height:46px;line-height:46px;text-align:center;border-radius:50%;background:var(--hh-heart);color:#fff;font-size:22px;margin-right:14px}
.hh-viewall span{display:block;font-size:16px;line-height:1.3}
.hh-viewall small{display:block;font-weight:500;color:#666;font-size:12px;margin-top:2px}
.hh-viewall:hover{background:var(--hh-blue);color:#fff!important;border-style:solid}
.hh-viewall:hover small{color:#e6f4fb}


/* ================= Booking form (Book Now yahin aata hai) ================= */
html{scroll-behavior:smooth}
#inquiry_section{scroll-margin-top:110px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@keyframes qfglow{0%{box-shadow:0 0 0 0 rgba(57,153,203,.6)}70%{box-shadow:0 0 0 22px rgba(57,153,203,0)}100%{box-shadow:0 16px 45px rgba(57,153,203,.22)}}
#inquiry_section:target .qf-card{animation:qfglow 1.4s ease-out}
/* Contact form (scoped under .qf-wrap) */
.qf-wrap{--qf-blue:#3999cb;--qf-deep:#277fa9;--qf-light:#eef6fb;padding:60px 0;background:linear-gradient(180deg,#fff 0%,var(--qf-light) 100%)}
.qf-card{display:flex;flex-wrap:wrap;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 16px 45px rgba(57,153,203,.22)}

/* left panel */
.qf-info{flex:1 1 340px;position:relative;overflow:hidden;padding:48px 40px;color:#fff;background:linear-gradient(160deg,var(--qf-blue),var(--qf-deep))}
.qf-info:before,.qf-info:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.09)}
.qf-info:before{width:260px;height:260px;right:-90px;top:-90px}
.qf-info:after{width:200px;height:200px;left:-80px;bottom:-80px}
.qf-info>*{position:relative;z-index:1}
.qf-eyebrow{display:inline-block;background:rgba(255,255,255,.2);border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:18px}
.qf-eyebrow i{margin-right:6px}
.qf-info h3{margin:0 0 12px;font-size:34px;font-weight:700;color:#fff;line-height:1.2}
.qf-info h3:after{content:"";display:block;width:50px;height:3px;background:#fff;margin-top:14px}
.qf-info p{font-size:16px;line-height:1.7;color:#fff;margin:0 0 28px;opacity:.95}
.qf-points{list-style:none;padding:0;margin:0}
.qf-points li{display:flex;align-items:center;background:rgba(255,255,255,.14);border-radius:12px;padding:14px 16px;margin-bottom:14px}
.qf-points li>i{flex:0 0 44px;width:44px;height:44px;line-height:44px;text-align:center;border-radius:50%;background:#fff;color:var(--qf-blue);font-size:20px;margin-right:14px}
.qf-points b{display:block;font-size:15px}
.qf-points small{display:block;font-size:13px;opacity:.9;word-break:break-all}
.qf-points a{color:#fff!important;text-decoration:underline}

/* right form */
.qf-form{flex:1 1 440px;padding:44px 40px}
.qf-field{position:relative;margin-bottom:18px}
.qf-field>i{position:absolute;left:16px;top:16px;z-index:2;color:var(--qf-blue);font-size:16px;width:18px;text-align:center;pointer-events:none}
.qf-field .form-control{height:50px;padding:10px 16px 10px 46px;border:1px solid #dbe7ef;border-radius:10px;background:#f9fcfe;box-shadow:none;font-size:15px;color:#333;transition:.2s}
.qf-field .form-control:focus{border-color:var(--qf-blue);background:#fff;box-shadow:0 0 0 4px rgba(57,153,203,.15);outline:0}
.qf-area>i{top:16px}
.qf-area textarea.form-control{height:auto;min-height:120px;padding-top:14px;resize:vertical}
.qf-2col{display:flex;flex-wrap:wrap;margin:0 -8px}
.qf-2col>.qf-field{flex:1 1 200px;margin:0 8px 18px}
.qf-2col>.qf-select{flex:1 1 180px}

/* select2 (agar country dropdown par select2 chal raha ho) */
.qf-select .select2-container{width:100%!important}
.qf-select .select2-container .select2-selection--single{height:50px;border:1px solid #dbe7ef;border-radius:10px;background:#f9fcfe}
.qf-select .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:48px;padding-left:46px;color:#333}
.qf-select .select2-container--default .select2-selection--single .select2-selection__arrow{height:48px}

/* submit */
.qf-btn{display:block;width:100%;border:0;border-radius:10px;padding:15px 20px;background:var(--qf-blue);color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px;box-shadow:4px 4px 0 var(--qf-deep);transition:.2s;cursor:pointer}
.qf-btn i{margin-left:8px}
.qf-btn:hover{background:var(--qf-deep);transform:translate(2px,2px);box-shadow:2px 2px 0 #1f6a8f}
.qf-btn:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}

/* alerts */
.qf-alert{border-radius:10px;border:0;margin-bottom:20px;font-weight:600}
.qf-alert i{margin-right:6px}

@media(max-width:767px){
 .qf-wrap{padding:35px 0}
 .qf-info,.qf-form{padding:30px 22px}
 .qf-info h3{font-size:28px}
}


/* Form validation states + AJAX loading */
.qf-err{display:block;margin:6px 0 0 4px;color:#d90a1a;font-size:13px;font-weight:600;line-height:1.4}
.qf-field.has-error .form-control,.qf-field.has-error .select2-container .select2-selection--single{border-color:#d90a1a!important;background:#fff8f8!important}
.qf-field.has-error .form-control:focus{box-shadow:0 0 0 4px rgba(217,10,26,.14)!important}
.qf-field.has-error>i{color:#d90a1a}
.qf-field.has-ok .form-control{border-color:#2e9e57}
.qf-field.has-ok .form-control:focus{box-shadow:0 0 0 4px rgba(46,158,87,.15)}
.qf-btn.is-loading{opacity:.85;cursor:wait}
.qf-btn:disabled{pointer-events:none}
#qfMsg:empty{display:none}


/* =====================================================
   FULL PACKAGE SECTION (#full-package)
   Light : class="hh-sec hh-pk"
   Dark  : class="hh-sec hh-pk hh-pk-dark"
   (Dark lagao to next section me hh-wave-w ko hh-wave-d kar dena)
   ===================================================== */

/* ---------- Base ---------- */
.hh-pk{
  position:relative;
  overflow:hidden;
  background:#fff;
}
.hh-pk:before{
  content:"";
  position:absolute;
  left:-150px;
  top:-150px;
  width:420px;
  height:420px;
  border-radius:50%;
  background:rgba(57,153,203,.07);
  pointer-events:none;
}
.hh-pk .container{position:relative;z-index:1}
.hh-pk .hh-eyebrow{
  background:var(--hh-light);
  border-radius:20px;
  padding:6px 16px;
  font-size:13px;
  margin-bottom:12px;
}
.hh-pk .hh-eyebrow i{color:var(--hh-heart);margin-right:6px}

/* ---------- 3 cards grid ---------- */
.hh-pk-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
  margin-bottom:28px;
}
.hh-pk-card{
  background:#fff;
  border:1px solid #e3edf3;
  border-top:4px solid var(--hh-blue);
  border-radius:14px;
  padding:26px 24px;
  box-shadow:0 8px 26px rgba(57,153,203,.14);
  transition:transform .25s ease, box-shadow .25s ease;
  min-width:0;
}
.hh-pk-h{
  display:flex;
  align-items:center;
  margin-bottom:12px;
  padding-bottom:16px;
  border-bottom:1px dashed #cfe1ec;
}
.hh-pk-h .ic{
  flex:0 0 52px;
  width:52px;
  height:52px;
  line-height:52px;
  text-align:center;
  border-radius:14px;
  background:var(--hh-blue);
  color:#fff;
  font-size:22px;
  margin-right:14px;
  box-shadow:0 8px 16px rgba(57,153,203,.35);
}
.hh-page .hh-pk-h h3{
  margin:0;
  font-size:20px;
  font-weight:700;
  line-height:1.25;
  color:#222;
}
.hh-pk-h small{
  display:block;
  margin-top:2px;
  color:#777;
  font-weight:600;
}
.hh-pk-ul{list-style:none;margin:0;padding:0}
.hh-pk-ul li{
  display:flex;
  align-items:flex-start;
  padding:9px 0;
  font-weight:600;
  color:#333;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.hh-pk-ul li:before{
  content:"\f00c";
  font-family:FontAwesome;
  flex:0 0 24px;
  width:24px;
  height:24px;
  line-height:24px;
  text-align:center;
  border-radius:50%;
  background:var(--hh-light);
  color:var(--hh-blue);
  font-size:11px;
  margin-right:12px;
  margin-top:-1px;
}

/* ---------- Total price bar ---------- */
.hh-pk-total{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  background:linear-gradient(135deg,var(--hh-blue),var(--hh-deep));
  color:#fff;
  border-radius:16px;
  padding:26px 34px;
  margin-bottom:28px;
  box-shadow:0 12px 30px rgba(57,153,203,.3);
  position:relative;
  overflow:hidden;
}
.hh-pk-total:after{
  content:"";
  position:absolute;
  right:-60px;
  top:-60px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  pointer-events:none;
}
.hh-pk-total>*{position:relative;z-index:1}
.hh-pk-price small{
  display:block;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  opacity:.85;
  font-size:12px;
}
.hh-pk-price s{opacity:.7;font-size:20px;margin-right:12px}
.hh-pk-price b{font-size:46px;font-weight:800;line-height:1.15}
.hh-pk-price span{display:block;font-size:13px;opacity:.85}
.hh-pk-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.hh-pk-total .hh-btn{
  background:#fff;
  color:var(--hh-blue)!important;
  box-shadow:4px 4px 0 rgba(0,0,0,.25);
  padding:14px 36px;
  margin:0;
}
.hh-pk-total .hh-btn:hover{background:#fff;box-shadow:2px 2px 0 rgba(0,0,0,.25)}
.hh-pk-call{
  color:#fff!important;
  font-weight:700;
  font-size:18px;
  text-decoration:none;
  white-space:nowrap;
}
.hh-pk-call i{margin-right:6px}

/* ---------- Optional + discounted tests ---------- */
.hh-pk-adds{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
  margin-bottom:24px;
}
.hh-pk-add{
  background:var(--hh-light);
  border:2px dashed rgba(57,153,203,.55);
  border-radius:14px;
  padding:22px 24px;
  min-width:0;
}
.hh-page .hh-pk-add h4{
  margin:0 0 10px;
  font-size:18px;
  font-weight:700;
  line-height:1.35;
  color:#222;
}
.hh-pk-add h4 i{color:var(--hh-blue);margin-right:8px}
.hh-pk-off{
  display:inline-block;
  margin-left:8px;
  background:var(--hh-heart);
  color:#fff;
  border-radius:20px;
  padding:2px 10px;
  font-size:12px;
  font-weight:700;
  vertical-align:middle;
}
.hh-pk-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-bottom:1px dashed #b9d6e6;
  font-weight:600;
  color:#333;
  line-height:1.4;
}
.hh-pk-row:last-child{border-bottom:0;padding-bottom:0}
.hh-pk-row>span{min-width:0}
.hh-pk-row small{font-weight:500;color:#777}
.hh-pk-row em{font-style:normal;color:var(--hh-blue);font-weight:700;white-space:nowrap}
.hh-pk-row b{color:var(--hh-blue);font-size:18px;white-space:nowrap}

/* ---------- Benefit note ---------- */
.hh-pk-note{
  display:flex;
  align-items:flex-start;
  margin:0;
  background:#fff;
  border-left:4px solid var(--hh-heart);
  border-radius:0 12px 12px 0;
  padding:16px 20px;
  box-shadow:0 3px 14px rgba(0,0,0,.08);
  color:#333;
  line-height:1.6;
}
.hh-pk-note i{color:var(--hh-heart);font-size:20px;margin:3px 14px 0 0;flex:0 0 auto}

/* ---------- Hover (sirf mouse wale devices par) ---------- */
@media (hover:hover){
  .hh-pk-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 32px rgba(57,153,203,.22);
  }
}

/* ---------- DARK version (.hh-pk-dark) ---------- */
.hh-pk-dark{background:var(--hh-dark)}
.hh-pk-dark:before{background:rgba(57,153,203,.12)}
.hh-page .hh-pk-dark .hh-title{color:#fff}
.hh-pk-dark .hh-sub{color:rgba(255,255,255,.75)}
.hh-pk-dark .hh-eyebrow{background:rgba(255,255,255,.1);color:#fff}
.hh-pk-dark .hh-pk-card{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
  border-top-color:var(--hh-blue);
  box-shadow:0 8px 26px rgba(0,0,0,.35);
}
.hh-page .hh-pk-dark .hh-pk-h h3{color:#fff}
.hh-pk-dark .hh-pk-h{border-bottom-color:rgba(255,255,255,.2)}
.hh-pk-dark .hh-pk-h small{color:rgba(255,255,255,.65)}
.hh-pk-dark .hh-pk-ul li{color:#fff}
.hh-pk-dark .hh-pk-ul li:before{background:rgba(57,153,203,.25);color:#7cc7ee}
.hh-pk-dark .hh-pk-total{
  background:linear-gradient(135deg,var(--hh-deep),var(--hh-blue));
  box-shadow:0 12px 30px rgba(0,0,0,.4);
}
.hh-pk-dark .hh-pk-add{background:rgba(255,255,255,.06);border-color:rgba(124,199,238,.5)}
.hh-page .hh-pk-dark .hh-pk-add h4{color:#fff}
.hh-pk-dark .hh-pk-add h4 i{color:#7cc7ee}
.hh-pk-dark .hh-pk-row{color:#fff;border-bottom-color:rgba(255,255,255,.2)}
.hh-pk-dark .hh-pk-row small{color:rgba(255,255,255,.65)}
.hh-pk-dark .hh-pk-row em,
.hh-pk-dark .hh-pk-row b{color:#7cc7ee}
.hh-pk-dark .hh-pk-note{background:rgba(255,255,255,.08);color:#fff;box-shadow:none}

/* ---------- RESPONSIVE (full-package) ---------- */

/* Laptop chhota (<=1199) */
@media (max-width:1199px){
  .hh-pk-grid{gap:18px}
  .hh-pk-card{padding:22px 18px}
  .hh-page .hh-pk-h h3{font-size:18px}
  .hh-pk-h .ic{flex-basis:46px;width:46px;height:46px;line-height:46px;font-size:20px}
  .hh-pk-price b{font-size:40px}
}

/* Tablet (<=991) */
@media (max-width:991px){
  .hh-pk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .hh-pk-grid .hh-pk-card:last-child{grid-column:1/-1}   /* teesra card full width */
  .hh-pk-total{padding:24px}
  .hh-pk-adds{gap:20px}
}

/* Mobile (<=767) */
@media (max-width:767px){
  .hh-pk-grid,
  .hh-pk-adds{grid-template-columns:1fr;gap:16px}
  .hh-pk-grid{margin-bottom:20px}
  .hh-pk-grid .hh-pk-card:last-child{grid-column:auto}

  .hh-pk-card{padding:20px 18px}
  .hh-page .hh-pk-h h3{font-size:18px}
  .hh-pk-ul li{padding:8px 0;font-size:15px}

  /* Total bar: center + stack */
  .hh-pk-total{
    flex-direction:column;
    align-items:stretch;
    text-align:center;
    gap:16px;
    padding:22px 16px;
    margin-bottom:20px;
  }
  .hh-pk-price b{font-size:36px}
  .hh-pk-price s{font-size:18px}
  .hh-pk-act{flex-direction:column;align-items:stretch;width:100%;gap:12px}
  .hh-pk-total .hh-btn{display:block;width:100%;text-align:center;padding:14px 16px}
  .hh-pk-call{display:block;text-align:center;font-size:17px}

  /* Optional + discounted */
  .hh-pk-adds{margin-bottom:20px}
  .hh-pk-add{padding:18px 16px}
  .hh-page .hh-pk-add h4{font-size:16px}
  .hh-pk-row{flex-wrap:wrap;gap:4px 12px;font-size:15px}
  .hh-pk-row b{font-size:17px}

  .hh-pk-note{padding:14px 16px;font-size:14px}
  .hh-pk-note i{font-size:18px;margin-right:12px}
}

/* Chhota phone (<=480) */
@media (max-width:480px){
  .hh-pk-h .ic{flex-basis:42px;width:42px;height:42px;line-height:42px;font-size:18px;margin-right:12px;border-radius:12px}
  .hh-page .hh-pk-h h3{font-size:17px}
  .hh-pk-price b{font-size:32px}
  .hh-pk-off{margin-left:0;margin-top:6px}        /* "15% OFF" badge alag line par aa jaye */
}

/* Bahut chhota (<=360) */
@media (max-width:360px){
  .hh-pk-card{padding:18px 14px}
  .hh-pk-ul li{font-size:14px}
  .hh-pk-price b{font-size:28px}
  .hh-pk-call{font-size:16px}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  .hh-pk-card{transition:none}
  .hh-pk-card:hover{transform:none}
}


/* =====================================================
   RESPONSIVE FIXES (tablet + mobile) - file ke bottom me
   ===================================================== */
.hh-page img,.hh-page svg{max-width:100%}
.hh-page{-webkit-text-size-adjust:100%}

/* Banner: pehle clamp(650,52vh,520) tha (min > max) to hamesha 650px rehta tha */
.hh-banner{height:clamp(420px,56vh,650px)}

/* ---------- Laptop chhota (<=1199) ---------- */
@media(max-width:1199px){
  .hh-warn{white-space:normal}              /* lambi warning line 992-1199 par cut hoti thi */
  .hh-page .hh-fin .hh-title{font-size:36px}
}

/* ---------- Tablet (<=991) ---------- */
@media(max-width:991px){
  /* col-md-* flex me content-width ho jaate the, ab full width */
  .hh-eq{align-items:stretch}
  .hh-eq>[class*="col-"]{flex:0 0 100%;width:100%;max-width:100%}

  .hh-page .hh-title{font-size:28px}
  .hh-banner{height:clamp(300px,50vw,460px)}

  /* inline min-height (460px / 420px) ko override karne ke liye !important */
  .hh-photo,.hh-over .hh-photo{min-height:320px!important}
  .hh-badge,.hh-over .hh-badge{right:12px}

  .hh-left{margin-bottom:10px}
  .hh-head{margin-bottom:32px}

  .hh-pack-l,.hh-pack-r{flex:1 1 100%}       /* package: upar price, neeche table */
  .hh-askbox{max-width:520px}                 /* FAQ call box tablet par bahut lamba na ho */
  .hh-cta-item{border-right:0;border-bottom:1px solid #e8eef2}
}

/* ---------- Mobile (<=767) ---------- */
@media(max-width:767px){
  .hh-page .hh-title{font-size:24px}
  .hh-title:after{width:44px;margin-top:10px}
  .hh-sub{font-size:15px}
  .hh-lead{font-size:16px}
  .hh-hl{font-size:16px}
  .hh-head{margin-bottom:26px}

  /* Banner */
  .hh-banner{height:clamp(220px,58vw,340px)}

  /* Price strip: center, stack */
  .hh-strip{padding:12px 0}
  .hh-strip .container{flex-direction:column;justify-content:center;text-align:center}
  .hh-strip b{font-size:20px}
  .hh-strip .txt{margin:4px 0}
  .hh-strip a.ph{display:inline-block;margin:0 12px 6px 0}

  /* Photo blocks */
  .hh-photo,.hh-over .hh-photo{min-height:240px!important;box-shadow:8px 8px 0 rgba(57,153,203,.35);margin-bottom:26px;border-radius:14px}
  .hh-blue .hh-photo{box-shadow:8px 8px 0 rgba(255,255,255,.28)}
  .hh-badge b{font-size:22px}
  .hh-badge,.hh-over .hh-badge{padding:10px 14px;bottom:16px}
  .hh-photo .hh-alert{font-size:13px;padding:12px 14px;left:10px;right:10px;bottom:10px}

  /* Buttons: full width, ek ke neeche ek */
  .hh-btns{flex-direction:column;align-items:stretch}
  .hh-btns .hh-btn,.hh-btns .hh-btn-ghost{width:100%;margin:0 0 12px;text-align:center}
  .hh-page .hh-left>.hh-btn{display:block;text-align:center}
  .hh-blue>.container>.hh-btn,.hh-early .hh-btn{display:block;max-width:100%;text-align:center;white-space:normal}

  /* Overview chips */
  .hh-mi{flex:1 1 100%;margin:5px 6px}
  .hh-over .hh-hl{padding:12px 14px}

  /* Cards: mobile par 2 column (pehle 1 lambi list thi) */
  .hh-cards{margin-left:-8px;margin-right:-8px}
  .hh-cards>[class*="col-"]{flex:0 0 50%;width:50%;max-width:50%;padding:0 8px}
  .hh-cards>[class*="col-"]:last-child{flex:0 0 100%;width:100%;max-width:100%}
  .hh-cards .hh-card{min-height:140px;padding:18px 10px;margin-bottom:16px}
  .hh-cards .hh-card h4{font-size:14px}
  .hh-ico{width:52px;height:52px;line-height:52px;font-size:22px}
  .hh-cards .hh-why2{min-height:160px;padding:26px 10px 18px;margin-bottom:16px}
  .hh-why2 .ic{width:52px;height:52px;line-height:52px;font-size:22px;margin-bottom:12px}
  .hh-why2 h4{font-size:15px}
  .hh-why2 .num{font-size:38px}

  /* Included / Who / Warning */
  .hh-tick{white-space:normal;padding:13px 14px;margin:6px 8px}
  .hh-who{min-height:64px;padding:12px 14px;margin-bottom:12px;font-size:15px}
  .hh-who i{flex:0 0 40px;width:40px;height:40px;line-height:40px;font-size:18px}
  .hh-warn{padding:14px 14px 14px 52px;min-height:58px;margin-bottom:12px;font-size:15px}
  .hh-warn:before{left:14px;top:12px;font-size:22px}

  /* Package */
  .hh-pack-l{padding:30px 20px}
  .hh-pack-l h3{font-size:21px}
  .hh-pack-l .now{font-size:42px}
  .hh-pack-l .old{font-size:17px}
  .hh-pack-r{padding:16px}
  .hh-pack-r .hh-table td{padding:12px 10px!important;font-size:14px}
  .hh-pack-r .hh-table td:first-child{width:38%}
  .hh-pack-r .hh-table tr:last-child td:last-child{font-size:17px}
  .hh-viewall{padding:12px 14px}
  .hh-viewall i{flex:0 0 40px;width:40px;height:40px;line-height:40px;font-size:18px;margin-right:12px}
  .hh-viewall span{font-size:14px}

  /* Steps: neeche vertical dashed line */
  .hh-step{margin-bottom:34px}
  .hh-steps .col-sm-4:not(:last-child) .hh-step:after{
    content:"";position:absolute;left:50%;bottom:-26px;height:22px;width:0;
    border-top:0;border-left:2px dashed rgba(255,255,255,.7)}
  .hh-step span{width:64px;height:64px;line-height:56px;font-size:26px}
  .hh-step p{font-size:16px}

  /* FAQ */
  .hh-askbox{max-width:none;padding:24px 20px}
  .hh-askbox a.ph{font-size:24px}
  .hh-faq .panel-heading a{padding:15px 46px 15px 16px;font-size:15px}
  .hh-faq .panel-heading a:after{right:14px}
  .hh-faq .panel-body{padding:0 16px 16px;font-size:14px}

  /* Final section */
  .hh-page .hh-fin .hh-title{font-size:26px}
  .hh-fin .hh-fimg{opacity:.25}
  .hh-fin .hh-ecg,.hh-ecg{height:50px}

  /* CTA */
  .hh-cta{padding:35px 0 45px}
  .hh-cta-item{flex:1 1 100%;padding:22px 18px}
  .hh-cta-item a{font-size:24px}
  .hh-cta-act{flex:1 1 100%;padding:24px 16px}
  .hh-cta-act p b{font-size:26px}
  .hh-btn-lg{display:block;width:100%;white-space:normal;text-align:center;line-height:1.4;padding:15px 16px}

  /* Booking form */
  .qf-card{border-radius:16px}
  .qf-info h3{font-size:24px}
  .qf-info p{margin-bottom:20px}
  .qf-points li{padding:12px 14px;margin-bottom:10px}
  .qf-2col{margin:0}
  .qf-2col>.qf-field,.qf-2col>.qf-select{flex:1 1 100%;margin:0 0 18px}
  .qf-field .form-control{font-size:16px}     /* iPhone par focus zoom band */
  .qf-btn{padding:15px 16px}

  /* Sticky bar footer ko na dhake */
  body{padding-bottom:56px}
  .hh-page{padding-bottom:0}
  .hh-sticky a{font-size:14px;padding:13px 6px calc(13px + env(safe-area-inset-bottom,0px))}
}

/* ---------- Chhota phone (<=480) ---------- */
@media(max-width:480px){
  .hh-sec{padding:38px 0}
  .hh-wave{padding-top:66px}
  .hh-page .hh-title{font-size:22px}
  .hh-page .hh-fin .hh-title{font-size:24px}
  .hh-photo,.hh-over .hh-photo{min-height:210px!important}
  .qf-info,.qf-form{padding:24px 16px}
}

/* ---------- Bahut chhota (<=360) ---------- */
@media(max-width:360px){
  .hh-cards .hh-card h4{font-size:13px}
  .hh-cards .hh-why2 h4{font-size:14px}
  .hh-pack-l .now{font-size:36px}
  .hh-strip b{font-size:18px}
  .hh-sticky a{font-size:13px}
}