@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400;500;600;700&display=swap');
.an-advance,.an-payment{font-family:'Noto Nastaliq Urdu',Georgia,serif;color:#202020;box-sizing:border-box}
.an-advance *,.an-payment *{box-sizing:border-box}
.an-advance{max-width:1320px;margin:24px auto;padding:22px 28px;display:flex;align-items:center;gap:22px;background:#fff7ed;border:1px dashed #db8b47;border-radius:18px;line-height:2.5}
.an-advance__mark{flex:0 0 52px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#b91c22;color:#fff}
.an-advance__mark svg{width:28px;height:28px}
.an-advance__copy{flex:1;text-align:right}.an-advance__copy strong{font-size:19px;font-weight:700;display:block;color:#9b2025}.an-advance__copy p{font-size:15px;line-height:2.5;margin:3px 0 0}
.an-pay-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#b91c22;color:#fff!important;text-decoration:none!important;border-radius:10px;padding:8px 25px;font-size:17px;font-weight:600;line-height:2.6;white-space:nowrap;border:1px solid #b91c22;transition:background .2s}
.an-pay-button:hover{background:#94171c}.an-pay-button:focus-visible,.an-payment a:focus-visible{outline:3px solid #db8b47;outline-offset:4px}
.an-payment{max-width:1000px;margin:0 auto;padding:45px 24px 70px;line-height:2.8;text-align:right}
.an-payment__eyebrow{font:600 12px/1.5 Inter,sans-serif;letter-spacing:2px;color:#9b2025;margin:0 0 16px}.an-payment h1{font-family:inherit;font-size:34px;line-height:2.1;font-weight:700;margin:0 0 16px}.an-payment__lead{font-size:19px;line-height:2.8;margin:0 0 26px;color:#555}
.an-payment h2{font-family:inherit;font-weight:700;font-size:23px;line-height:2.5;margin:0 0 14px}
.an-payment__note{padding:18px 24px;border-right:4px solid #b91c22;background:#fff7ed;border-radius:12px;font-size:17px;line-height:2.8;margin-bottom:34px}.an-payment__note p{margin:0}
.an-payment__accounts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0 36px}.an-payment__account{padding:24px;border:1px solid #e6e3de;border-radius:16px;background:#faf9f7}.an-payment__account h3{font-family:Inter,sans-serif;font-size:21px;line-height:1.5;margin:0 0 16px}.an-payment__account p{font-size:15px;margin:8px 0}.an-payment__number{font:700 28px/1.7 Inter,sans-serif;letter-spacing:.5px;display:block;color:#1e1e1e;text-decoration:none}.an-payment__name{font:500 18px/1.8 Inter,sans-serif;display:inline-block}
.an-payment__steps{list-style:none;padding:0!important;margin:0 0 30px;counter-reset:payment}.an-payment__steps li{counter-increment:payment;position:relative;padding:8px 54px 18px 0;font-size:17px;line-height:2.9;border-bottom:1px solid #eee;margin-bottom:14px}.an-payment__steps li:before{content:counter(payment);position:absolute;right:0;top:15px;width:32px;height:32px;border-radius:50%;background:#f7e9e9;color:#9b2025;font:700 15px/32px Inter,sans-serif;text-align:center}
.an-payment__whatsapp{background:#157347;border-color:#157347;margin:0 0 12px}.an-payment__whatsapp:hover{background:#105b38}.an-payment__help{font-size:16px;line-height:2.8;margin:6px 0 30px}.an-payment__help a{color:#157347}.an-payment__why{margin-top:30px;padding-top:25px;border-top:1px solid #e7e7e7}.an-payment__why p{font-size:16px;line-height:2.9;color:#555}
@media(max-width:1400px){.an-advance{margin:20px 24px}}
@media(max-width:700px){.an-advance{margin:14px 16px;padding:18px;gap:12px;flex-wrap:wrap}.an-advance__mark{flex-basis:38px;width:38px;height:38px}.an-advance__mark svg{width:22px;height:22px}.an-advance__copy{flex-basis:calc(100% - 50px)}.an-advance__copy strong{font-size:15px;line-height:2.7}.an-advance__copy p{font-size:13px;line-height:2.8}.an-advance>.an-pay-button{width:100%;font-size:15px;padding:5px 16px;margin-top:4px}.an-payment{padding:24px 20px 45px}.an-payment h1{font-size:27px}.an-payment__lead{font-size:16px}.an-payment h2{font-size:21px}.an-payment__accounts{grid-template-columns:1fr;gap:14px}.an-payment__account{padding:22px}.an-payment__number{font-size:26px}.an-payment__steps li{font-size:15px;padding-right:44px}.an-payment__note{font-size:15px;padding:18px}.an-payment .an-pay-button{font-size:15px;white-space:normal;text-align:center;width:100%}}
