/* ===== DoItMyService: How booking works (dhw-) + Payment Suraksha (dps-) ===== */
.dhw-section,.dps-section{padding:25px 0;color:#0F2E34}
.dhw-section *,.dps-section *{box-sizing:border-box}
.dhw-wrap,.dps-wrap{position:relative;overflow:hidden;border-radius:24px;border:1px solid #DCEFEC;padding:44px 48px}
.dhw-wrap{background:#FFFFFF;box-shadow:0 18px 44px rgba(10,55,65,.06)}
.dhw-eyebrow,.dps-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(14,124,134,.1);border:1px solid rgba(14,124,134,.22);color:#0B6A72;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:7px 13px;border-radius:999px}
.dhw-section .dhw-title,.dps-section .dps-title{margin:16px 0 10px;font-size:34px;line-height:1.18;font-weight:800;letter-spacing:-.4px;color:#0F2E34;text-transform:none}
.dhw-title span,.dps-title span{color:#0E7C86;text-transform:lowercase}
.dhw-lead,.dps-lead{margin:0;font-size:16px;line-height:1.7;color:#4A6268;max-width:620px}
.dhw-head{text-align:center;max-width:720px;margin:0 auto}
.dhw-head .dhw-lead{margin:0 auto}

/* timeline */
.dhw-steps{position:relative;list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.dhw-line{position:absolute;left:8%;right:8%;top:31px;height:4px;border-radius:2px;background:#E1EFEE;overflow:hidden}
.dhw-line i{display:block;height:100%;background:linear-gradient(90deg,#0E7C86,#47D0BE);transform-origin:left;animation:dhwFill 12s linear infinite}
.dhw-step{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.dhw-ic{position:relative;z-index:1;width:66px;height:66px;border-radius:20px;background:#F2FBF9;border:2px solid #DCEFEC;display:grid;place-items:center;transition:.3s;animation:dhwAct 12s infinite}
.dhw-ic svg{width:28px;height:28px;fill:none;stroke:#0E7C86;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dhw-n{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#0E7C86;color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;border:2px solid #fff}
.dhw-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.dhw-step b{font-size:15px}
.dhw-step small{font-size:13px;line-height:1.5;color:#4A6268}
.dhw-step:nth-child(2) .dhw-ic{animation-delay:0s}.dhw-step:nth-child(3) .dhw-ic{animation-delay:2s}.dhw-step:nth-child(4) .dhw-ic{animation-delay:4s}
.dhw-step:nth-child(5) .dhw-ic{animation-delay:6s}.dhw-step:nth-child(6) .dhw-ic{animation-delay:8s}.dhw-step:nth-child(7) .dhw-ic{animation-delay:10s}
@keyframes dhwFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dhwAct{0%,16%{background:#0E7C86;border-color:#0E7C86;transform:translateY(-6px) scale(1.06);box-shadow:0 14px 26px rgba(14,124,134,.3)}0%,16%{--c:#fff}17%,100%{background:#F2FBF9;border-color:#DCEFEC;transform:none;box-shadow:none}}
.dhw-ic{--c:#0E7C86}
.dhw-step:nth-child(2) .dhw-ic svg{animation:dhwSvg 12s 0s infinite}.dhw-step:nth-child(3) .dhw-ic svg{animation:dhwSvg 12s 2s infinite}.dhw-step:nth-child(4) .dhw-ic svg{animation:dhwSvg 12s 4s infinite}
.dhw-step:nth-child(5) .dhw-ic svg{animation:dhwSvg 12s 6s infinite}.dhw-step:nth-child(6) .dhw-ic svg{animation:dhwSvg 12s 8s infinite}.dhw-step:nth-child(7) .dhw-ic svg{animation:dhwSvg 12s 10s infinite}
@keyframes dhwSvg{0%,16%{stroke:#fff}17%,100%{stroke:#0E7C86}}

/* payment suraksha */
.dps-wrap{background:linear-gradient(120deg,#E7F7F4 0%,#F7FCFB 55%,#EAF3F8 100%);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.dps-pts{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px}
.dps-pts li{display:flex;gap:12px;align-items:center;font-size:15px}
.dps-pts b{display:block}.dps-pts small{color:#4A6268;font-size:13.5px}
.dps-ic{flex:0 0 40px;height:40px;border-radius:12px;background:#fff;box-shadow:0 6px 14px rgba(14,124,134,.14);display:grid;place-items:center}
.dps-ic svg{width:20px;height:20px;fill:none;stroke:#0E7C86;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dps-flow{position:relative;background:#fff;border-radius:22px;box-shadow:0 30px 60px rgba(10,55,65,.14),0 0 0 1px #D4E9E6;padding:26px 20px 22px}
.dps-flow svg{display:block;width:100%;height:auto}
.dps-cap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;font-size:12.5px;color:#4A6268;margin-top:6px;gap:6px}
.dps-cap b{display:block;color:#0F2E34;font-size:14px}
.dps-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#0E7C86;color:#fff;font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:999px;white-space:nowrap;box-shadow:0 10px 20px rgba(14,124,134,.3)}

@media (max-width:991px){
 .dhw-wrap,.dps-wrap{padding:32px 22px}
 .dps-wrap{grid-template-columns:minmax(0,1fr);gap:28px}
 .dhw-section .dhw-title,.dps-section .dps-title{font-size:28px}
 .dhw-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:26px}
 .dhw-line{display:none}
}
@media (max-width:575px){
 .dhw-wrap,.dps-wrap{padding:26px 16px;border-radius:18px}
 .dhw-section .dhw-title,.dps-section .dps-title{font-size:25px}
 .dhw-head{text-align:left}
 .dhw-steps{grid-template-columns:minmax(0,1fr);gap:0;margin-top:24px}
 .dhw-step{flex-direction:row;text-align:left;align-items:flex-start;gap:14px;padding-bottom:18px}
 .dhw-step:not(:last-child)::before{content:"";position:absolute;left:28px;top:58px;bottom:2px;width:3px;border-radius:2px;background:#E1EFEE}
 .dhw-ic{width:58px;height:58px;flex:0 0 58px;border-radius:18px}
 .dhw-txt{padding-top:6px}
 .dhw-step b{display:block;margin-bottom:2px}
 .dps-flow{padding:30px 10px 18px}
 .dps-cap{font-size:11.5px}.dps-cap b{font-size:12.5px}
 .dps-badge{font-size:11.5px;padding:6px 12px}
}
@media (prefers-reduced-motion:reduce){.dhw-section *,.dps-section *{animation:none!important}}

body.dims-unified-width .dhw-section{width:var(--dims-ref-width)!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
body.dims-unified-width .dhw-section>.container{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}
body.dims-unified-width .dps-section{width:var(--dims-ref-width)!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
body.dims-unified-width .dps-section>.container{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}
.dhw-step{margin:0}.dhw-steps li::marker{content:none}
/* dark theme */
body.dark-theme .dhw-wrap{background:#12343A;border-color:#1E454B}
body.dark-theme .dps-wrap{background:linear-gradient(120deg,#12343A,#163E44);border-color:#1E454B}
body.dark-theme .dhw-section,body.dark-theme .dps-section,body.dark-theme .dhw-section .dhw-title,body.dark-theme .dps-section .dps-title,body.dark-theme .dps-pts b,body.dark-theme .dhw-step b{color:#E6F2F1}
body.dark-theme .dhw-lead,body.dark-theme .dps-lead,body.dark-theme .dhw-step small,body.dark-theme .dps-pts small,body.dark-theme .dps-cap{color:#A9C4C1}
body.dark-theme .dps-cap b{color:#E6F2F1}
body.dark-theme .dps-ic{background:#1B474E}
body.dark-theme .dps-flow{background:#12343A}
body.dark-theme .dhw-ic{background:#1B474E;border-color:#245860}
@media (max-width:380px){.dhw-section .dhw-title,.dps-section .dps-title{font-size:23px}}

/* DIMS-LH-V1: theme gives small text a very tall line-height; keep it compact */
.dps-section .dps-cap span,.dps-section .dps-cap b,.dps-section .dps-pts small,.dps-section .dps-pts b,
.dhw-section .dhw-step small,.dhw-section .dhw-step b,
.dlt-section .dlt-pts small,.dlt-section .dlt-pts b,.dlt-section .dlt-prov small,.dlt-section .dlt-prov b,.dlt-section .dlt-eta small{line-height:1.35 !important}
.dps-section .dps-cap b,.dhw-section .dhw-step b,.dps-section .dps-pts b,.dlt-section .dlt-pts b{margin-bottom:3px}
.dps-section .dps-cap{margin-top:2px;row-gap:4px}
.dps-section .dps-lead,.dhw-section .dhw-lead,.dlt-section .dlt-lead{line-height:1.6 !important}