/* DoctorsHub24 — exact palette sampled (PIL) from owner reference image 2026-11-05 */
:root{
  --dh24-navy:#003C91; --dh24-navy-deep:#003480; --dh24-ink:#020E3E; --dh24-text:#000028;
  --dh24-green:#03A947; --dh24-green-dark:#119E3A; --dh24-green-cta:#03B046; --dh24-green-h1:#12920B; --dh24-green-soft:#F1FAF1;
  --dh24-blue:#005FFC; --dh24-sky-icon:#0096FA; --dh24-sky:#ECF7FE; --dh24-hero:#ECF7FE; --dh24-hero-2:#CFEDFE;
  --dh24-footer:#00142E; --dh24-footer-2:#001633; --dh24-footer-line:#01152D;
  --sp1-bg:#E8F4FD;--sp1:#005FFC; --sp2-bg:#F9EFF6;--sp2:#FE7FA8; --sp3-bg:#F6EFF5;--sp3:#FC233C;
  --sp4-bg:#FCF1EA;--sp4:#F59A4A; --sp5-bg:#EFEEFD;--sp5:#7939F7; --sp6-bg:#EBF5FD;--sp6:#0260E9;
  --sp7-bg:#FAF2ED;--sp7:#F08A4B; --sp8-bg:#E5F8F0;--sp8:#2FBF6A; --sp9-bg:#EDF6FE;--sp9:#0F6CFD;
  --sp10-bg:#EDECFD;--sp10:#A783F4; --sp11-bg:#E4F7EC;--sp11:#35B859;
}
body.dh24 .dh24-util{background:var(--dh24-navy)!important;color:#fff}
body.dh24 .dh24-util a,body.dh24 .dh24-util span{color:#fff}
body.dh24 .dh-home-nav a.is-current{background:var(--dh24-navy)!important;color:#fff!important;border-radius:999px}
body.dh24 .dh-btn-login-home,body.dh24 .btn-primary.dh-btn-login-home{background:var(--dh24-green)!important;border-color:var(--dh24-green)!important;color:#fff!important;border-radius:999px}
body.dh24 .dh-btn-ghost-home{border:1.5px solid var(--dh24-navy)!important;color:var(--dh24-navy)!important;border-radius:999px}
body.dh24 .dh24-hero{background:linear-gradient(90deg,var(--dh24-hero) 0%,#E1F4FE 45%,var(--dh24-hero-2) 100%)!important}
body.dh24 .dh24-hero h1{color:var(--dh24-ink)!important}
body.dh24 .dh24-hero h1 em{color:var(--dh24-green-h1)!important;font-style:normal}
body.dh24 .dh24-checks i{color:var(--dh24-green)!important}
body.dh24 .dh24-search-btn{background:var(--dh24-green-cta)!important;color:#fff!important}
body.dh24 .dh24-search-field i{color:var(--dh24-navy)}
body.dh24 .dh24-float i{color:var(--dh24-green)}
/* specialty pastel tiles */
body.dh24 .dh24-spec{border-radius:14px;padding:.7rem .4rem;text-align:center}
body.dh24 .dh24-spec .dh24-spec-ico{background:transparent!important}
body.dh24 .dh24-spec span{color:var(--dh24-ink)}
body.dh24 .dh24-spec:nth-child(1){background:var(--sp1-bg)!important}body.dh24 .dh24-spec:nth-child(1) .dh24-spec-ico{color:var(--sp1)!important}
body.dh24 .dh24-spec:nth-child(2){background:var(--sp2-bg)!important}body.dh24 .dh24-spec:nth-child(2) .dh24-spec-ico{color:var(--sp2)!important}
body.dh24 .dh24-spec:nth-child(3){background:var(--sp3-bg)!important}body.dh24 .dh24-spec:nth-child(3) .dh24-spec-ico{color:var(--sp3)!important}
body.dh24 .dh24-spec:nth-child(4){background:var(--sp4-bg)!important}body.dh24 .dh24-spec:nth-child(4) .dh24-spec-ico{color:var(--sp4)!important}
body.dh24 .dh24-spec:nth-child(5){background:var(--sp5-bg)!important}body.dh24 .dh24-spec:nth-child(5) .dh24-spec-ico{color:var(--sp5)!important}
body.dh24 .dh24-spec:nth-child(6){background:var(--sp6-bg)!important}body.dh24 .dh24-spec:nth-child(6) .dh24-spec-ico{color:var(--sp6)!important}
body.dh24 .dh24-spec:nth-child(7){background:var(--sp7-bg)!important}body.dh24 .dh24-spec:nth-child(7) .dh24-spec-ico{color:var(--sp7)!important}
body.dh24 .dh24-spec:nth-child(8){background:var(--sp8-bg)!important}body.dh24 .dh24-spec:nth-child(8) .dh24-spec-ico{color:var(--sp8)!important}
body.dh24 .dh24-spec:nth-child(9){background:var(--sp9-bg)!important}body.dh24 .dh24-spec:nth-child(9) .dh24-spec-ico{color:var(--sp9)!important}
body.dh24 .dh24-spec:nth-child(10){background:var(--sp10-bg)!important}body.dh24 .dh24-spec:nth-child(10) .dh24-spec-ico{color:var(--sp10)!important}
body.dh24 .dh24-spec:nth-child(11){background:var(--sp11-bg)!important}body.dh24 .dh24-spec:nth-child(11) .dh24-spec-ico{color:var(--sp11)!important}
body.dh24 .dh24-sec-head h2{color:var(--dh24-ink);border-left:4px solid #0FBB41;padding-left:.6rem}
body.dh24 .dh24-sec-head .more{color:var(--dh24-blue)}
body.dh24 .dh24-sec--soft{background:#fff}
body.dh24 .dh24-svc:nth-child(4n+1){background:linear-gradient(135deg,#EAF5FE,#fff)}
body.dh24 .dh24-svc:nth-child(4n+2){background:linear-gradient(135deg,#ECF8EE,#fff)}
body.dh24 .dh24-svc:nth-child(4n+3){background:linear-gradient(135deg,#EEF6FE,#fff)}
body.dh24 .dh24-svc:nth-child(4n+4){background:linear-gradient(135deg,#F3EFF9,#fff)}
body.dh24 .dh24-svc .go{background:var(--dh24-sky-icon)!important;color:#fff!important}
body.dh24 .dh24-step:nth-child(odd) .dh24-step-ico{background:var(--dh24-green)!important;color:#fff!important}
body.dh24 .dh24-step:nth-child(even) .dh24-step-ico{background:var(--dh24-sky-icon)!important;color:#fff!important}
body.dh24 .dh24-step-num{background:var(--dh24-green)!important;color:#fff!important}
body.dh24 .dh24-stats{background:linear-gradient(90deg,var(--dh24-green-soft),#EBF7EB)!important;border:1px solid #DDF1DD;border-radius:16px}
body.dh24 .dh24-stat i{color:#07A51D!important}
body.dh24 .dh24-stat .n{color:var(--dh24-ink)!important}
body.dh24 .dh24-doc-btn{background:var(--dh24-green-dark)!important;color:#fff!important}
body.dh24 .dh24-doc-btn--ghost{background:#fff!important;color:var(--dh24-navy)!important}
body.dh24 .dh24-docs-wrap{position:relative}
body.dh24 .dh24-docs-wrap .dh24-docs{display:grid;grid-auto-flow:column;grid-auto-columns:calc(25% - .75rem);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
body.dh24 .dh24-docs-wrap .dh24-docs::-webkit-scrollbar{display:none}
body.dh24 .dh24-docs-wrap .dh24-doc{scroll-snap-align:start}
@media(max-width:1000px){body.dh24 .dh24-docs-wrap .dh24-docs{grid-auto-columns:calc(50% - .5rem)}}
@media(max-width:560px){body.dh24 .dh24-docs-wrap .dh24-docs{grid-auto-columns:85%}}
body.dh24 .dh24-car-btn{position:absolute;top:40%;z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid #C8D9F4;background:#fff;color:var(--dh24-navy);cursor:pointer;box-shadow:0 4px 12px rgba(0,60,145,.12)}
body.dh24 .dh24-car-prev{left:-14px}body.dh24 .dh24-car-next{right:-14px}
body.dh24 .dh24-demo-tag{display:inline-block;font-size:.65rem;background:#FFF4D6;color:#8A5A00;border-radius:6px;padding:0 .35rem;margin-left:.3rem}
body.dh24 .dh24-partner-logo i{color:var(--dh24-navy)!important}
body.dh24 .dh24-app{background:linear-gradient(100deg,#8BD6E4 0%,#7ED6D9 25%,#E9F7F4 50%,#47C460 85%,#45A475 100%)!important;color:var(--dh24-ink)!important}
body.dh24 .dh24-app h2,body.dh24 .dh24-app p{color:var(--dh24-ink)!important}
body.dh24 .dh24-app-btns a{background:#0F1010!important;color:#fff!important;border-radius:8px}
body.dh24 .dh24-provider{background:linear-gradient(90deg,#013584 0%,#00266F 35%,#003581 70%,#56B7F1 100%)!important;color:#fff!important}
body.dh24 .dh24-provider a{background:transparent!important;border:1.5px solid #fff!important;color:#fff!important}
body.dh24 .dh24-footer,body.dh24 footer.site-footer,body.dh24 .dh-footer{background:var(--dh24-footer)!important}
body.dh24 .dh24-footer-bottom,body.dh24 .dh-footer-bottom{border-top:1px solid rgba(255,255,255,.12)!important;background:var(--dh24-footer)!important}
body.dh24 .dh24-sec-head[style*="center"] h2{border-left:0;padding-left:0}
body.dh24 .dh24-util,body.dh24 div.dh24-util{background-color:#003C91!important}
/* App + Doctor banners (ref 01M6P8HP, 2026-11-05) */
body.dh24 .dh24-banners{padding:1.5rem 0}
body.dh24 .dhb-app{display:grid;grid-template-columns:200px 1fr 180px;align-items:center;gap:1.5rem;border-radius:18px;padding:1.2rem 2rem 0;overflow:hidden;background:linear-gradient(100deg,#8BD7E1 0%,#87D0EB 18%,#D8ECFB 42%,#F9FAFA 58%,#44C159 82%,#50A56B 100%)}
body.dh24 .dhb-phone{align-self:end;width:170px;height:230px;background:#2D2C36;border-radius:28px 28px 0 0;padding:9px 9px 0;transform:rotate(-6deg);transform-origin:bottom;box-shadow:0 10px 30px rgba(0,0,0,.25)}
body.dh24 .dhb-phone-screen{background:#fff;height:100%;border-radius:20px 20px 0 0;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:7px}
body.dh24 .dhb-phone-logo{font-weight:800;font-size:.8rem;color:#003C91}body.dh24 .dhb-phone-logo b{color:#03A947}
body.dh24 .dhb-phone-avatar{width:46px;height:46px;border-radius:50%;background:#E8F4FD;color:#003C91;display:grid;place-items:center;font-size:1.5rem}
body.dh24 .dhb-pb{width:100%;font-size:.62rem;font-weight:700;color:#fff;border-radius:6px;padding:6px 7px;display:flex;gap:5px;align-items:center}
body.dh24 .dhb-pb--navy{background:#023A87}body.dh24 .dhb-pb--green{background:#03A947}body.dh24 .dhb-pb--violet{background:#7939F7}
body.dh24 .dhb-app-copy{padding-bottom:1.2rem}
body.dh24 .dhb-app-copy h2{margin:0 0 .4rem;font-size:2rem;font-weight:800;color:#020E3E}
body.dh24 .dhb-app-copy p{margin:0 0 1rem;color:#1E2A44;max-width:30rem}
body.dh24 .dhb-badges{display:flex;gap:.8rem;flex-wrap:wrap}
body.dh24 .dhb-badge{display:inline-flex;align-items:center;gap:.5rem;background:#000;color:#fff!important;text-decoration:none;border:1px solid #A6A6A6;border-radius:9px;padding:.4rem .95rem;min-width:150px}
body.dh24 .dhb-badge .bi{font-size:1.6rem}
body.dh24 .dhb-badge span{display:flex;flex-direction:column;font-weight:700;font-size:1.05rem;line-height:1.05}
body.dh24 .dhb-badge small{font-size:.6rem;font-weight:500;text-transform:none}
body.dh24 .dhb-qr{text-align:center;padding-bottom:1.2rem;color:#fff;font-weight:700;font-size:.9rem}
body.dh24 .dhb-qr-box{width:118px;height:118px;background:#fff;border-radius:10px;padding:9px;margin:0 auto .45rem;box-shadow:0 4px 14px rgba(0,0,0,.15)}
body.dh24 .dhb-qr-box svg{width:100%;height:100%;display:block}
body.dh24 .dhb-doc{position:relative;margin-top:1rem;display:flex;align-items:center;gap:1.2rem;border-radius:18px;padding:1.3rem 2rem;overflow:hidden;color:#fff;background:linear-gradient(90deg,#043781 0%,#023A87 25%,#00296E 45%,#003581 68%,#53B0EC 88%,#2089D0 100%)}
body.dh24 .dhb-doc-ico{font-size:2.4rem;color:#fff;flex:0 0 auto}
body.dh24 .dhb-doc-copy{flex:1}
body.dh24 .dhb-doc-copy h3{margin:0 0 .2rem;font-size:1.5rem;font-weight:800;color:#fff}
body.dh24 .dhb-doc-copy p{margin:0;color:#DCE7FA}
body.dh24 .dhb-doc-btn{position:relative;z-index:2;border:2px solid #fff;border-radius:10px;color:#fff!important;background:rgba(0,41,110,.35);font-weight:700;padding:.65rem 1.4rem;text-decoration:none;white-space:nowrap}
body.dh24 .dhb-doc-btn:hover{background:#fff;color:#003581!important}
body.dh24 .dhb-steth{width:200px;flex:0 0 auto;margin-right:-1rem}
@media(max-width:900px){body.dh24 .dhb-app{grid-template-columns:1fr;text-align:center;padding:1.4rem 1rem 0}body.dh24 .dhb-badges{justify-content:center}body.dh24 .dhb-app-copy p{margin-inline:auto}body.dh24 .dhb-phone{order:3;margin:0 auto}body.dh24 .dhb-qr{color:#020E3E}
body.dh24 .dhb-doc{flex-direction:column;text-align:center;padding:1.4rem 1rem}body.dh24 .dhb-steth{display:none}}
/* Hero slider (ref 01M6P90E, 2026-11-05) */
body.dh24 .dhh-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#ECF7FE 0%,#E1F4FE 45%,#CFEDFE 100%);min-height:560px}
body.dh24 .dhh-slides,body.dh24 .dhh-slide,body.dh24 .dhh-overlay{position:absolute;inset:0}
body.dh24 .dhh-slide{background-size:cover;background-position:right center;opacity:0;transition:opacity 1s ease}
body.dh24 .dhh-slide.is-active{opacity:1}
body.dh24 .dhh-overlay{background:linear-gradient(90deg,rgba(236,247,254,.97) 0%,rgba(236,247,254,.9) 32%,rgba(236,247,254,.35) 55%,rgba(236,247,254,0) 70%)}
body.dh24 .dhh-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 250px;grid-template-areas:"copy cards" "search search";gap:1.4rem 2rem;padding:2.2rem 0 2.4rem}
body.dh24 .dhh-copy{grid-area:copy;max-width:600px}
body.dh24 .dhh-pill{display:inline-flex;gap:.4rem;align-items:center;background:#fff;color:#020E3E;font-weight:700;font-size:.9rem;padding:.4rem .9rem;border-radius:999px;margin:0 0 1rem;box-shadow:0 2px 10px rgba(0,60,145,.08)}
body.dh24 .dhh-pill i{color:#03A947}
body.dh24 .dhh-copy h1{margin:0 0 .8rem;font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;font-weight:800;color:#020E3E}
body.dh24 .dhh-copy h1 em{color:#12920B;font-style:normal}
body.dh24 .dhh-lead{color:#1E2A44;font-size:1.05rem;margin:0 0 1rem;max-width:34rem}
body.dh24 .dhh-checks{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;padding:0;margin:0 0 .8rem;font-weight:600;font-size:.9rem;color:#020E3E}
body.dh24 .dhh-checks i{color:#03A947}
body.dh24 .dhh-msg{display:inline-flex;gap:.45rem;align-items:center;background:#03A947;color:#fff!important;text-decoration:none;font-weight:700;font-size:.85rem;padding:.4rem .9rem;border-radius:999px;box-shadow:0 4px 14px rgba(3,169,71,.3)}
body.dh24 .dhh-msg[hidden]{display:none}
body.dh24 .dhh-cards{grid-area:cards;display:flex;flex-direction:column;gap:.7rem;align-self:start}
body.dh24 .dhh-card{display:flex;gap:.7rem;align-items:center;background:rgba(255,255,255,.96);border-radius:12px;padding:.7rem .9rem;text-decoration:none;color:#020E3E!important;font-size:.85rem;box-shadow:0 6px 18px rgba(0,60,145,.10)}
body.dh24 .dhh-card i{font-size:1.5rem;color:#03A947}
body.dh24 .dhh-card strong{display:block;font-size:.92rem}
body.dh24 .dhh-search{grid-area:search;display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:0;align-items:center;background:#fff;border-radius:14px;padding:.8rem;box-shadow:0 12px 32px rgba(0,60,145,.14)}
body.dh24 .dhh-field{display:flex;gap:.7rem;align-items:center;padding:.3rem 1rem;border-right:1px solid #E2E8F0;min-width:0}
body.dh24 .dhh-field i{font-size:1.25rem;color:#003C91}
body.dh24 .dhh-field span{display:flex;flex-direction:column;min-width:0;flex:1}
body.dh24 .dhh-field b{font-size:.9rem;color:#020E3E}
body.dh24 .dhh-field input,body.dh24 .dhh-field select{border:0;outline:0;background:transparent;font-size:.82rem;color:#475569;padding:.15rem 0;width:100%;min-width:0;font-family:inherit}
body.dh24 .dhh-btn{background:#03B046;color:#fff;border:0;border-radius:10px;font-weight:700;padding:.85rem 1.6rem;margin-left:.8rem;cursor:pointer;white-space:nowrap;font-size:1rem}
body.dh24 .dhh-btn:hover{background:#119E3A}
body.dh24 .dhh-arrow{position:absolute;top:45%;z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#003C91;cursor:pointer;box-shadow:0 4px 12px rgba(0,60,145,.15)}
body.dh24 .dhh-prev{left:12px}body.dh24 .dhh-next{right:12px}
body.dh24 .dhh-dots{position:absolute;z-index:3;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
body.dh24 .dhh-dots button{width:9px;height:9px;border-radius:999px;border:0;background:rgba(0,60,145,.3);cursor:pointer;padding:0;transition:width .3s}
body.dh24 .dhh-dots button.is-active{width:24px;background:#03A947}
@media(max-width:1000px){body.dh24 .dhh-grid{grid-template-columns:1fr;grid-template-areas:"copy" "search" "cards"}body.dh24 .dhh-cards{display:grid;grid-template-columns:1fr 1fr}
body.dh24 .dhh-overlay{background:linear-gradient(180deg,rgba(236,247,254,.95) 0%,rgba(236,247,254,.85) 55%,rgba(236,247,254,.7) 100%)}
body.dh24 .dhh-search{grid-template-columns:1fr 1fr}body.dh24 .dhh-field{border-right:0;border-bottom:1px solid #E2E8F0;padding:.6rem .5rem}body.dh24 .dhh-btn{grid-column:1/-1;margin:.6rem 0 0}}
@media(max-width:560px){body.dh24 .dhh-search{grid-template-columns:1fr}body.dh24 .dhh-cards{grid-template-columns:1fr 1fr;gap:.5rem}body.dh24 .dhh-card{font-size:.72rem;padding:.55rem}body.dh24 .dhh-arrow{display:none}}
body.dh24 .dhh-copy{max-width:640px}
body.dh24 .dhh-copy h1{font-size:clamp(1.9rem,3.6vw,2.9rem)}
body.dh24 .dhh-hero{min-height:500px}
@media(max-width:991.98px){
body.dh24 .dh-home-nav:not(.is-open){display:none!important}
body.dh24 .dh-home-nav.is-open{display:flex!important;flex-direction:column;width:100%;order:4}
body.dh24 .dh-header-inner--home{flex-wrap:wrap!important;row-gap:.5rem}
body.dh24 .dh24-util-right{display:none!important}
body.dh24 .dh24-util-inner{flex-wrap:wrap;gap:.2rem .8rem;padding:.3rem 0}
body.dh24 .dh24-util-left{flex-wrap:wrap;gap:.2rem .8rem;font-size:.72rem}
}
@media(max-width:560px){body.dh24 .dh-header-inner--home .header-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}}