@layer theme,base;@layer components{.pg-payments>section.sec{border-top:0}.pg-payments .pp-hero{padding-block:clamp(28px,3.4vw,56px) clamp(56px,6vw,96px)}.pg-payments .pp-hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"head vis""copy vis";align-items:start;gap:28px clamp(32px,5vw,96px);display:grid}.pg-payments .pp-hero-head{grid-area:head;align-self:end}.pg-payments .pp-hero-head .label{margin-bottom:18px}.pg-payments .pp-hero h1{max-width:17ch}html[lang=ar] .pg-payments .pp-hero h1{max-width:20ch}.pg-payments .pp-hero-copy{grid-area:copy;gap:24px}.pg-payments .pp-hero-vis{grid-area:vis}.pg-payments .pp-partner{border-top:1px solid var(--line);color:var(--text-2);grid-template-columns:24px minmax(0,1fr);gap:14px;max-width:52ch;margin:4px 0 0;padding-top:20px;font-size:15.5px;display:grid}.pg-payments .pp-partner svg{width:22px;height:22px;color:var(--mint);margin-top:2px}.pg-payments .pp-ap{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;padding:clamp(24px,3vw,40px) clamp(20px,3vw,44px)}.pg-payments .pp-ap .ap-mark{text-align:start;grid-template-columns:auto minmax(0,1fr);place-items:center start;gap:20px clamp(24px,3vw,48px)}.pg-payments .pp-ap .ap-mark img{width:clamp(150px,13vw,200px)}.pg-payments .pp-ap .ap-mark p{color:var(--text);max-width:34ch;font-size:clamp(18px,1.5vw,22px);line-height:1.45}.pg-payments .pp-head1{grid-template-columns:minmax(0,1fr)}.pg-payments .pp-head1 h2{max-width:16ch}.pg-payments .pp-steps{margin:0;padding:0;list-style:none}.pg-payments .pp-steps .step{padding-bottom:0}.pg-payments .pp-faq{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px clamp(32px,5vw,96px);display:grid}@media (max-width:1080px){.pg-payments .pp-hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""copy""vis"}.pg-payments .pp-hero-vis{max-width:560px}.pg-payments .pp-faq,.pg-payments .pp-steps{grid-template-columns:minmax(0,1fr)}.pg-payments .pp-steps .step{border-inline-start:0;border-top:1px solid var(--line);padding-inline:0;padding-top:22px;padding-bottom:18px}.pg-payments .pp-steps .step:first-child{border-top:0}}@media (max-width:640px){.pg-payments .pp-ap .ap-mark{grid-template-columns:minmax(0,1fr)}}}@layer utilities;