/* /fee-payment-options/ — "Wallet": payment methods as bank cards with chip, how-to receipts, safety alert, compact FAQ */
.p-fee-payment-options .fp{max-width:1080px;margin:0 auto}
.p-fee-payment-options .fp-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px 30px;align-items:center;margin-bottom:34px;padding-bottom:26px;border-bottom:2px solid var(--line)}
.p-fee-payment-options .fp-head h1{grid-column:1 / -1;margin:0;font-size:clamp(32px,4.6vw,50px);color:var(--olive-900)}
.p-fee-payment-options .fp-lead{margin:0;font-size:18px;line-height:1.75}
.p-fee-payment-options .fp-note{margin:0;padding:18px 20px;background:var(--olive-900);color:#E7EDE7;font-size:17px;line-height:1.6;border-left:5px solid var(--gold)}
.p-fee-payment-options .fp-note strong{color:var(--gold)}
.p-fee-payment-options .pc .fp-note a{color:#fff}
.p-fee-payment-options .fp-sec{margin-bottom:36px}
.p-fee-payment-options .fp-sec h2{margin:0 0 16px;font-size:clamp(24px,2.6vw,30px);color:var(--olive-900)}
.p-fee-payment-options .fp-sec h2::before{content:"₹";display:inline-grid;place-items:center;width:34px;height:34px;margin-right:10px;vertical-align:2px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:18px}
.p-fee-payment-options .fp-sec p,.p-fee-payment-options .fp-sec li{font-size:17px;line-height:1.65}
.p-fee-payment-options .fp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin:0;padding:0;list-style:none}
.p-fee-payment-options .fp-cards li{position:relative;min-height:190px;padding:58px 22px 20px;border-radius:16px;color:#EDF2EE;background:linear-gradient(135deg,var(--army),var(--olive-950));box-shadow:0 12px 26px rgb(18 27 20 / .22);overflow:hidden}
.p-fee-payment-options .fp-cards li:nth-child(2){background:linear-gradient(135deg,#7E1416,#3E0809)}
.p-fee-payment-options .fp-cards li:nth-child(3){background:linear-gradient(135deg,#59521E,#2A2710)}
.p-fee-payment-options .fp-cards li:nth-child(4){background:linear-gradient(135deg,#34495E,#17212B)}
.p-fee-payment-options .fp-cards li:nth-child(5){background:linear-gradient(135deg,#6B4A2B,#2E1F11)}
.p-fee-payment-options .fp-cards li::before{content:"";position:absolute;left:22px;top:18px;width:42px;height:30px;border-radius:6px;background:linear-gradient(90deg,transparent 45%,rgb(0 0 0 / .25) 45% 55%,transparent 55%),linear-gradient(transparent 45%,rgb(0 0 0 / .25) 45% 55%,transparent 55%),linear-gradient(135deg,#F6D86B,#C9A227)}
.p-fee-payment-options .fp-cards li::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:rgb(255 255 255 / .06)}
.p-fee-payment-options .fp-cards h3{margin:0 0 8px;font-size:22px;color:#fff;letter-spacing:.02em}
.p-fee-payment-options .fp-cards p{margin:0;font-size:16px;color:#E3EAE4}
.p-fee-payment-options .fp-cards strong,.p-fee-payment-options .fp-cards em{color:var(--gold)}
.p-fee-payment-options .fp-list{margin:0;padding:0;list-style:none}
.p-fee-payment-options .fp-list li{position:relative;padding:10px 0 10px 32px;border-bottom:1px dashed var(--line)}
.p-fee-payment-options .fp-list li::before{content:"";position:absolute;left:0;top:16px;width:18px;height:12px;border:2px solid var(--army);border-radius:2px}
.p-fee-payment-options .fp-sec--howto{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.p-fee-payment-options .fp-sec--howto h2{grid-column:1 / -1;margin-bottom:0}
.p-fee-payment-options .fp-howto{position:relative;padding:22px 22px 26px;background:#fff;border:1px solid var(--line);border-top:6px solid var(--gold)}
.p-fee-payment-options .fp-howto::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px;background:linear-gradient(-45deg,transparent 6px,#fff 0) 0 0/12px 8px repeat-x,linear-gradient(45deg,transparent 6px,#fff 0) 0 0/12px 8px repeat-x}
.p-fee-payment-options .fp-howto h3{margin:0 0 12px;font-size:20px;color:var(--maroon)}
.p-fee-payment-options .fp-howto ol{margin:0;padding:0;list-style:none;counter-reset:s}
.p-fee-payment-options .fp-howto li{counter-increment:s;position:relative;padding:8px 0 8px 40px}
.p-fee-payment-options .fp-howto li::before{content:counter(s);position:absolute;left:0;top:7px;width:28px;height:28px;display:grid;place-items:center;background:var(--olive-900);color:var(--gold);font-weight:800}
.p-fee-payment-options .fp-safety{margin:0;padding:18px 20px 18px 74px;list-style:none;position:relative;background:#F8E9E9;border:2px solid var(--maroon)}
.p-fee-payment-options .fp-safety::before{content:"!";position:absolute;left:20px;top:18px;width:36px;height:32px;display:grid;place-items:end center;padding-bottom:3px;background:var(--maroon);color:#fff;font-weight:800;font-size:19px;clip-path:polygon(50% 0,100% 100%,0 100%)}
.p-fee-payment-options .fp-safety li{padding:4px 0}
.p-fee-payment-options .fp-faq{border-bottom:1px solid var(--line)}
.p-fee-payment-options .fp-faq summary{position:relative;padding:14px 40px 14px 0;font-weight:600;font-size:17px;color:var(--olive-900);cursor:pointer;list-style:none}
.p-fee-payment-options .fp-faq summary::-webkit-details-marker{display:none}
.p-fee-payment-options .fp-faq summary::after{content:"+";position:absolute;right:4px;top:12px;font-size:24px;line-height:1;color:var(--maroon)}
.p-fee-payment-options .fp-faq[open] summary::after{content:"–"}
.p-fee-payment-options .fp-faq p{margin:0 0 14px;color:#444}
.p-fee-payment-options .fp-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.p-fee-payment-options .fp-contact li{padding:14px 16px;background:var(--stone-2);overflow-wrap:anywhere}
.p-fee-payment-options .fp-contact strong{display:block;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--maroon)}
@media (max-width:760px){
  .p-fee-payment-options .fp-head{grid-template-columns:1fr}
  .p-fee-payment-options .fp-sec--howto,.p-fee-payment-options .fp-contact{grid-template-columns:1fr}
}
@media (max-width:640px){
  .p-fee-payment-options .fp-cards{grid-template-columns:1fr}
  .p-fee-payment-options .fp-safety{padding-left:62px}
  .p-fee-payment-options .fp-safety::before{left:14px}
}
