/* Purpose-specific Payments and Seva Kendra pages. Illustrations never represent live results. */
.ep-page[data-page-design] { font-family:HomePoppins,Arial,sans-serif; }
.ep-page[data-page-design] .ep-hero-grid { min-width:0; }
.ep-page[data-page-design] .ep-service-art { min-width:0; width:100%; max-width:none; }
.ep-page[data-page-design] .ep-service-art:before { display:none; }
.ep-page[data-page-design] .sd-art { position:relative; isolation:isolate; padding:28px; border-radius:26px; border:1px solid #e6cfea; background:linear-gradient(145deg,#f1e2f7,#fff8ee); box-shadow:0 25px 60px #53205c12; color:#33163d; overflow:hidden; }
.ep-page[data-page-design] .sd-art:before { content:""; position:absolute; inset:0; z-index:-1; background-image:linear-gradient(#80008005 1px,transparent 1px),linear-gradient(90deg,#80008005 1px,transparent 1px); background-size:38px 38px; }
.ep-page[data-page-design] .sd-art-brand { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:22px; border-bottom:1px solid #dbc5e1; }
.ep-page[data-page-design] .sd-art-brand img { width:102px; height:auto; object-fit:contain; }
.ep-page[data-page-design] .sd-art-brand>span { font-size:10px; letter-spacing:.12em; color:#865790; text-align:right; }
.ep-page[data-page-design] .sd-art-title { font-size:24px; line-height:1.22; letter-spacing:-.7px; margin:25px 0; }
.ep-page[data-page-design] .sd-art-note { font-size:11px; line-height:1.65; color:#806487; margin:22px 0 0; text-align:center; }
.ep-page[data-page-design] .sd-visual-label { display:block; font-size:11px; letter-spacing:.09em; color:#8b5d95; margin-bottom:12px; }
.ep-page[data-page-design] .sd-visual-icon { width:72px; height:72px; display:grid; place-items:center; border:1px solid #e3cae9; border-radius:18px; background:#fcf7ff; color:#800080; }
.ep-page[data-page-design] .sd-visual-icon svg { width:44px; height:44px; }
.ep-page[data-page-design] .sd-stage-list { list-style:none; margin:0; padding:0; }
.ep-page[data-page-design] .sd-stage-list li { display:flex; gap:13px; align-items:center; padding:17px 0; border-bottom:1px solid #e5d4ea; }
.ep-page[data-page-design] .sd-stage-list li:last-child { border-bottom:0; }
.ep-page[data-page-design] .sd-stage-list b { flex:none; display:grid; place-items:center; width:32px; height:32px; border-radius:9px; color:#800080; background:#f2e4f6; font-size:11px; }
.ep-page[data-page-design] .sd-stage-list span { font-size:13px; line-height:1.5; }
.ep-page[data-page-design] .sd-feature-copy,.ep-page[data-page-design] .sd-stage-copy { min-width:0; }
.ep-page[data-page-design] .sd-features { margin:0; }
.ep-page[data-page-design] .sd-features .ep-card { min-width:0; transition:border-color .2s,box-shadow .2s; }
.ep-page[data-page-design] .sd-features .ep-card:hover { transform:none; }
.ep-page[data-page-design] .sd-features h3 { font-size:23px; line-height:1.3; }
.ep-page[data-page-design] .sd-features p,.ep-page[data-page-design] .sd-workflow p { font-size:16px; line-height:1.85; }
.ep-page[data-page-design] .sd-workflow>li { min-width:0; }
.ep-page[data-page-design] .sd-workflow>li:before { display:none; }
.ep-page[data-page-design] .sd-workflow h3 { font-size:23px; line-height:1.3; }
.ep-page[data-page-design] .sd-workflow .ep-step-number { font-size:14px; }
.ep-page[data-page-design] .sd-rule-lines { display:grid; gap:10px; margin:25px 0; }
.ep-page[data-page-design] .sd-rule-lines i { display:block; height:7px; border-radius:2px; background:#eadbec; }
.ep-page[data-page-design] .sd-rule-lines i:nth-child(2) { width:73%; }
.ep-page[data-page-design] .sd-rule-lines i:nth-child(3) { width:48%; background:#ffe0b7; }
.ep-page[data-page-design] .sd-number-pill { display:inline-grid; place-items:center; height:34px; min-width:34px; border-radius:50%; font-size:11px; color:#800080; background:#f3e6f7; }

/* Payment Gateway: checkout summary beside the provider hand-off. */
.ep-page[data-page-design="service-gateway"] .ep-hero-grid { grid-template-columns:.95fr 1.05fr; gap:55px; }
.ep-page[data-page-design="service-gateway"] .sd-art { padding:22px; background:#f1e4f7; }
.sd-gateway-checkout { display:grid; grid-template-columns:.85fr 1.15fr; align-items:stretch; }
.sd-gateway-summary { padding:28px 23px; background:#fff; border-radius:16px 0 0 16px; border:1px solid #ead9ee; min-width:0; }
.sd-gateway-summary>img { width:95px; height:auto; }
.sd-gateway-summary .sd-art-title { margin:27px 0; }
.sd-gateway-summary>strong { font-size:13px; line-height:1.6; display:block; color:#774684; }
.sd-gateway-terminal { padding:28px 23px; background:#2d1239; border:1px solid #5e306b; border-radius:0 16px 16px 0; color:#fff; min-width:0; }
.ep-page[data-page-design="service-gateway"] .sd-gateway-terminal .sd-visual-label { color:#d3afdf; }
.ep-page[data-page-design="service-gateway"] .sd-gateway-terminal li { border-color:#633470; }
.ep-page[data-page-design="service-gateway"] .sd-gateway-terminal b { color:#ffc879; background:#52245b; }
.ep-page[data-page-design="service-gateway"] .sd-features { grid-template-columns:1.1fr .9fr; grid-template-rows:auto auto; gap:22px; }
.ep-page[data-page-design="service-gateway"] .sd-features .ep-card:first-child { grid-row:1/3; padding:44px; background:#381442; color:#fff; display:flex; flex-direction:column; justify-content:center; }
.ep-page[data-page-design="service-gateway"] .sd-features .ep-card:first-child p { color:#d8c3de; }
.ep-page[data-page-design="service-gateway"] .sd-features .ep-card:first-child h3 { font-size:33px; }
.ep-page[data-page-design="service-gateway"] .sd-features .ep-card:first-child .ep-card-index { align-self:flex-start; }
.ep-page[data-page-design="service-gateway"] #workflow>.ep-shell { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:start; }
.ep-page[data-page-design="service-gateway"] #workflow .ep-heading { display:block; position:sticky; top:170px; }
.ep-page[data-page-design="service-gateway"] #workflow .ep-heading>p { margin-top:24px; }
.ep-page[data-page-design="service-gateway"] .sd-workflow { display:block; margin:0; }
.ep-page[data-page-design="service-gateway"] .sd-workflow>li { display:grid; grid-template-columns:55px 1fr; gap:20px; border-top:0; border-bottom:1px solid #dac7e2; padding:25px 0; }
.ep-page[data-page-design="service-gateway"] .sd-workflow>li:first-child { padding-top:0; }
.ep-page[data-page-design="service-gateway"] .ep-step-number { font-size:26px; color:#b877c3; }

/* Payment Links: a shareable request with an explicit recipient journey. */
.ep-page[data-page-design="service-links"] .ep-hero-grid { display:block; text-align:center; }
.ep-page[data-page-design="service-links"] .ep-hero-copy { max-width:980px; margin:auto; }
.ep-page[data-page-design="service-links"] h1 { max-width:980px; margin-inline:auto; }
.ep-page[data-page-design="service-links"] .ep-kicker,.ep-page[data-page-design="service-links"] .ep-actions { justify-content:center; }
.ep-page[data-page-design="service-links"] .ep-lead { max-width:760px; margin-inline:auto; }
.ep-page[data-page-design="service-links"] .ep-service-art { max-width:890px; margin:46px auto 0; }
.ep-page[data-page-design="service-links"] .sd-art { display:flex; align-items:center; justify-content:center; gap:50px; border:0; box-shadow:none; padding:24px; background:transparent; text-align:left; }
.ep-page[data-page-design="service-links"] .sd-art:before { display:none; }
.sd-phone { width:250px; flex:none; padding:15px; border:7px solid #391440; border-radius:34px; box-shadow:12px 18px 0 #e6cdea; background:#fff; }
.sd-phone:before { content:""; display:block; width:60px; height:6px; border-radius:8px; background:#391440; margin:0 auto 22px; }
.sd-phone>img { width:94px; height:auto; margin:4px 9px; }
.sd-phone .sd-art-title { padding:0 9px; font-size:24px!important; }
.sd-link-symbol { width:62px; height:62px; color:#800080; margin:25px auto 10px; }
.sd-phone-request { margin:16px 0 8px; padding:18px 13px; border-radius:10px; background:#f8edf9; font-size:12px; color:#6a3776; text-align:center; }
.sd-link-route { flex:1; min-width:0; max-width:390px; }
.sd-link-node { position:relative; padding:19px 22px; margin:14px 0; border-radius:12px; border:1px solid #e1c8e7; background:#fff; box-shadow:0 8px 22px #5b285c0a; display:flex; align-items:center; gap:18px; }
.sd-link-node:before { content:""; position:absolute; left:-43px; width:42px; height:1px; background:#bd86c8; }
.sd-link-node:nth-child(2) { margin-left:30px; background:#f4e7f9; }
.sd-link-node:nth-child(3) { margin-left:60px; background:#fff7eb; }
.sd-link-node>span { font-size:13px; line-height:1.55; }
.ep-page[data-page-design="service-links"] #overview .ep-heading { text-align:left; }
.ep-page[data-page-design="service-links"] #overview .ep-kicker { justify-content:flex-start; }
.ep-page[data-page-design="service-links"] .sd-features { display:block; }
.ep-page[data-page-design="service-links"] .sd-features .ep-card { display:grid; grid-template-columns:80px 1fr; gap:35px; padding:35px; border-radius:0; border:0; border-top:1px solid #e4d1e9; box-shadow:none; background:transparent; width:88%; }
.ep-page[data-page-design="service-links"] .sd-features .ep-card:nth-child(2) { margin-left:6%; }
.ep-page[data-page-design="service-links"] .sd-features .ep-card:nth-child(3) { margin-left:12%; }
.ep-page[data-page-design="service-links"] .ep-card-index { border:0; background:none; padding:0; font-size:40px; font-weight:500; color:#c99cd3; align-items:flex-start; }
.ep-page[data-page-design="service-links"] #workflow { background:#32103c; color:#fff; }
.ep-page[data-page-design="service-links"] #workflow .ep-heading>p,.ep-page[data-page-design="service-links"] .sd-workflow p { color:#d6c0dd; }
.ep-page[data-page-design="service-links"] #workflow .ep-kicker { color:#f0cdef; justify-content:flex-start; }
.ep-page[data-page-design="service-links"] .sd-workflow { gap:0; margin-top:45px; }
.ep-page[data-page-design="service-links"] .sd-workflow>li { border-top:1px solid #81508d; padding:0 35px 0 0; }
.ep-page[data-page-design="service-links"] .sd-workflow .ep-step-number { width:52px; height:52px; display:grid; place-items:center; background:#ffb753; border:7px solid #32103c; border-radius:50%; color:#32103c; transform:translateY(-26px); margin:0 0 -4px; }

/* AePS: an assisted service desk, consent checklist and retained reference. */
.ep-page[data-page-design="service-aeps"] .ep-hero-grid { grid-template-columns:.92fr 1.08fr; gap:70px; }
.ep-page[data-page-design="service-aeps"] .ep-service-art { order:-1; }
.ep-page[data-page-design="service-aeps"] .sd-art { border-radius:90px 24px 24px; padding:35px; background:linear-gradient(130deg,#e7c8f0,#fff4e0); }
.sd-assisted-desk { border:1px solid #e5cde9; padding:28px; border-radius:17px; background:#fff; box-shadow:8px 11px 0 #b872c94d; }
.sd-consent-tile { display:flex; align-items:center; gap:18px; padding:24px 0; border-bottom:1px solid #eadbed; }
.sd-consent-tile>div { min-width:0; }
.sd-consent-tile strong { display:block; font-size:20px; line-height:1.25; margin-bottom:8px; }
.sd-consent-tile span { font-size:12px; color:#86568f; }
.sd-consent-tile .sd-visual-icon { flex:none; border-radius:50%; }

@media(max-width:980px) {
 .ep-page[data-page-design] .ep-hero-grid { grid-template-columns:1fr; gap:40px; }
 .ep-page[data-page-design] .ep-service-art { max-width:700px; margin-inline:auto; }
 .ep-page[data-page-design="service-aeps"] .ep-service-art { order:0; }
 .ep-page[data-page-design] #overview .ep-heading,.ep-page[data-page-design] #workflow .ep-heading { position:static; }
}
@media(max-width:640px) {
 .ep-page[data-page-design] .sd-art { padding:19px; border-radius:20px; }
 .ep-page[data-page-design] .sd-art-brand { gap:12px; }
 .ep-page[data-page-design] .sd-art-brand img { width:87px; }
 .ep-page[data-page-design] .sd-art-brand>span { font-size:9px; }
 .ep-page[data-page-design] .sd-art-title { font-size:23px; }
 .ep-page[data-page-design] .sd-features,.ep-page[data-page-design] .sd-workflow { grid-template-columns:1fr; }
 .ep-page[data-page-design] .sd-features h3,.ep-page[data-page-design] .sd-workflow h3 { font-size:23px; }
 .sd-gateway-checkout { grid-template-columns:1fr; }
 .sd-gateway-summary { border-radius:13px 13px 0 0; padding:24px; }
 .sd-gateway-terminal { border-radius:0 0 13px 13px; padding:24px; }
 .ep-page[data-page-design="service-gateway"] .sd-features .ep-card:first-child { grid-row:auto; padding:29px; }
 .ep-page[data-page-design="service-gateway"] .sd-features .ep-card:first-child h3 { font-size:28px; }
 .ep-page[data-page-design="service-gateway"] .sd-workflow>li { grid-template-columns:37px 1fr; gap:15px; }
 .ep-page[data-page-design="service-links"] .sd-art { display:block; padding:10px; }
 .sd-phone { width:min(250px,100%); margin:auto; }
 .sd-link-route { margin-top:32px; }
 .sd-link-node,.sd-link-node:nth-child(2),.sd-link-node:nth-child(3) { margin:12px 0; padding:17px; gap:12px; }
 .sd-link-node:before { display:none; }
 .ep-page[data-page-design="service-links"] .sd-features .ep-card { width:100%; margin:0; grid-template-columns:36px 1fr; gap:15px; padding:28px 0; }
 .ep-page[data-page-design="service-links"] .sd-features .ep-card:nth-child(2),.ep-page[data-page-design="service-links"] .sd-features .ep-card:nth-child(3) { margin-left:0; }
 .ep-page[data-page-design="service-links"] .ep-card-index { font-size:27px; }
 .ep-page[data-page-design="service-links"] .sd-workflow { display:block; margin-top:30px; }
 .ep-page[data-page-design="service-links"] .sd-workflow>li { padding:24px 0; display:grid; grid-template-columns:49px 1fr; gap:15px; }
 .ep-page[data-page-design="service-links"] .sd-workflow .ep-step-number { transform:none; width:46px; height:46px; border-width:0; }
 .sd-assisted-desk { padding:22px 18px; }
 .sd-consent-tile { flex-wrap:wrap; gap:15px; }
}
@media(prefers-reduced-motion:reduce) { .ep-page[data-page-design] *, .ep-page[data-page-design] *:before, .ep-page[data-page-design] *:after { animation:none!important; transition:none!important; } }
/* Purpose-built, data-free illustrations. */
.ep-page[data-page-design="service-links"] .sd-art { flex-wrap:wrap; }
.ep-page[data-page-design="service-links"] .sd-art-note { flex-basis:100%; margin:0; }
.sd-form-outline { padding:1px 0; }
.sd-form-fields { display:grid; gap:15px; }
.sd-form-fields>div { border:1px solid #dfc7e5; border-radius:10px; padding:17px; background:#fff; display:grid; grid-template-columns:22px 1fr; gap:6px 12px; }
.sd-form-fields span { font-size:10px; color:#ac78b8; }
.sd-form-fields b { font-size:13px; font-weight:500; }
.sd-form-fields i { height:7px; width:70%; background:#f2e6f6; grid-column:2; border-radius:3px; }
.sd-form-hand-off { display:flex; align-items:center; gap:20px; padding:22px 0 0; }
.sd-form-hand-off>span { font-size:13px; }
.sd-recurring-title,.sd-personal-intro,.sd-insurance-title { display:flex; align-items:center; gap:23px; margin:25px 0; }
.sd-billing-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; border-top:2px dashed #cda6d5; margin:35px 0 10px; padding-top:25px; }
.sd-billing-period { padding:26px 21px; background:#fff; border:1px solid #dfc7e5; border-radius:14px; display:grid; gap:24px; position:relative; min-width:0; }
.sd-billing-period:before { content:""; width:1px; height:27px; background:#bb89c7; position:absolute; top:-28px; left:37px; }
.sd-billing-period>span { font-size:14px; }
.sd-billing-period:nth-child(2) { background:#f4e9f8; }
.sd-billing-period:nth-child(3) { background:#fff4e3; }
.sd-mandate-orbit { position:relative; min-height:405px; padding:1px; }
.sd-mandate-orbit:before { content:""; position:absolute; width:280px; height:280px; border:1px dashed #be8fcb; border-radius:50%; top:55px; left:50%; transform:translateX(-50%); }
.sd-mandate-center { position:absolute; top:115px; left:50%; transform:translateX(-50%); text-align:center; width:175px; }
.sd-mandate-center .sd-visual-icon { margin:auto; background:#fff; }
.sd-mandate-center .sd-art-title { margin:18px 0!important; }
.sd-orbit-node { position:absolute; display:flex; align-items:center; gap:12px; padding:13px; border:1px solid #dcc0e4; background:#fff; border-radius:12px; box-shadow:0 9px 18px #6434700a; }
.sd-orbit-node>span { font-size:12px; line-height:1.5; }
.sd-orbit-node:nth-child(2) { top:12px; left:50%; transform:translateX(-50%); white-space:nowrap; }
.sd-orbit-node:nth-child(3) { left:0; bottom:48px; }
.sd-orbit-node:nth-child(4) { right:0; bottom:0; background:#fff6e9; }
.sd-register-sheet { padding:27px; border:1px solid #ddc4e3; background:#fffefa; border-radius:8px; box-shadow:7px 7px 0 #dbc0e2; }
.sd-register-rows { border:1px solid #e5d1e8; border-radius:7px; overflow:hidden; }
.sd-register-row { display:flex; align-items:center; gap:16px; padding:18px; border-bottom:1px solid #e5d1e8; background:#fff; }
.sd-register-row:last-child { border-bottom:0; }
.sd-register-row>span { font-size:13px; }
.sd-register-foot { display:flex; align-items:center; gap:23px; margin-top:25px; }
.sd-register-foot>span { font-size:12px; max-width:180px; }
.sd-counter-device { min-height:390px; padding:20px 0; position:relative; }
.sd-soundbox { width:250px; max-width:90%; margin:0 auto; padding:27px 22px; background:linear-gradient(130deg,#fff,#f0e8f3); border:1px solid #cba9d4; border-radius:23px 23px 12px 12px; box-shadow:13px 9px 0 #b986c5,14px 10px 0 #9b6dac; transform:perspective(800px) rotateY(-9deg); text-align:center; }
.sd-soundbox .sd-art-brand { display:block!important; border:0; padding:0; }
.sd-soundbox .sd-art-brand>span { display:none; }
.sd-speaker { width:100px; height:100px; display:grid; place-content:center; gap:8px; border:1px solid #bda0c5; border-radius:50%; margin:24px auto; background:#e7d9ed; }
.sd-speaker i { display:block; width:53px; height:5px; border-radius:3px; background:#93779e; }
.sd-device-light { width:28px; height:5px; background:#ffad49; border-radius:4px; margin:17px auto 0; }
.sd-device-shadow { height:24px; border-radius:50%; background:#89579925; filter:blur(10px); max-width:280px; margin:15px auto; }
.sd-counter-note { width:max-content; max-width:90%; padding:15px 22px; margin:-6px auto 0; background:#fff; border:1px solid #dcc2e3; border-radius:10px; font-size:13px; position:relative; }
.sd-outbound-map,.sd-inbound-map { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; padding:20px 0; }
.sd-route-source { background:#fff; border:1px solid #dfc2e7; padding:24px; border-radius:16px; min-width:0; }
.sd-route-source .sd-art-brand { flex-wrap:wrap; }
.sd-route-branches { position:relative; min-width:0; display:grid; gap:18px; }
.sd-route-branches:before { content:""; position:absolute; left:-26px; top:33px; bottom:33px; width:1px; background:#ba84c8; }
.sd-route-node { display:flex; align-items:center; gap:12px; padding:20px 16px; border:1px solid #dfc7e6; border-radius:11px; background:#fff; position:relative; min-width:0; }
.sd-route-node:before { content:""; position:absolute; left:-26px; width:25px; height:1px; background:#ba84c8; }
.sd-route-node>span { font-size:13px; line-height:1.6; }
.sd-collection-destination { padding:28px 24px; text-align:center; border-radius:50% 50% 15px 15px; background:#fff; border:1px solid #e2cbe8; }
.sd-collection-destination .sd-visual-icon { margin:auto; }
.sd-collection-destination>img { width:95px; height:auto; }
.sd-inbound-map .sd-route-branches:before { left:auto; right:-26px; }
.sd-inbound-map .sd-route-node:before { left:auto; right:-26px; }
.sd-order-review { display:grid; grid-template-columns:1fr; gap:0; padding:5px 10px; }
.sd-review-record { padding:26px; background:#fff; border:1px solid #e1cbe7; border-radius:14px 14px 0 0; }
.sd-receipt-label { padding-top:18px; border-top:1px dashed #d0adda; font-size:13px; }
.sd-review-return { display:grid; grid-template-columns:60px 1fr; gap:4px 20px; align-items:center; padding:24px; border:1px solid #e1cbe7; border-top:0; border-radius:0 0 14px 14px; background:#fff3df; }
.sd-review-return .sd-visual-icon { width:58px!important; height:58px!important; grid-row:1/3; background:#fff!important; }
.sd-review-return>span,.sd-review-return>strong { font-size:12px; font-weight:500; }
.sd-api-architecture { display:grid; grid-template-columns:.75fr 1.5fr .75fr; gap:24px; align-items:center; }
.sd-api-port { display:grid; justify-items:center; gap:20px; text-align:center; }
.sd-api-port>span { font-size:13px; }
.sd-api-core { padding:30px; background:#fff; border:1px solid #dbc0e1; border-radius:15px; text-align:center; }
.sd-api-core .sd-art-brand { flex-wrap:wrap; justify-content:center; }
.sd-api-observation { max-width:350px; margin:24px auto 0; border:1px dashed #cba7d5; border-radius:10px; padding:17px; font-size:13px; text-align:center; color:#80518c; }
.sd-bill-scene { position:relative; padding:0 20px 55px 0; }
.sd-bill-receipt { border:1px solid #dfc2e7; border-bottom:4px dotted #bb95c5; background:#fff; padding:28px 26px; border-radius:8px; }
.sd-bill-field { display:flex; gap:15px; align-items:center; padding:14px 0; border-bottom:1px dashed #e0cbe6; }
.sd-bill-field>span { font-size:13px; }
.sd-bill-review-stamp { display:flex; gap:17px; align-items:center; position:absolute; bottom:0; right:0; padding:15px 23px; border:1px solid #dfc2e7; border-radius:12px; background:#fff7e8; box-shadow:0 12px 25px #60326413; }
.sd-bill-review-stamp .sd-visual-icon { width:49px!important; height:49px!important; }
.sd-bill-review-stamp>span { font-size:13px; max-width:140px; }
.sd-transfer-endpoints { display:grid; grid-template-columns:1fr 55px 1fr; gap:13px; align-items:center; padding:15px 0; }
.sd-transfer-person,.sd-transfer-bank { display:grid; justify-items:center; gap:16px; padding:20px 12px; background:#fff; border:1px solid #e1c7e7; border-radius:14px; text-align:center; }
.sd-transfer-person>span,.sd-transfer-bank>span { font-size:12px; }
.sd-transfer-path { display:flex; align-items:center; color:#800080; }
.sd-transfer-path i { width:12px; height:1px; background:#c49ad0; }
.sd-transfer-path b { font-size:25px; }
.sd-transfer-reference { background:#fff9ed; padding:23px; margin-top:25px; border:1px solid #e5cfb3; border-radius:13px; }
.sd-transfer-reference>span { font-size:12px; }
.sd-border-lanes { display:grid; grid-template-columns:1fr 45px 1fr; gap:20px; align-items:center; }
.sd-border-lanes>div { background:#fff; border:1px solid #e0c7e7; border-radius:15px; padding:25px; display:grid; gap:18px; justify-items:center; text-align:center; }
.sd-border-lanes>div>b { font-size:11px; letter-spacing:.15em; color:#85608d; }
.sd-border-lanes>div>span { font-size:13px; }
.sd-border-link { font-size:33px; font-style:normal; color:#a25db0; }
.sd-border-context { text-align:center; margin:25px 0 0; font-size:13px; padding:14px; border:1px dashed #cba5d3; border-radius:8px; }
.sd-folder-tab { background:#800080; color:#fff; font-size:10px; letter-spacing:.12em; width:max-content; max-width:100%; padding:15px 22px; border-radius:12px 12px 0 0; }
.sd-folder-body { padding:28px; border:1px solid #d8b7e1; border-top:6px solid #800080; background:#fff; border-radius:0 16px 16px; }
.sd-case-documents { display:grid; gap:14px; }
.sd-case-document { display:flex; align-items:center; gap:16px; padding:17px; border:1px solid #e4d2e9; border-radius:5px; box-shadow:3px 3px #f3e6f6; }
.sd-case-document>span { font-size:13px; }
.sd-application-stairs { display:grid; gap:18px; padding:10px 0; }
.sd-application-stage { display:flex; align-items:center; gap:18px; padding:22px; border:1px solid #dfc2e6; background:#fff; border-radius:14px; box-shadow:0 8px 20px #5b295f0d; }
.sd-application-stage:nth-child(2) { margin-left:35px; background:#f7edf9; }
.sd-application-stage:nth-child(3) { margin-left:70px; background:#fff5e7; }
.sd-application-stage>span { font-size:13px; }
.sd-pan-record { padding:25px; border:1px solid #debee6; background:#fff; border-radius:13px; }
.sd-pan-card { display:grid; grid-template-columns:75px 1fr; gap:22px; align-items:center; padding-top:10px; }
.sd-pan-card .sd-art-title { margin-bottom:15px!important; }
.sd-pan-card .sd-rule-lines { margin:15px 0!important; }
.sd-pan-review { margin:20px 0 0 20px; padding:14px 21px; border:1px solid #dec1e5; border-radius:11px; background:#fff9ef; }
.sd-pan-check { display:flex; align-items:center; gap:13px; padding:10px 0; }
.sd-pan-check>span { font-size:12px; }
.sd-itinerary { border:1px solid #d5b4dd; border-radius:16px; background:#fff; padding:28px; }
.sd-itinerary-title { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.sd-itinerary-title .sd-visual-icon { flex:none; }
.sd-itinerary-stops { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:30px 0; border-top:1px dashed #bf90ca; }
.sd-itinerary-stop { padding-top:0; font-size:12px; }
.sd-itinerary-stop>b { transform:translateY(-17px); }
.sd-itinerary-stop>span { display:block; margin-top:-2px; }
.sd-ticket-perforation { margin-inline:-28px; border-top:2px dashed #d9b8e0; position:relative; }
.sd-ticket-foot { padding-top:21px; font-size:12px; color:#9a639f; }
.sd-account-files { position:relative; padding:23px 15px 0 0; }
.sd-file-back,.sd-file-middle { position:absolute; inset:0 35px 20px 15px; border:1px solid #dab4e3; border-radius:13px; background:#e8ccef; transform:rotate(-5deg); }
.sd-file-middle { inset:11px 23px 10px 5px; background:#fff0d5; transform:rotate(3deg); }
.sd-file-front { position:relative; border:1px solid #dac0e1; border-radius:13px; background:#fff; padding:28px; }
.sd-file-front>.sd-visual-icon { float:right; margin:0 0 20px 20px; }
.sd-account-row { clear:both; display:flex; align-items:center; gap:17px; padding:15px 0; border-bottom:1px solid #ead8ef; }
.sd-account-row>span { font-size:13px; }
.sd-parcel-scene { display:grid; grid-template-columns:.8fr 1.2fr; gap:28px; align-items:center; padding:15px 0; }
.sd-parcel-box { padding:24px 12px; border-radius:17px; background:#ffdfad; border:1px solid #dfb274; transform:rotate(-4deg); text-align:center; }
.sd-parcel-box>svg { width:100%; max-width:155px; color:#a76217; }
.sd-parcel-box>span { font-size:16px; line-height:1.5; display:block; color:#744419; margin-top:10px; }
.sd-parcel-trail { border-left:1px dashed #b789c2; padding-left:22px; }
.sd-parcel-checkpoint { padding:15px 0; display:flex; gap:13px; align-items:center; }
.sd-parcel-checkpoint>span { font-size:13px; line-height:1.5; }
.sd-registration-stack { display:grid; gap:0; padding:5px 15px 10px 0; }
.sd-registration-paper { display:grid; grid-template-columns:26px 56px 1fr; gap:18px; align-items:center; border:1px solid #d5b7de; background:#fff; border-radius:11px; padding:25px; box-shadow:5px 5px #d9b7e15e; }
.sd-registration-paper:nth-child(2) { margin:-2px 0 0 20px; background:#faf1fc; }
.sd-registration-paper:nth-child(3) { margin:-2px 0 0 40px; background:#fff7ea; }
.sd-registration-paper>span { font-size:11px; color:#9b6da8; }
.sd-registration-paper .sd-visual-icon { width:52px!important; height:52px!important; }
.sd-registration-paper>strong { font-size:13px; font-weight:500; }
.sd-registration-caption .sd-art-title { text-align:center; margin:26px 0 0!important; }
.sd-eligibility-review { padding:28px; border:1px solid #dfc5e6; border-radius:14px; background:#fff; position:relative; }
.sd-eligibility-symbol { position:absolute; top:105px; right:25px; opacity:.35; }
.sd-eligibility-review>.sd-art-title { max-width:65%; }
.sd-eligibility-list { margin-top:28px; }
.sd-eligibility-item { display:flex; align-items:center; gap:15px; padding:16px 0; border-top:1px solid #eadbed; }
.sd-eligibility-item>span { font-size:13px; }
.sd-policy-papers { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.sd-policy-paper { padding:28px 21px; border:1px solid #ddc1e4; border-radius:8px; background:#fff; transform:rotate(-3deg); }
.sd-policy-paper:nth-child(2) { transform:rotate(3deg); background:#fff8eb; }
.sd-policy-paper>span { font-size:15px; line-height:1.5; color:#5b3166; display:block; }
.sd-proposal-followup { padding:16px 23px; background:#fff; border:1px solid #dfc9e5; border-radius:9px; margin:25px 20px 0; font-size:13px; text-align:center; }
.sd-citizen-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.sd-citizen-hub { padding:25px; border-radius:15px; border:1px solid #e0c6e6; background:#fff; }
.sd-citizen-hub .sd-art-brand { flex-wrap:wrap; gap:12px; }
.sd-citizen-hub .sd-art-title { font-size:26px!important; margin-bottom:0!important; }
.sd-citizen-service { padding:25px; border:1px solid #dcbce5; border-radius:15px; background:#fff9ee; display:flex; flex-direction:column; gap:20px; align-items:flex-start; }
.sd-citizen-service:nth-child(3) { background:#f2e2f7; }
.sd-citizen-service:nth-child(4) { background:#fff; }
.sd-citizen-service>span { font-size:13px; line-height:1.5; }
.sd-enquiry-root { text-align:center; padding:15px 0 30px; }
.sd-enquiry-root .sd-visual-icon { margin:auto; }
.sd-enquiry-root .sd-art-title { margin-bottom:12px!important; }
.sd-enquiry-root>span { font-size:13px; }
.sd-enquiry-fork { display:grid; grid-template-columns:1fr 1fr; gap:30px; border-top:1px solid #bd8dca; padding-top:25px; position:relative; }
.sd-enquiry-fork:before { content:""; position:absolute; top:-25px; left:50%; width:1px; height:25px; background:#bd8dca; }
.sd-enquiry-fork>div { display:grid; justify-items:center; gap:18px; padding:24px; border:1px solid #d8b9e1; border-radius:12px; background:#fff; }
.sd-enquiry-fork>div:last-child { background:#fff5e5; }
.sd-enquiry-fork>div>span { font-size:15px; }
.sd-enquiry-followup { font-size:13px; text-align:center; margin-top:24px; color:#8a5796; }

@media(max-width:640px) {
 .sd-billing-strip { grid-template-columns:1fr; gap:15px; border-top:0; border-left:1px dashed #cda6d5; margin:15px 0 0 12px; padding:0 0 0 20px; }
 .sd-billing-period { display:flex; align-items:center; gap:16px; padding:19px; }
 .sd-billing-period:before { top:50%; left:-21px; width:20px; height:1px; }
 .sd-mandate-orbit { min-height:360px; }
 .sd-mandate-orbit:before { width:200px; height:230px; top:65px; }
 .sd-mandate-center { top:105px; width:150px; }
 .sd-orbit-node { padding:11px; gap:8px; }
 .sd-orbit-node>span { font-size:10px; }
 .sd-orbit-node:nth-child(3) { bottom:45px; }
 .sd-orbit-node:nth-child(4) { bottom:0; }
 .sd-register-sheet { padding:20px 17px; box-shadow:4px 4px 0 #dbc0e2; }
 .sd-register-row { padding:14px 11px; gap:10px; }
 .sd-register-row>span { font-size:12px; }
 .sd-register-foot { gap:15px; }
 .sd-register-foot .sd-visual-icon { flex:none; width:58px!important; height:58px!important; }
 .sd-soundbox { width:230px; padding:24px 18px; }
 .sd-outbound-map,.sd-inbound-map { grid-template-columns:1fr; gap:28px; padding:0; }
 .sd-route-source { padding:23px; }
 .sd-route-source .sd-art-brand { flex-wrap:nowrap; }
 .sd-route-source>.sd-visual-icon { margin:auto; }
 .sd-route-branches { gap:11px; }
 .sd-route-branches:before,.sd-route-node:before { display:none; }
 .sd-collection-destination { border-radius:15px; padding:23px; }
 .sd-api-architecture { grid-template-columns:1fr; gap:19px; }
 .sd-api-port { display:flex; align-items:center; gap:18px; text-align:left; background:#fff6; padding:15px; border-radius:9px; }
 .sd-api-port .sd-visual-icon { flex:none; width:56px!important; height:56px!important; }
 .sd-api-core { padding:25px; }
 .sd-order-review { padding:0; }
 .sd-review-record { padding:23px 19px; }
 .sd-review-return { padding:20px 17px; gap:4px 15px; }
 .sd-bill-scene { padding-right:10px; padding-bottom:65px; }
 .sd-bill-receipt { padding:23px 18px; }
 .sd-bill-review-stamp { padding:13px 16px; gap:14px; }
 .sd-transfer-endpoints { grid-template-columns:1fr; gap:15px; }
 .sd-transfer-person,.sd-transfer-bank { display:flex; gap:20px; text-align:left; }
 .sd-transfer-person .sd-visual-icon,.sd-transfer-bank .sd-visual-icon { flex:none; width:58px!important; height:58px!important; }
 .sd-transfer-path { justify-content:center; transform:rotate(90deg); height:20px; }
 .sd-border-lanes { grid-template-columns:1fr; gap:15px; }
 .sd-border-lanes>div { padding:20px; }
 .sd-border-link { text-align:center; transform:rotate(90deg); line-height:1; }
 .sd-folder-body { padding:23px 18px; }
 .sd-case-document { padding:14px; gap:12px; }
 .sd-personal-intro,.sd-insurance-title,.sd-recurring-title { gap:15px; }
 .sd-personal-intro .sd-visual-icon,.sd-insurance-title .sd-visual-icon,.sd-recurring-title .sd-visual-icon { flex:none; width:58px!important; height:58px!important; }
 .sd-application-stage { padding:18px 15px; gap:12px; }
 .sd-application-stage:nth-child(2) { margin-left:12px; }
 .sd-application-stage:nth-child(3) { margin-left:24px; }
 .sd-pan-record { padding:22px 18px; }
 .sd-pan-card { grid-template-columns:1fr; gap:5px; }
 .sd-pan-card .sd-visual-icon { margin-top:20px; }
 .sd-pan-review { margin-left:10px; padding:12px 15px; }
 .sd-itinerary { padding:22px 18px; }
 .sd-itinerary-title { flex-wrap:wrap; gap:0; }
 .sd-itinerary-stops { grid-template-columns:1fr; border-top:0; border-left:1px dashed #bf90ca; gap:20px; padding-left:21px; margin:25px 0; }
 .sd-itinerary-stop { display:flex; align-items:center; gap:14px; }
 .sd-itinerary-stop>b { transform:none; flex:none; }
 .sd-ticket-perforation { margin-inline:-18px; }
 .sd-account-files { padding-right:7px; }
 .sd-file-front { padding:23px 18px; }
 .sd-file-front>.sd-visual-icon { float:none; margin:20px 0; }
 .sd-parcel-scene { grid-template-columns:1fr; gap:23px; }
 .sd-parcel-box { max-width:185px; margin:auto; padding:20px; }
 .sd-parcel-box>svg { max-width:100px; }
 .sd-parcel-trail { padding-left:17px; }
 .sd-registration-stack { padding-right:8px; }
 .sd-registration-paper { grid-template-columns:19px 1fr; gap:13px; padding:20px 15px; }
 .sd-registration-paper .sd-visual-icon { display:none!important; }
 .sd-registration-paper:nth-child(2) { margin-left:10px; }
 .sd-registration-paper:nth-child(3) { margin-left:20px; }
 .sd-eligibility-review { padding:23px 18px; }
 .sd-eligibility-symbol { top:105px; right:17px; }
 .sd-eligibility-symbol .sd-visual-icon { width:55px!important; height:55px!important; }
 .sd-policy-papers { grid-template-columns:1fr; gap:15px; }
 .sd-policy-paper { transform:none; padding:22px; }
 .sd-policy-paper:nth-child(2) { transform:none; }
 .sd-proposal-followup { margin-inline:0; }
 .sd-citizen-grid { grid-template-columns:1fr; gap:14px; }
 .sd-citizen-hub { padding:23px; }
 .sd-citizen-hub .sd-art-brand { flex-wrap:nowrap; }
 .sd-citizen-service { flex-direction:row; align-items:center; gap:18px; padding:20px; }
 .sd-citizen-service .sd-visual-icon { flex:none; width:58px!important; height:58px!important; }
 .sd-enquiry-fork { gap:13px; }
 .sd-enquiry-fork>div { padding:21px 12px; }
 .sd-enquiry-fork .sd-visual-icon { width:55px!important; height:55px!important; }
}

/* forms — curated page composition. */

.ep-page[data-page-design="service-forms"] .ep-hero-grid { grid-template-columns:.9fr 1.1fr; gap:70px; }
.ep-page[data-page-design="service-forms"] #overview { display:grid; grid-template-columns:.75fr 1.25fr; gap:60px; }
.ep-page[data-page-design="service-forms"] #overview .ep-heading { display:block; }
.ep-page[data-page-design="service-forms"] #overview .ep-heading>p { margin-top:24px; }
.ep-page[data-page-design="service-forms"] .sd-features { display:block; border:1px solid #e2cde8; border-radius:12px; overflow:hidden; }
.ep-page[data-page-design="service-forms"] .sd-features .ep-card { display:grid; grid-template-columns:45px 1fr; gap:22px; border:0; border-bottom:1px solid #e2cde8; border-radius:0; box-shadow:none; padding:32px; }
.ep-page[data-page-design="service-forms"] .sd-features .ep-card:last-child { border-bottom:0; }
.ep-page[data-page-design="service-forms"] .ep-card-index { align-self:start; justify-content:center; }
.ep-page[data-page-design="service-forms"] #workflow { background:#fff9ef; }
.ep-page[data-page-design="service-forms"] .sd-workflow { display:block; max-width:950px; }
.ep-page[data-page-design="service-forms"] .sd-workflow>li { display:grid; grid-template-columns:100px 1fr; gap:35px; padding:30px 0; border-top:1px dashed #dabb90; }
.ep-page[data-page-design="service-forms"] .ep-step-number { display:grid; place-items:center; border:1px solid #e4c594; background:#fff; border-radius:10px; height:65px; width:65px; font-size:23px; }

/* subscriptions — curated page composition. */

.ep-page[data-page-design="service-subscriptions"] .ep-hero-grid { display:block; text-align:center; }
.ep-page[data-page-design="service-subscriptions"] .ep-hero-copy { max-width:1050px; margin:auto; }
.ep-page[data-page-design="service-subscriptions"] h1 { max-width:1040px; margin-inline:auto; }
.ep-page[data-page-design="service-subscriptions"] .ep-lead { max-width:850px; margin-inline:auto; }
.ep-page[data-page-design="service-subscriptions"] .ep-kicker,.ep-page[data-page-design="service-subscriptions"] .ep-actions { justify-content:center; }
.ep-page[data-page-design="service-subscriptions"] .ep-service-art { max-width:1100px; margin:45px auto 0; text-align:left; }
.ep-page[data-page-design="service-subscriptions"] .sd-art { background:#fff; padding:30px 40px; }
.ep-page[data-page-design="service-subscriptions"] .sd-recurring-title { justify-content:space-between; }
.ep-page[data-page-design="service-subscriptions"] .sd-features { grid-template-columns:1fr 1fr; gap:0; border:1px solid #e4d1eb; border-radius:15px; overflow:hidden; }
.ep-page[data-page-design="service-subscriptions"] .sd-features .ep-card { border:0; border-radius:0; box-shadow:none; padding:38px; }
.ep-page[data-page-design="service-subscriptions"] .sd-features .ep-card:first-child { grid-column:1/-1; display:grid; grid-template-columns:60px 1fr; gap:25px; background:#f1e2f7; border-bottom:1px solid #e4d1eb; }
.ep-page[data-page-design="service-subscriptions"] .sd-features .ep-card:nth-child(2) { border-right:1px solid #e4d1eb; }
.ep-page[data-page-design="service-subscriptions"] #workflow { background:#fff; border-bottom:4px solid #efd5ba; }
.ep-page[data-page-design="service-subscriptions"] .sd-workflow { grid-template-columns:repeat(3,1fr); gap:25px; }
.ep-page[data-page-design="service-subscriptions"] .sd-workflow>li { border:1px solid #dcc2e5; border-radius:12px; padding:25px; background:linear-gradient(#f6eafa 0 56px,#fff 56px); }
.ep-page[data-page-design="service-subscriptions"] .sd-workflow>li:nth-child(2) { margin-top:30px; }
.ep-page[data-page-design="service-subscriptions"] .sd-workflow>li:nth-child(3) { margin-top:60px; }
.ep-page[data-page-design="service-subscriptions"] .ep-step-number { padding-bottom:12px; border-bottom:1px solid #e5d1eb; margin-bottom:22px; }

/* upi-autopay — curated page composition. */

.ep-page[data-page-design="service-upi-autopay"] .ep-hero-grid { grid-template-columns:1fr 1.1fr; gap:80px; }
.ep-page[data-page-design="service-upi-autopay"] .ep-service-art { order:-1; }
.ep-page[data-page-design="service-upi-autopay"] .sd-art { background:radial-gradient(ellipse,#fff 20%,#ecd6f4); border-radius:40px; }
.ep-page[data-page-design="service-upi-autopay"] .sd-features { grid-template-columns:1fr 1fr; gap:28px; max-width:1050px; margin-inline:auto; }
.ep-page[data-page-design="service-upi-autopay"] .sd-features .ep-card { padding:36px; border-radius:24px; background:#fff; }
.ep-page[data-page-design="service-upi-autopay"] .sd-features .ep-card:first-child { grid-column:1/-1; max-width:660px; justify-self:center; text-align:center; border:1px solid #cea5da; background:#f7edfb; }
.ep-page[data-page-design="service-upi-autopay"] .ep-card-index { border-radius:50%; width:47px; height:47px; justify-content:center; }
.ep-page[data-page-design="service-upi-autopay"] #workflow { background:#35123e; color:#fff; }
.ep-page[data-page-design="service-upi-autopay"] #workflow .ep-kicker { color:#e3bde9; }
.ep-page[data-page-design="service-upi-autopay"] #workflow .ep-heading>p,.ep-page[data-page-design="service-upi-autopay"] .sd-workflow p { color:#d8c0df; }
.ep-page[data-page-design="service-upi-autopay"] .sd-workflow { gap:30px; }
.ep-page[data-page-design="service-upi-autopay"] .sd-workflow>li { border:0; padding:30px; border-radius:45px 15px 15px; background:#ffffff08; }
.ep-page[data-page-design="service-upi-autopay"] .sd-workflow .ep-step-number { display:grid; place-items:center; width:64px; height:64px; border:1px dashed #b184c1; color:#ffbd6d; border-radius:50%; margin-bottom:30px; }

/* enach — curated page composition. */

.ep-page[data-page-design="service-enach"] .ep-hero-grid { grid-template-columns:1fr 1.15fr; gap:75px; align-items:start; }
.ep-page[data-page-design="service-enach"] .sd-art { border-radius:12px; background:#ead4f2; }
.ep-page[data-page-design="service-enach"] #overview .ep-heading { border-bottom:3px solid #800080; padding-bottom:30px; margin-bottom:0; }
.ep-page[data-page-design="service-enach"] .sd-features { display:block; }
.ep-page[data-page-design="service-enach"] .sd-features .ep-card { display:grid; grid-template-columns:65px 1fr 1.5fr; align-items:start; gap:25px; border:0; border-bottom:1px solid #decae7; border-radius:0; padding:35px 20px; background:transparent; box-shadow:none; }
.ep-page[data-page-design="service-enach"] .sd-feature-copy { display:contents; }
.ep-page[data-page-design="service-enach"] .ep-card-index { justify-self:start; }
.ep-page[data-page-design="service-enach"] #workflow>.ep-shell { display:grid; grid-template-columns:.75fr 1.25fr; gap:65px; }
.ep-page[data-page-design="service-enach"] #workflow .ep-heading { display:block; }
.ep-page[data-page-design="service-enach"] #workflow .ep-heading>p { margin-top:25px; }
.ep-page[data-page-design="service-enach"] .sd-workflow { display:block; background:#fff; border:1px solid #ddc9e4; border-radius:10px; padding:12px 28px; margin:0; box-shadow:8px 8px #e1c9e8; }
.ep-page[data-page-design="service-enach"] .sd-workflow>li { padding:25px 0; border-top:0; border-bottom:1px solid #e5d1eb; }
.ep-page[data-page-design="service-enach"] .sd-workflow>li:last-child { border-bottom:0; }
.ep-page[data-page-design="service-enach"] .ep-step-number { color:#a067b0; margin-bottom:12px; }

/* soundbox — curated page composition. */

.ep-page[data-page-design="service-soundbox"] .ep-hero-grid { grid-template-columns:1.1fr .9fr; gap:100px; }
.ep-page[data-page-design="service-soundbox"] .sd-art { border-radius:130px 130px 25px 25px; background:linear-gradient(#f1e1f8,#ffe4b7); }
.ep-page[data-page-design="service-soundbox"] .sd-features { grid-template-columns:1fr 1fr; gap:24px; }
.ep-page[data-page-design="service-soundbox"] .sd-features .ep-card:first-child { grid-row:1/3; display:flex; flex-direction:column; justify-content:center; background:#fff3e2; border-color:#eacb9b; padding:45px; }
.ep-page[data-page-design="service-soundbox"] .sd-features .ep-card:first-child h3 { font-size:32px; }
.ep-page[data-page-design="service-soundbox"] .sd-features .ep-card:first-child .ep-card-index { width:max-content; }
.ep-page[data-page-design="service-soundbox"] #workflow { background:#fff; }
.ep-page[data-page-design="service-soundbox"] .sd-workflow { display:block; max-width:1080px; margin-inline:auto; }
.ep-page[data-page-design="service-soundbox"] .sd-workflow>li { width:80%; padding:30px; margin-bottom:20px; border:1px solid #e2cce8; border-radius:12px; display:grid; grid-template-columns:55px 1fr; gap:25px; background:#faf2fd; }
.ep-page[data-page-design="service-soundbox"] .sd-workflow>li:nth-child(2) { margin-left:10%; background:#fff; }
.ep-page[data-page-design="service-soundbox"] .sd-workflow>li:nth-child(3) { margin-left:20%; background:#fff5e6; }
.ep-page[data-page-design="service-soundbox"] .ep-step-number { font-size:30px; }

/* payouts — curated page composition. */

.ep-page[data-page-design="service-payouts"] .ep-hero-grid { display:block; }
.ep-page[data-page-design="service-payouts"] .ep-hero-copy { max-width:1050px; margin:auto; text-align:center; }
.ep-page[data-page-design="service-payouts"] h1 { max-width:1000px; margin-inline:auto; }
.ep-page[data-page-design="service-payouts"] .ep-lead { max-width:850px; margin-inline:auto; }
.ep-page[data-page-design="service-payouts"] .ep-hero-copy .ep-kicker,.ep-page[data-page-design="service-payouts"] .ep-actions { justify-content:center; }
.ep-page[data-page-design="service-payouts"] .ep-service-art { max-width:1000px; margin:45px auto 0; }
.ep-page[data-page-design="service-payouts"] .sd-art { background:#f5e9fa; }
.ep-page[data-page-design="service-payouts"] .sd-outbound-map { grid-template-columns:1fr 1.4fr; gap:70px; }
.ep-page[data-page-design="service-payouts"] .sd-features { display:block; }
.ep-page[data-page-design="service-payouts"] .sd-features .ep-card { display:grid; grid-template-columns:70px 1fr; gap:30px; border:0; border-radius:0; border-left:4px solid #cba2d7; background:#fff; padding:35px; margin-bottom:18px; }
.ep-page[data-page-design="service-payouts"] .sd-features .ep-card:nth-child(2) { border-left-color:#800080; margin-left:45px; }
.ep-page[data-page-design="service-payouts"] .sd-features .ep-card:nth-child(3) { border-left-color:#ff941c; margin-left:90px; }
.ep-page[data-page-design="service-payouts"] .sd-feature-copy { display:grid; grid-template-columns:.8fr 1.2fr; gap:30px; }
.ep-page[data-page-design="service-payouts"] .ep-card-index { background:none; border:0; font-size:30px; padding:0; }
.ep-page[data-page-design="service-payouts"] #workflow>.ep-shell { display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; }
.ep-page[data-page-design="service-payouts"] #workflow .ep-heading { display:block; }
.ep-page[data-page-design="service-payouts"] #workflow .ep-heading>p { margin-top:25px; }
.ep-page[data-page-design="service-payouts"] .sd-workflow { display:block; margin:0; border-left:1px solid #cba5d4; padding-left:35px; }
.ep-page[data-page-design="service-payouts"] .sd-workflow>li { border:0; border-bottom:1px solid #decae6; padding:28px 0; }
.ep-page[data-page-design="service-payouts"] .ep-step-number { position:absolute; left:-53px; top:29px; width:35px; height:35px; background:#800080; color:#fff; border:5px solid #f2ebf6; border-radius:50%; display:grid; place-items:center; font-size:11px; }

/* upi-collection — curated page composition. */

.ep-page[data-page-design="service-upi-collection"] .ep-hero-grid { grid-template-columns:1.15fr 1fr; gap:65px; }
.ep-page[data-page-design="service-upi-collection"] .ep-service-art { order:-1; }
.ep-page[data-page-design="service-upi-collection"] .sd-features { grid-template-columns:1fr 1fr; gap:22px; }
.ep-page[data-page-design="service-upi-collection"] .sd-features .ep-card { padding:37px; }
.ep-page[data-page-design="service-upi-collection"] .sd-features .ep-card:last-child { grid-column:1/-1; background:#381341; color:#fff; display:grid; grid-template-columns:55px 1fr; gap:26px; }
.ep-page[data-page-design="service-upi-collection"] .sd-features .ep-card:last-child p { color:#decbe4; }
.ep-page[data-page-design="service-upi-collection"] .sd-features .ep-card:last-child .sd-feature-copy { display:grid; grid-template-columns:.65fr 1.35fr; gap:35px; }
.ep-page[data-page-design="service-upi-collection"] #workflow { background:#fff7ea; }
.ep-page[data-page-design="service-upi-collection"] .sd-workflow { grid-template-columns:1fr 1fr; gap:26px; }
.ep-page[data-page-design="service-upi-collection"] .sd-workflow>li { border-top:0; border-left:1px solid #d9bcdf; padding:22px 25px; }
.ep-page[data-page-design="service-upi-collection"] .sd-workflow>li:last-child { grid-column:1/-1; max-width:760px; justify-self:center; text-align:center; border:1px solid #dfc4e5; background:#fff; border-radius:15px; padding:32px; }
.ep-page[data-page-design="service-upi-collection"] .sd-workflow>li:last-child .ep-step-number { color:#800080; font-size:25px; }

/* checkout — curated page composition. */

.ep-page[data-page-design="service-checkout"] .ep-hero-grid { grid-template-columns:1.2fr .8fr; gap:95px; }
.ep-page[data-page-design="service-checkout"] .sd-art { transform:rotate(1deg); border-radius:20px; }
.ep-page[data-page-design="service-checkout"] #overview { display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; }
.ep-page[data-page-design="service-checkout"] #overview .ep-heading { display:block; }
.ep-page[data-page-design="service-checkout"] #overview .ep-heading>p { margin-top:25px; }
.ep-page[data-page-design="service-checkout"] .sd-features { display:block; }
.ep-page[data-page-design="service-checkout"] .sd-features .ep-card { border:0; border-left:1px solid #cba6d6; border-radius:0; margin-left:22px; background:none; box-shadow:none; padding:0 0 35px 35px; }
.ep-page[data-page-design="service-checkout"] .ep-card-index { position:absolute; left:-22px; top:0; display:grid; place-items:center; width:42px; height:42px; padding:0; border-radius:50%; }
.ep-page[data-page-design="service-checkout"] #workflow { background:#fff; }
.ep-page[data-page-design="service-checkout"] .sd-workflow { grid-template-columns:1fr 1fr; gap:20px; }
.ep-page[data-page-design="service-checkout"] .sd-workflow>li { border:1px solid #e2cde8; padding:28px; border-radius:12px; background:#faf2fc; }
.ep-page[data-page-design="service-checkout"] .sd-workflow>li:last-child { grid-column:1/-1; display:grid; grid-template-columns:55px 1fr; gap:25px; background:#fff4e4; border-color:#e9cd9f; }
.ep-page[data-page-design="service-checkout"] .sd-workflow>li:last-child .sd-stage-copy { display:grid; grid-template-columns:.75fr 1.25fr; gap:35px; }

/* payment-apis — curated page composition. */

.ep-page[data-page-design="service-payment-apis"] .ep-hero-grid { display:block; }
.ep-page[data-page-design="service-payment-apis"] .ep-hero-copy { max-width:1050px; margin:auto; text-align:center; }
.ep-page[data-page-design="service-payment-apis"] h1 { max-width:1040px; margin-inline:auto; }
.ep-page[data-page-design="service-payment-apis"] .ep-hero-copy .ep-kicker,.ep-page[data-page-design="service-payment-apis"] .ep-actions { justify-content:center; }
.ep-page[data-page-design="service-payment-apis"] .ep-lead { max-width:820px; margin-inline:auto; }
.ep-page[data-page-design="service-payment-apis"] .ep-service-art { max-width:1050px; margin:48px auto 0; }
.ep-page[data-page-design="service-payment-apis"] .sd-art { background:linear-gradient(120deg,#e9d4f0,#fff2da); padding:35px; }
.ep-page[data-page-design="service-payment-apis"] .sd-features { grid-template-columns:1fr; border:1px solid #dbc4e3; border-radius:12px; overflow:hidden; gap:0; }
.ep-page[data-page-design="service-payment-apis"] .sd-features .ep-card { display:grid; grid-template-columns:52px 1fr; gap:25px; border:0; border-bottom:1px solid #e1cde8; border-radius:0; box-shadow:none; padding:35px; }
.ep-page[data-page-design="service-payment-apis"] .sd-features .ep-card:last-child { border-bottom:0; }
.ep-page[data-page-design="service-payment-apis"] .sd-feature-copy { display:grid; grid-template-columns:.7fr 1.3fr; gap:35px; }
.ep-page[data-page-design="service-payment-apis"] #workflow { background:#281030; color:#fff; }
.ep-page[data-page-design="service-payment-apis"] #workflow .ep-kicker { color:#dfb4e6; }
.ep-page[data-page-design="service-payment-apis"] #workflow .ep-heading>p,.ep-page[data-page-design="service-payment-apis"] .sd-workflow p { color:#d2bada; }
.ep-page[data-page-design="service-payment-apis"] .sd-workflow { gap:28px; }
.ep-page[data-page-design="service-payment-apis"] .sd-workflow>li { border:1px solid #76547f; border-radius:8px; padding:30px; background:#ffffff04; }
.ep-page[data-page-design="service-payment-apis"] .ep-step-number { display:inline-block; border-bottom:2px solid #ffac45; color:#ffc479; padding:0 0 15px; margin-bottom:25px; }

/* bill-payments — curated page composition. */

.ep-page[data-page-design="service-bill-payments"] .ep-hero-grid { grid-template-columns:.92fr 1.08fr; gap:90px; }
.ep-page[data-page-design="service-bill-payments"] .ep-service-art { order:-1; }
.ep-page[data-page-design="service-bill-payments"] .sd-art { border-radius:18px; background:#eee0f4; }

/* domestic-money-transfer — curated page composition. */

.ep-page[data-page-design="service-domestic-money-transfer"] .ep-hero-grid { grid-template-columns:1.05fr .95fr; gap:75px; }
.ep-page[data-page-design="service-domestic-money-transfer"] .sd-art { background:linear-gradient(130deg,#f2e5f8,#fff4df); border-radius:24px 70px 24px 24px; }

/* indo-nepal-transfer — curated page composition. */

.ep-page[data-page-design="service-indo-nepal-transfer"] .ep-hero-grid { display:block; text-align:center; }
.ep-page[data-page-design="service-indo-nepal-transfer"] .ep-hero-copy { max-width:1050px; margin:auto; }
.ep-page[data-page-design="service-indo-nepal-transfer"] h1 { max-width:980px; margin-inline:auto; }
.ep-page[data-page-design="service-indo-nepal-transfer"] .ep-lead { max-width:850px; margin-inline:auto; }
.ep-page[data-page-design="service-indo-nepal-transfer"] .ep-hero-copy .ep-kicker,.ep-page[data-page-design="service-indo-nepal-transfer"] .ep-actions { justify-content:center; }
.ep-page[data-page-design="service-indo-nepal-transfer"] .ep-service-art { max-width:980px; margin:45px auto 0; text-align:left; }
.ep-page[data-page-design="service-indo-nepal-transfer"] .sd-art { padding:32px 40px; background:#fffaf1; }
.ep-page[data-page-design="service-indo-nepal-transfer"] .sd-border-header { display:flex; align-items:center; gap:45px; margin-bottom:25px; }
.ep-page[data-page-design="service-indo-nepal-transfer"] .sd-border-header .sd-art-brand { flex:1; border-bottom:0; padding:0; }

/* business-loans — curated page composition. */

.ep-page[data-page-design="service-business-loans"] .ep-hero-grid { grid-template-columns:1fr 1fr; gap:85px; }
.ep-page[data-page-design="service-business-loans"] .sd-art { background:linear-gradient(135deg,#edd7f4,#f8effa); border-radius:22px; padding:35px; }

/* personal-loans — curated page composition. */

.ep-page[data-page-design="service-personal-loans"] .ep-hero-grid { grid-template-columns:1.1fr .9fr; gap:75px; }
.ep-page[data-page-design="service-personal-loans"] .sd-art { border-radius:35px 35px 90px 35px; background:linear-gradient(#f5e6f9,#fff0d7); }

/* pan-card — curated page composition. */

.ep-page[data-page-design="service-pan-card"] .ep-hero-grid { grid-template-columns:.95fr 1.05fr; gap:80px; }
.ep-page[data-page-design="service-pan-card"] .ep-service-art { order:-1; }
.ep-page[data-page-design="service-pan-card"] .sd-art { background:#f1e3f7; border-radius:25px; }

/* travel-booking — curated page composition. */

.ep-page[data-page-design="service-travel-booking"] .ep-hero-grid { display:block; }
.ep-page[data-page-design="service-travel-booking"] .ep-hero-copy { text-align:center; max-width:1020px; margin:auto; }
.ep-page[data-page-design="service-travel-booking"] h1 { max-width:1000px; margin-inline:auto; }
.ep-page[data-page-design="service-travel-booking"] .ep-lead { max-width:820px; margin-inline:auto; }
.ep-page[data-page-design="service-travel-booking"] .ep-hero-copy .ep-kicker,.ep-page[data-page-design="service-travel-booking"] .ep-actions { justify-content:center; }
.ep-page[data-page-design="service-travel-booking"] .ep-service-art { max-width:950px; margin:45px auto 0; }
.ep-page[data-page-design="service-travel-booking"] .sd-art { background:linear-gradient(130deg,#efdcf5,#fff2d9); border-radius:25px; }
.ep-page[data-page-design="service-travel-booking"] .sd-itinerary { padding:30px 35px; }

/* account-opening — curated page composition. */

.ep-page[data-page-design="service-account-opening"] .ep-hero-grid { grid-template-columns:1.05fr .95fr; gap:90px; }
.ep-page[data-page-design="service-account-opening"] .sd-art { background:#ecdef3; border-radius:75px 25px 25px; padding:30px; }

/* courier-logistics — curated page composition. */

.ep-page[data-page-design="service-courier-logistics"] .ep-hero-grid { grid-template-columns:.95fr 1.05fr; gap:75px; }
.ep-page[data-page-design="service-courier-logistics"] .ep-service-art { order:-1; }
.ep-page[data-page-design="service-courier-logistics"] .sd-art { background:linear-gradient(135deg,#ffe8c5,#f1e1f7); border-radius:22px; }

/* business-registration — curated page composition. */

.ep-page[data-page-design="service-business-registration"] .ep-hero-grid { grid-template-columns:1.15fr .85fr; gap:75px; }
.ep-page[data-page-design="service-business-registration"] .sd-art { background:#eedaF4; border-radius:30px; }

/* ayushman-card — curated page composition. */

.ep-page[data-page-design="service-ayushman-card"] .ep-hero-grid { grid-template-columns:.9fr 1.1fr; gap:85px; }
.ep-page[data-page-design="service-ayushman-card"] .ep-service-art { order:-1; }
.ep-page[data-page-design="service-ayushman-card"] .sd-art { border-radius:22px 90px 22px 22px; background:#f2e2f7; }

/* insurance — curated page composition. */

.ep-page[data-page-design="service-insurance"] .ep-hero-grid { grid-template-columns:1.15fr .85fr; gap:70px; }
.ep-page[data-page-design="service-insurance"] .sd-art { background:linear-gradient(135deg,#eedbf4,#fff1d8); border-radius:26px; }

/* citizen-services — curated page composition. */

.ep-page[data-page-design="service-citizen-services"] .ep-hero-grid { grid-template-columns:.95fr 1.05fr; gap:75px; }
.ep-page[data-page-design="service-citizen-services"] .sd-art { background:#f1e1f7; border-radius:25px; }
.ep-page[data-page-design="service-citizen-services"] .sd-features { grid-template-columns:1fr 1fr; gap:22px; }
.ep-page[data-page-design="service-citizen-services"] .sd-features .ep-card { padding:35px; }
.ep-page[data-page-design="service-citizen-services"] .sd-features .ep-card:first-child { grid-column:1/-1; display:grid; grid-template-columns:60px 1fr; gap:25px; background:#f2e3f7; }
.ep-page[data-page-design="service-citizen-services"] .sd-features .ep-card:first-child .sd-feature-copy { display:grid; grid-template-columns:.8fr 1.2fr; gap:35px; }
.ep-page[data-page-design="service-citizen-services"] #workflow { background:#fff; }
.ep-page[data-page-design="service-citizen-services"] .sd-workflow { gap:25px; }
.ep-page[data-page-design="service-citizen-services"] .sd-workflow>li { border-top:4px solid #d7b1e0; padding:30px 23px; background:#faf4fc; border-radius:0 0 12px 12px; }
.ep-page[data-page-design="service-citizen-services"] .sd-workflow>li:nth-child(2) { border-top-color:#800080; }
.ep-page[data-page-design="service-citizen-services"] .sd-workflow>li:nth-child(3) { border-top-color:#ff941c; background:#fff7ec; }
.ep-page[data-page-design="service-citizen-services"] .ep-step-number { width:41px; height:41px; border:1px solid #dbc0e3; background:#fff; display:grid; place-items:center; border-radius:10px; }

/* loans-insurance — curated page composition. */

.ep-page[data-page-design="service-loans-insurance"] .ep-hero-grid { grid-template-columns:1fr 1.1fr; gap:80px; }
.ep-page[data-page-design="service-loans-insurance"] .ep-service-art { order:-1; }
.ep-page[data-page-design="service-loans-insurance"] .sd-art { background:linear-gradient(130deg,#ecd7f3,#fff0d6); border-radius:60px 60px 22px 22px; }
.ep-page[data-page-design="service-loans-insurance"] .sd-features { display:block; }
.ep-page[data-page-design="service-loans-insurance"] .sd-features .ep-card { display:grid; grid-template-columns:55px 1fr; gap:28px; padding:38px 25px; border:0; border-bottom:1px solid #dfc8e6; border-radius:0; background:transparent; box-shadow:none; }
.ep-page[data-page-design="service-loans-insurance"] .sd-feature-copy { display:grid; grid-template-columns:.85fr 1.15fr; gap:40px; }
.ep-page[data-page-design="service-loans-insurance"] .ep-card-index { border:1px solid #d4b0de; border-radius:50%; width:41px; height:41px; padding:0; justify-content:center; align-self:start; margin:0; }
.ep-page[data-page-design="service-loans-insurance"] #workflow { background:#fff8ec; }
.ep-page[data-page-design="service-loans-insurance"] .sd-workflow { grid-template-columns:1fr 1fr; gap:26px; }
.ep-page[data-page-design="service-loans-insurance"] .sd-workflow>li { padding:32px; border:1px solid #e1cbe7; border-radius:14px; background:#fff; }
.ep-page[data-page-design="service-loans-insurance"] .sd-workflow>li:first-child { grid-column:1/-1; max-width:760px; justify-self:center; background:#f8eefb; text-align:center; }
.ep-page[data-page-design="service-loans-insurance"] .sd-workflow>li:first-child .ep-step-number { font-size:30px; }


/* Mandate step headings need a full reading column on compact tablets. */
@media(max-width:850px) {
 .ep-page[data-page-design="service-upi-autopay"] .sd-workflow { grid-template-columns:minmax(0,1fr); }
}
/* Small screens keep each illustration, then present the full reading order in one column. */
@media(max-width:1000px) {
 .ep-page[data-page-design][data-ep-product] .ep-hero-grid { display:grid; grid-template-columns:1fr; gap:42px; }
 .ep-page[data-page-design][data-ep-product] .ep-service-art { order:0; max-width:780px; margin:0 auto; }
 .ep-page[data-page-design][data-ep-product] #overview { display:block; }
 .ep-page[data-page-design][data-ep-product] #overview .ep-heading { position:static; margin-bottom:30px; }
 .ep-page[data-page-design][data-ep-product] #workflow>.ep-shell { display:block; }
 .ep-page[data-page-design][data-ep-product] #workflow .ep-heading { position:static; margin-bottom:34px; }
 .ep-page[data-page-design][data-ep-product] .sd-feature-copy { display:block; }
 .ep-page[data-page-design][data-ep-product] .sd-stage-copy { display:block; }
 .ep-page[data-page-design][data-ep-product] .sd-features .ep-card:first-child .sd-feature-copy,
 .ep-page[data-page-design][data-ep-product] .sd-features .ep-card:last-child .sd-feature-copy,
 .ep-page[data-page-design][data-ep-product] .sd-workflow>li:last-child .sd-stage-copy { display:block; }
}
@media(max-width:640px) {
 .ep-page[data-page-design][data-ep-product] .sd-art { padding:20px; border-radius:22px; transform:none; }
 .ep-page[data-page-design][data-ep-product] .ep-hero-copy { max-width:100%; }
 .ep-page[data-page-design][data-ep-product] .sd-features { display:block; padding:0; border:0; overflow:visible; }
 .ep-page[data-page-design][data-ep-product] .sd-features .ep-card,
 .ep-page[data-page-design][data-ep-product] .sd-features .ep-card:first-child,
 .ep-page[data-page-design][data-ep-product] .sd-features .ep-card:nth-child(2),
 .ep-page[data-page-design][data-ep-product] .sd-features .ep-card:last-child { display:block; width:100%; max-width:none; margin:0 0 20px; padding:27px 22px; grid-column:auto; grid-row:auto; border:1px solid #e0cae7; border-radius:12px; }
 .ep-page[data-page-design][data-ep-product] .sd-features .ep-card h3,
 .ep-page[data-page-design][data-ep-product] .sd-features .ep-card:first-child h3 { font-size:24px; }
 .ep-page[data-page-design][data-ep-product] .ep-card-index,
 .ep-page[data-page-design][data-ep-product] .sd-features .ep-card:first-child .ep-card-index { position:static; display:inline-grid; place-items:center; border:1px solid #e0c5e6; border-radius:8px; width:37px; height:34px; padding:0; background:#f8eefb; color:#800080; font-size:12px; margin:0 0 20px; }
 .ep-page[data-page-design][data-ep-product] .sd-workflow { display:block; width:100%; max-width:none; margin:26px 0 0; padding:0; border:0; background:none; box-shadow:none; overflow:visible; }
 .ep-page[data-page-design][data-ep-product] .sd-workflow>li,
 .ep-page[data-page-design][data-ep-product] .sd-workflow>li:first-child,
 .ep-page[data-page-design][data-ep-product] .sd-workflow>li:nth-child(2),
 .ep-page[data-page-design][data-ep-product] .sd-workflow>li:last-child { display:block; width:100%; max-width:none; margin:0 0 24px; padding:25px 0; border:0; border-top:1px solid #d4b3dd; border-radius:0; background:none; box-shadow:none; text-align:left; grid-column:auto; grid-row:auto; }
 .ep-page[data-page-design][data-ep-product] .sd-workflow>li:after { display:none; }
 .ep-page[data-page-design][data-ep-product] .sd-workflow .ep-step-number,
 .ep-page[data-page-design][data-ep-product] .sd-workflow>li:first-child .ep-step-number,
 .ep-page[data-page-design][data-ep-product] .sd-workflow>li:last-child .ep-step-number { position:static; width:42px; height:42px; display:grid; place-items:center; transform:none; border:1px solid #d2afdc; background:#fff; color:#800080; border-radius:50%; font-size:14px; margin:0 0 23px; padding:0; }
 .ep-page[data-page-design][data-ep-product] .sd-workflow>li:first-child h3 { font-size:24px; }
 .ep-page[data-page-design="service-links"][data-ep-product] .sd-art { padding:10px; }
 .ep-page[data-page-design="service-payouts"][data-ep-product] .sd-outbound-map { grid-template-columns:1fr; gap:25px; }
 .ep-page[data-page-design="service-indo-nepal-transfer"] .sd-border-header { display:block; margin-bottom:23px; }
 .ep-page[data-page-design="service-travel-booking"] .sd-itinerary { padding:22px 18px; }
}
@media(prefers-reduced-motion:reduce) {
 .ep-page[data-page-design] *, .ep-page[data-page-design] *:before, .ep-page[data-page-design] *:after { animation:none!important; transition:none!important; }
 .ep-page[data-page-design] .sd-soundbox,.ep-page[data-page-design] .sd-policy-paper,.ep-page[data-page-design] .sd-parcel-box { transform:none; }
}