/* Digital Bihar Upgrade 05D — Static PVC Service Wall
   Goal: PVC-size only, horizontal, 2 rows, slight overlap, no slider. */
#services{overflow:hidden;position:relative}
#services .service-visual-showcase{overflow:visible;padding:34px 0 28px;position:relative}
#services .service-visual-track{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:24px 12px;
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:10px 18px 22px;
  align-items:start;
  animation:none!important;
  transform:none!important;
}

/* PVC/ID-1 proportion: 85.60 × 53.98 mm ≈ 1.586:1 */
#services .visual-service-card{
  display:block;
  width:100%;
  aspect-ratio:1.586 / 1;
  min-width:0;
  margin:0;
  border:0;
  border-radius:18px;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  position:relative;
  text-decoration:none;
  transform:none;
  transition:transform .24s ease,filter .24s ease;
}

/* gentle overlap / up-down wall, not a carousel */
#services .visual-service-card:nth-child(5n+2),
#services .visual-service-card:nth-child(5n+4){transform:translateY(-10px)}
#services .visual-service-card:nth-child(n+6){margin-left:-14px}
#services .visual-service-card:nth-child(n+6):nth-child(2n){transform:translate(-14px,10px)}
#services .visual-service-card:nth-child(n+6):nth-child(2n+1){transform:translate(-14px,0)}

#services .visual-service-card:hover{
  transform:translateY(-12px) scale(1.045)!important;
  z-index:20;
  filter:drop-shadow(0 22px 26px rgba(0,0,0,.38));
}

#services .sample-doc{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  border-radius:18px;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  box-shadow:0 18px 34px rgba(0,0,0,.32),0 1px 0 rgba(255,255,255,.75) inset;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.34);
}
#services .sample-doc:after{
  content:"";
  position:absolute;
  inset:-45% -65%;
  background:linear-gradient(112deg,transparent 41%,rgba(255,255,255,.34) 49%,transparent 57%);
  transform:translateX(-44%);
  transition:transform .65s ease;
  pointer-events:none;
}
#services .visual-service-card:hover .sample-doc:after{transform:translateX(44%)}

#services .sample-doc.aadhaar{background-image:url('service-cards/aadhaar-sample.svg')!important}
#services .sample-doc.pan{background-image:url('service-cards/pan-sample.svg')!important}
#services .sample-doc.voter{background-image:url('service-cards/voter-sample.svg')!important}
#services .sample-doc.certificate{background-image:url('service-cards/certificate-sample.svg')!important}
#services .sample-doc.driving{background-image:url('service-cards/driving-sample.svg')!important}
#services .sample-doc.rc{background-image:url('service-cards/rc-sample.svg')!important}
#services .sample-doc.passport{background-image:url('service-cards/passport-sample.svg')!important}
#services .sample-doc.ayushman{background-image:url('service-cards/ayushman-sample.svg')!important}
#services .sample-doc.insurance{background-image:url('service-cards/insurance-sample.svg')!important}
#services .sample-doc.bill{background-image:url('service-cards/bill-sample.svg')!important}

/* Hide the old generated mock-document internals. */
#services .sample-doc>.sample-doc-top,
#services .sample-doc>.sample-doc-watermark,
#services .sample-doc>.sample-doc-title,
#services .sample-doc>.sample-doc-no,
#services .sample-doc>.sample-doc-lines,
#services .sample-doc>.sample-doc-seal{display:none!important}

/* Service name sits inside the PVC edge, so the whole item remains PVC-size only. */
#services .pvc-service-label{
  position:absolute;
  left:10px;
  right:10px;
  bottom:9px;
  z-index:4;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:8px;
  padding:8px 10px;
  border-radius:11px;
  background:linear-gradient(180deg,rgba(4,14,28,.15),rgba(4,14,28,.78));
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,.55);
}
#services .pvc-service-label b{font-size:13px;line-height:1.15;font-weight:900}
#services .pvc-service-label span{font-size:8px;line-height:1.15;text-transform:uppercase;letter-spacing:.08em;opacity:.8;text-align:right}

#services .visual-service-copy{display:none!important}
#services .service-showcase-note{margin-top:16px}

@media(max-width:1050px){
  #services .service-visual-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 12px}
  #services .visual-service-card:nth-child(n){margin-left:0}
  #services .visual-service-card:nth-child(2n){transform:translateY(-8px)}
  #services .visual-service-card:nth-child(2n+1){transform:none}
}
@media(max-width:760px){
  #services .service-visual-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px;padding-left:8px;padding-right:8px}
  #services .visual-service-card:nth-child(n){margin-left:0;transform:none}
  #services .visual-service-card:nth-child(2n){transform:translateY(7px)}
  #services .sample-doc,#services .visual-service-card{border-radius:14px}
  #services .pvc-service-label{left:7px;right:7px;bottom:7px;padding:6px 7px}
  #services .pvc-service-label b{font-size:10px}
  #services .pvc-service-label span{display:none}
}
@media(prefers-reduced-motion:reduce){
  #services .visual-service-card,#services .sample-doc:after{transition:none}
}