/*!
 * Ariade: service-detail styles. Loaded only on pages that use these blocks or templates (see inc/styles.php).
 * Author: Shivaji Mitra / M/S. Anblik
 */
/* ===== Service detail patterns ===== */
/* B: step cards */
main .ariade-svcd-cards ul.svcd-steps.svcd-steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem;margin-block:1rem 0;padding:0;counter-reset:svcd}
.ariade-svcd-cards .svcd-steps li{--c:#534ab7;--t:#f6f5fd;counter-increment:svcd;border:1.5px solid rgba(14,27,54,.14);border-top:4px solid var(--c);border-radius:12px;padding:1rem .95rem 1.1rem;background:linear-gradient(170deg,var(--t),#fff 60%);font-size:.85rem;color:#3c4a63}
.ariade-svcd-cards .svcd-steps li:nth-child(4n+2){--c:#a52752;--t:#fdf3f7}
.ariade-svcd-cards .svcd-steps li:nth-child(4n+3){--c:#0e7c6b;--t:#eefaf7}
.ariade-svcd-cards .svcd-steps li:nth-child(4n){--c:#9a5500;--t:#fff8ec}
.ariade-svcd-cards .svcd-steps li::before{content:"0" counter(svcd);content:"0" counter(svcd) / "";display:block;font-weight:800;color:var(--c);font-size:1.1rem;margin-bottom:.4rem}
.ariade-svcd-cards .svcd-steps li strong{display:block;font-size:1rem;color:#0e1b36;margin-bottom:.2rem}
main .ariade-svcd-cards ul.svcd-chips.svcd-chips{list-style:none;display:flex;gap:.7rem;flex-wrap:wrap;margin-block:1.4rem 0;padding:0}
.ariade-svcd-cards .svcd-chips li{border:1.5px solid #534ab7;background:#f6f5fd;color:#534ab7;border-radius:999px;padding:.5rem 1.15rem;font-weight:700;font-size:.92rem}
.ariade-svcd-cards .svcd-chips li:nth-child(2n){border-color:#a52752;background:#fdf3f7;color:#a52752}
.ariade-svcd-cards .svcd-chips li em{font-style:normal;font-weight:400;color:#3c4a63;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-left:.45rem}
main .ariade-svcd-cards ul.svcd-recv.svcd-recv{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-block:1rem 0;padding:0}
.ariade-svcd-cards .svcd-recv li{border:1.5px solid rgba(14,27,54,.14);border-radius:12px;padding:.9rem;font-size:.9rem;color:#3c4a63}
.ariade-svcd-cards .svcd-recv li::before{content:"\2713";content:"\2713" / "";display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:#eefaf7;color:#0e7c6b;font-weight:800;margin-right:.5rem}
/* C: ledger process */
main .ariade-svcd-ledger ul.svcd-lsteps.svcd-lsteps{list-style:none;margin-block:1rem 0;padding:0;counter-reset:svcd}
.ariade-svcd-ledger .svcd-lsteps li{--c:#534ab7;counter-increment:svcd;position:relative;padding:1.15rem .4rem 1.15rem 4.6rem;border-bottom:1.5px solid rgba(14,27,54,.14);transition:box-shadow .18s ease,background .18s ease;color:#3c4a63}
.ariade-svcd-ledger .svcd-lsteps li:first-child{border-top:1.5px solid rgba(14,27,54,.14)}
.ariade-svcd-ledger .svcd-lsteps li:nth-child(4n+2){--c:#a52752}
.ariade-svcd-ledger .svcd-lsteps li:nth-child(4n+3){--c:#0e7c6b}
.ariade-svcd-ledger .svcd-lsteps li:nth-child(4n){--c:#9a5500}
.ariade-svcd-ledger .svcd-lsteps li::before{content:"0" counter(svcd);content:"0" counter(svcd) / "";position:absolute;left:.4rem;top:1rem;font-size:2.2rem;font-weight:800;line-height:1;color:rgba(14,27,54,.12);transition:color .18s ease}
.ariade-svcd-ledger .svcd-lsteps li:hover{box-shadow:inset 4px 0 0 var(--c);background:rgba(14,27,54,.02)}
.ariade-svcd-ledger .svcd-lsteps li:hover::before{color:var(--c)}
.ariade-svcd-ledger .svcd-lsteps li strong{display:block;font-size:1.05rem;color:#0e1b36}
main .ariade-svcd-ledger ul.svcd-strip.svcd-strip{list-style:none;display:flex;margin-block:1.4rem 0;padding:0;border:1.5px solid rgba(14,27,54,.14);border-radius:12px;overflow:hidden;flex-wrap:wrap}
.ariade-svcd-ledger .svcd-strip li{flex:1 1 160px;text-align:center;padding:.95rem .5rem;border-left:1.5px solid rgba(14,27,54,.14);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#3c4a63}
.ariade-svcd-ledger .svcd-strip li:first-child{border-left:0}
.ariade-svcd-ledger .svcd-strip li strong{display:block;font-size:1.3rem;letter-spacing:0;text-transform:none;color:#534ab7}
main .ariade-svcd-ledger ul.svcd-ticks.svcd-ticks{list-style:none;margin-block:1rem 0;padding:0}
.ariade-svcd-ledger .svcd-ticks li{padding:.55rem 0 .55rem 2rem;position:relative;color:#3c4a63;border-bottom:1px dashed rgba(14,27,54,.14)}
.ariade-svcd-ledger .svcd-ticks li::before{content:"\2713";content:"\2713" / "";position:absolute;left:.2rem;color:#0e7c6b;font-weight:800}
/* D: chapter bands */
.ariade-svcd-bands .svcd-band{border-radius:14px;padding:1.7rem 1.6rem;margin:0 0 1rem}
.ariade-svcd-bands .svcd-tint{background:linear-gradient(160deg,#f6f5fd,#fff);border:1.5px solid rgba(14,27,54,.10)}
.ariade-svcd-bands .svcd-navy{background:#0e1b36;color:#fff}
.ariade-svcd-bands h2.svcd-kick{font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#a52752;margin:0 0 .9rem}
.ariade-svcd-bands .svcd-navy h2.svcd-kick{color:#ff9dbd}
main .ariade-svcd-bands ul.svcd-steps2.svcd-steps2{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem 1.6rem;margin:0;padding:0;counter-reset:svcd}
.ariade-svcd-bands .svcd-steps2 li{counter-increment:svcd;padding-left:2.6rem;position:relative;font-size:.88rem;color:#3c4a63}
.ariade-svcd-bands .svcd-steps2 li::before{content:"0" counter(svcd);content:"0" counter(svcd) / "";position:absolute;left:0;top:.1rem;width:1.9rem;height:1.9rem;border-radius:50%;background:#fff;border:2px solid #534ab7;color:#534ab7;font-weight:800;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center}
.ariade-svcd-bands .svcd-steps2 li strong{display:block;font-size:1rem;color:#0e1b36}
main .ariade-svcd-bands ul.svcd-nums.svcd-nums{list-style:none;display:flex;gap:2.5rem;flex-wrap:wrap;margin:0;padding:0}
.ariade-svcd-bands .svcd-nums li{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#c6cde2}
.ariade-svcd-bands .svcd-nums li strong{display:block;font-size:2rem;font-weight:800;letter-spacing:0;text-transform:none;color:#cdd5ff}
@supports (-webkit-background-clip:text) or (background-clip:text){
  .ariade-svcd-bands .svcd-nums li strong{background:linear-gradient(90deg,#9aa8ff,#ff9dbd);-webkit-background-clip:text;background-clip:text;color:transparent}
}
main .ariade-svcd-bands ul.svcd-recvgrid.svcd-recvgrid{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin:0;padding:0}
.ariade-svcd-bands .svcd-recvgrid li{font-size:.9rem;color:#3c4a63}
.ariade-svcd-bands .svcd-recvgrid li::before{content:"\2713  ";content:"\2713  " / "";color:#0e7c6b;font-weight:800}
@media (max-width:640px){
  main .ariade-svcd-bands ul.svcd-steps2.svcd-steps2{grid-template-columns:1fr}
}
/* E: checklist journey */
main .ariade-svcd-journey ul.svcd-jsteps.svcd-jsteps{list-style:none;margin-block:1rem 0;padding:0}
.ariade-svcd-journey .svcd-jsteps li{--c:#534ab7;--t:#f6f5fd;position:relative;padding:0 0 1.5rem 2.9rem;color:#3c4a63}
.ariade-svcd-journey .svcd-jsteps li:last-child{padding-bottom:.2rem}
.ariade-svcd-journey .svcd-jsteps li:nth-child(4n+2){--c:#a52752;--t:#fdf3f7}
.ariade-svcd-journey .svcd-jsteps li:nth-child(4n+3){--c:#0e7c6b;--t:#eefaf7}
.ariade-svcd-journey .svcd-jsteps li:nth-child(4n){--c:#9a5500;--t:#fff8ec}
.ariade-svcd-journey .svcd-jsteps li::before{content:"\2713";content:"\2713" / "";position:absolute;left:0;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--t);border:2.5px solid var(--c);color:var(--c);font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.ariade-svcd-journey .svcd-jsteps li:not(:last-child)::after{content:"";position:absolute;left:.95rem;top:2.3rem;bottom:.2rem;width:2.5px;background:linear-gradient(180deg,var(--c),transparent)}
.ariade-svcd-journey .svcd-jsteps li strong{display:block;font-size:1.02rem;color:#0e1b36}
main .ariade-svcd-journey ul.svcd-knots.svcd-knots{list-style:none;display:flex;gap:1rem;flex-wrap:wrap;margin-block:1.4rem 0;padding:0}
.ariade-svcd-journey .svcd-knots li{width:106px;height:106px;border-radius:50%;border:3px solid #534ab7;background:#f6f5fd;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:#3c4a63;padding:.45rem;line-height:1.25}
.ariade-svcd-journey .svcd-knots li:nth-child(2n){border-color:#a52752;background:#fdf3f7}
.ariade-svcd-journey .svcd-knots li strong{display:block;font-size:.95rem;letter-spacing:0;text-transform:none;color:#0e1b36}
.ariade-svcd-journey .svcd-panel{background:linear-gradient(160deg,#eefaf7,#fff);border:1.5px solid rgba(14,124,107,.35);border-radius:14px;padding:1.25rem 1.35rem;margin-block-start:1.5rem}
.ariade-svcd-journey .svcd-panel h2{margin:0 0 .55rem;font-size:1rem;color:#0e7c6b;letter-spacing:.05em;text-transform:uppercase}
main .ariade-svcd-journey .svcd-panel ul{list-style:none;margin:0;padding:0}
.ariade-svcd-journey .svcd-panel li{padding:.3rem 0 .3rem 1.7rem;position:relative;color:#3c4a63;font-size:.94rem}
.ariade-svcd-journey .svcd-panel li::before{content:"\2713";content:"\2713" / "";position:absolute;left:0;color:#0e7c6b;font-weight:800}
@media (prefers-reduced-motion:reduce){
  .ariade-svcd-ledger .svcd-lsteps li,.ariade-svcd-ledger .svcd-lsteps li::before{transition:none}
}
