/*
 * Section components for content added to the Webflow clones.
 *
 * The clones are eighteen static HTML exports with no shared design vocabulary of their own
 * beyond whatever each page happened to be built from, so new sections written for them used
 * to reach for whichever text class looked closest. That produced a wall of centred 20px copy
 * on /loan-products/transactional, because `.paragraph-69` is a two-line lead, not body copy.
 *
 * These are the components to build new sections out of instead: a section band, a centred
 * head, cards, a tick list and a split layout. Colours are the ones in globals.css @theme.
 * Every class is `ax-` prefixed so it cannot collide with Webflow's, and every selector is
 * written under `.webflow-clone` because this file is linked, not passed through
 * scopeInlineCss() the way a clone's inline <style> is.
 *
 * Page-specific overrides of a *Webflow* class do not belong here — they have to stay in the
 * clone's own inline <style>, which renders after these links and so wins a specificity tie.
 */
.webflow-clone .ax-sec{padding:100px 16px;background:#fff}
.webflow-clone .ax-sec-alt{background:#f6f4f1}
.webflow-clone .ax-sec-dark{background:#1a3631}
.webflow-clone .ax-wrap{max-width:1140px;margin-left:auto;margin-right:auto}
.webflow-clone .ax-head{max-width:800px;margin-left:auto;margin-right:auto;text-align:center}
.webflow-clone .ax-head-left{max-width:none;margin-left:0;text-align:left}
.webflow-clone .ax-eyebrow{margin:0 0 15px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#21584e}
.webflow-clone .ax-sec-dark .ax-eyebrow{color:#e4f222}
.webflow-clone .ax-h2{margin:0;font-family:Inter,sans-serif;font-size:52px;font-weight:300;line-height:1.14;letter-spacing:-.01em;color:#050403}
.webflow-clone .ax-h2 .ax-em{font-weight:600}
.webflow-clone .ax-sec-dark .ax-h2{color:#fff}
.webflow-clone .ax-lead{max-width:660px;margin:22px auto 0;font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:1.65;color:#333}
.webflow-clone .ax-head-left .ax-lead{margin-left:0}
.webflow-clone .ax-sec-dark .ax-lead{color:rgba(255,255,255,.82)}
.webflow-clone .ax-grid{display:grid;grid-column-gap:24px;grid-row-gap:24px;margin-top:52px}
.webflow-clone .ax-grid-3{grid-template-columns:repeat(3,1fr)}
.webflow-clone .ax-grid-2{grid-template-columns:repeat(2,1fr);grid-column-gap:28px;grid-row-gap:28px}
.webflow-clone .ax-split{display:grid;grid-template-columns:1.05fr .95fr;grid-column-gap:64px;grid-row-gap:40px;align-items:center}
.webflow-clone .ax-card{border-radius:18px;padding:34px 32px;background:#f6f4f1}
.webflow-clone .ax-sec-alt .ax-card{background:#fff}
.webflow-clone .ax-sec .ax-card.ax-card-dark{background:#1a3631}
.webflow-clone .ax-card-line{background:#fff;border:1px solid #e4e1db}
.webflow-clone .ax-tag{display:inline-block;margin:0 0 16px;padding:6px 13px;border-radius:999px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#21584e;background:#cff2e7}
.webflow-clone .ax-card-dark .ax-tag{color:#1a3631;background:#e4f222}
.webflow-clone .ax-h3{margin:0 0 12px;font-family:Inter,sans-serif;font-size:24px;font-weight:500;line-height:1.28;color:#050403}
.webflow-clone .ax-card-dark .ax-h3{color:#fff}
.webflow-clone .ax-card p{margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.62;color:#333}
.webflow-clone .ax-card-dark p{color:rgba(255,255,255,.82)}
.webflow-clone .ax-ticks{display:grid;grid-column-gap:34px;grid-row-gap:13px;margin-top:24px}
.webflow-clone .ax-ticks-2{grid-template-columns:repeat(2,1fr);max-width:940px;margin-left:auto;margin-right:auto}
.webflow-clone .ax-ticks .seamless-para-2{max-width:none}
.webflow-clone .ax-card-dark .tick-icon, .webflow-clone .ax-sec-dark .tick-icon{color:#e4f222}
.webflow-clone .ax-card-dark .seamless-para-2, .webflow-clone .ax-sec-dark .seamless-para-2{color:rgba(255,255,255,.88)}
.webflow-clone .ax-card-dark .tick-para-wrapper:hover .tick-icon, .webflow-clone .ax-sec-dark .tick-para-wrapper:hover .tick-icon{color:#fff}
.webflow-clone .ax-note{margin-top:40px;padding:22px 26px;border-left:3px solid #e4f222;border-radius:0 12px 12px 0;background:#f6f4f1;font-family:Inter,sans-serif;font-size:17px;line-height:1.62;color:#333}
.webflow-clone .ax-link{color:#21584e;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.webflow-clone .ax-price{margin-top:18px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;letter-spacing:.01em;color:#e4f222}
.webflow-clone .ax-cta{margin-top:36px;display:flex;justify-content:flex-start}
.webflow-clone .ax-sec .ax-cta .yellow-btn{width:auto;flex:0 0 auto;align-self:flex-start;padding-left:30px;padding-right:30px}
.webflow-clone .ax-price{border-top:1px solid rgba(255,255,255,.16);padding-top:16px}
@media screen and (max-width:991px){
.webflow-clone .ax-sec{padding:76px 16px}
.webflow-clone .ax-h2{font-size:40px}
.webflow-clone .ax-grid-3{grid-template-columns:1fr 1fr}
.webflow-clone .ax-grid-3>:last-child{grid-column:1/-1}
.webflow-clone .ax-split{grid-template-columns:1fr;grid-column-gap:0}
}
@media screen and (max-width:767px){
.webflow-clone .ax-sec{padding:56px 18px}
.webflow-clone .ax-h2{font-size:31px;line-height:1.2}
.webflow-clone .ax-lead{margin-top:16px;font-size:17px;text-align:left}
.webflow-clone .ax-grid{margin-top:30px;grid-row-gap:16px}
.webflow-clone .ax-grid-3, .webflow-clone .ax-grid-2{grid-template-columns:1fr}
.webflow-clone .ax-grid-3>:last-child{grid-column:auto}
.webflow-clone .ax-card{padding:26px 22px;border-radius:14px}
.webflow-clone .ax-ticks{margin-top:20px}
.webflow-clone .ax-ticks-2{grid-template-columns:1fr}
.webflow-clone .ax-note{margin-top:28px;padding:18px 20px;font-size:16px}
.webflow-clone .ax-eyebrow{font-size:12px}
}