/* generated by prep.py from mockup/body/new-patients.html */

.forms2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.fcard{position:relative;border-radius:28px;padding:36px;text-decoration:none;display:flex;flex-direction:column;gap:12px;overflow:hidden;transition:transform .25s,box-shadow .25s;min-height:260px}
.fcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.fcard .ic{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;margin-bottom:8px}
.fcard .ic :is(svg,.nsi){width:28px;height:28px}
.fcard small{font:600 12.5px Poppins;letter-spacing:.12em;text-transform:uppercase}
.fcard h3{font-size:26px}
.fcard p{font-size:15.5px;max-width:420px}
.fcard .go{margin-top:auto;padding-top:10px;font:600 15px Poppins;display:flex;gap:8px;align-items:center}
.fcard .go :is(svg,.nsi){width:18px;height:18px}
.fcard.pri{background:var(--royal);color:#fff}
.fcard.pri::after{content:"";position:absolute;right:-70px;bottom:-70px;width:220px;height:220px;border-radius:50%;background:var(--royal-2)}
.fcard.pri .ic{background:var(--sun);color:var(--ink)}
.fcard.pri small,.fcard.pri .go{color:var(--sun)}
.fcard.pri p{color:#d4d9f3}
.fcard.sec{background:#fff;border:1.5px solid var(--line)}
.fcard.sec .ic{background:var(--cream)}
.fcard.sec small{color:var(--muted)}
.fcard.sec p{color:var(--muted)}
.fcard.sec .go{color:var(--royal)}
.fcard > *{position:relative;z-index:1}

.bring{display:grid;grid-template-columns:1fr 1.35fr;gap:56px;align-items:center}
.bring .shot{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.bring .shot img{width:100%;aspect-ratio:4/3;object-fit:cover}
.bring h2{font-size:clamp(30px,3.4vw,44px);margin:14px 0 22px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.checks div{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px}
.checks .tick{width:34px;height:34px;border-radius:10px;background:var(--ink);color:var(--sun);display:grid;place-items:center;flex:none}
.checks .tick :is(svg,.nsi){width:18px;height:18px}
.checks b{font:600 16px Poppins;display:block}
.checks span:where(:not(.nsi)){font-size:14.5px;color:var(--muted)}
@media (max-width:980px){.forms2,.bring{grid-template-columns:1fr}}
@media (max-width:560px){.checks{grid-template-columns:1fr}.fcard{padding:28px}}