@layer feed-reset, feed-site, feed-embed;

@layer feed-site {

:root {
    --accent: #59E400;
    --accent-deep: #00B05C;
    --ink: #000000;
    --surface-dark: #0D2000;
    --surface-accent: #C8E6D7;
    --surface-alt: #F3F9F6;
    --surface-soft: #F3F9F6;
    --surface-warm: #F3F9F6;

    --accent-hover: #60F600;
    --accent-active: #5FE808;
    --accent-deep-hover: #00D570;
    --surface-dark-end: #012715;
    --text: #212121;
    --surface: #FFFFFF;
    --border: #BEBEBE;
    --surface-disabled: #D8D8D8;
    --text-muted: #A9A9A9;
    --error: #C43244;
    --overlay: rgba(0, 0, 0, .5);
    --border-on-dark: rgba(255, 255, 255, .5);

    --gradient-accent: linear-gradient(180deg, #00B05C 0%, #59E400 100%);
    --gradient-surface-dark: linear-gradient(135deg, #000000 0%, #012715 100%);

    --h1: 64px;
    --h2: 48px;
    --h3: 28px;
    --h4: 28px;
    --h5: 22px;
    --h6: 16px;
    --body: 16px;
    --caption: 14px;
    --section-title: 64px;

    --btn-h: 80px;
    --btn-font: 24px;
    --btn-pad: 54px;

    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-xxl: 48px;

    --radius: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 999px;

    --content-width: 1110px;
    --content-wide: 1728px;
    --gutter: 40px;
    --header-h: 108px;
    --header-overlap: 0px;
    --section-pad: 100px;

    --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    --shadow-card: 0 4px 24px rgba(0, 0, 0, .06);
    --shadow-card-hover: 0 8px 28px rgba(0, 0, 0, .12);
    --shadow-header: 0 2px 10px rgba(0, 0, 0, .06);
    --transition: .2s ease;
}

@media (max-width: 1199px) {
    :root {
        --gutter: 39px;
        --section-pad: 70px;
    }
}

@media (max-width: 767px) {
    :root {
        --h1: 26px;
        --h2: 22px;
        --h3: 20px;
        --h4: 18px;
        --h5: 16px;
        --h6: 16px;
        --section-title: 26px;

        --btn-h: 60px;
        --btn-font: 20px;
        --btn-pad: 32px;

        --gutter: 15px;
        --header-h: 65px;
        --section-pad: 40px;
    }
}

:root {
    --accent: #1D64DF;
    --accent-hover: #0A234E;
    --accent-active: #0A234E;
    --gold: #DEB102;
    --gold-light: #F6F0D9;
    --navy: #0A234E;
    --ink: #454655;
    --text: #454655;
    --text-muted: #8486B2;
    --text-disabled: #A2A2A2;
    --surface: #FFFFFF;
    --surface-alt: #F4F8FF;
    --surface-tint: #E8F0FC;
    --surface-soft: #D6E3FA;
    --surface-dark: #454655;
    --surface-dark-end: #454655;
    --gradient-surface-dark: none;
    --error: #FF5E5E;
    --card-debt: #1D64DF;
    --card-bad-credit: #F68D0E;
    --card-emergency: #FF5E5E;
    --card-personal: #13BA8F;
    --border-on-dark: rgba(255, 255, 255, .4);
    --surface-on-dark: rgba(255, 255, 255, .05);
    --overlay: rgba(10, 35, 78, .5);

    --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    --font-display: 'Sora', 'Inter', Arial, sans-serif;
    --display-tracking: -0.03em;
    --h1: 60px;
    --h1-lh: 76px;
    --h2: 46px;
    --h2-lh: 58px;
    --h4: 20px;
    --h4-lh: 24px;
    --subheading: 24px;
    --subheading-lh: 29px;
    --subheading-s: 22px;
    --subheading-s-lh: 27px;
    --body: 20px;
    --body-lh: 24px;
    --body-s: 18px;
    --body-s-lh: 22px;
    --link: 16px;
    --small: 12px;
    --section-title: 46px;

    --btn-h: 60px;
    --btn-w: 270px;
    --btn-font: 20px;
    --btn-radius: 50px;
    --btn-outline-w: 170px;
    --btn-outline-font: 18px;

    --radius: 6px;
    --radius-lg: 16px;

    --content-width: 1110px;
    --gutter: 40px;
    --header-h: 100px;
    --section-pad: 80px;

    --transition: .2s ease;
}

@media (max-width: 1199px) {
    :root {
        --h1: 48px;
        --h1-lh: 60px;
        --h2: 38px;
        --h2-lh: 48px;
        --subheading: 20px;
        --subheading-lh: 24px;
        --subheading-s: 20px;
        --subheading-s-lh: 24px;
        --body: 18px;
        --body-lh: 22px;
        --body-s: 16px;
        --body-s-lh: 19px;
        --section-title: 38px;

        --gutter: 30px;
        --header-h: 80px;
        --section-pad: 60px;
    }
}

@media (max-width: 767px) {
    :root {
        --display-tracking: -0.02em;
        --h1: 36px;
        --h1-lh: 45px;
        --h2: 30px;
        --h2-lh: 38px;
        --h4: 18px;
        --h4-lh: 21.6px;
        --subheading: 18px;
        --subheading-lh: 22px;
        --subheading-s: 16px;
        --subheading-s-lh: 19.2px;
        --body: 16px;
        --body-lh: 19.2px;
        --body-s: 14px;
        --body-s-lh: 16.8px;
        --link: 14px;
        --small: 12px;
        --section-title: 30px;

        --btn-font: 18px;

        --gutter: 15px;
        --header-h: 60.86px;
        --section-pad: 40px;
    }
}

html {
    scroll-behavior: smooth;
}

body {
    font-size: var(--body);
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 1921px) {
    body {
        zoom: calc(100vw / 1920px);
    }
}

body.no-scroll {
    overflow: hidden;
}

img,
svg {
    max-width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    font: inherit;
    color: inherit;
    background: none;
    border: 0;
    cursor: pointer;
}

strong,
b {
    font-weight: 700;
}

.site-header__nav-list,
.hero__list,
.steps__list,
.advantages__list,
.loan-options__list {
    padding: 0;
    list-style: none;
}

.container {
    width: 100%;
    max-width: calc(var(--content-width) + var(--gutter) * 2);
    margin: 0 auto;
    padding: 0 var(--gutter);
}

.section {
    position: relative;
    padding: var(--band-pad, var(--section-pad) 0);
}

@media (max-width: 1199px) {
    .section {
        padding: var(--band-pad-t, var(--band-pad, var(--section-pad) 0));
    }

}
@media (max-width: 767px) {
    .section {
        padding: var(--band-pad-m, var(--band-pad-t, var(--band-pad, var(--section-pad) 0)));
    }

}
.main--embed > .section {
    --band-pad: var(--header-overlap) 0 0;
}

.section--mint {
    background: var(--surface-alt);
}

.section--soft {
    background: var(--surface-soft);
}

.section--warm {
    background: var(--surface-warm);
}

.section--dark {
    background: var(--surface-dark-end);
    color: var(--surface);
    --band-art: var(--gradient-surface-dark);
}

.section--dark h1,
.section--dark h2,
.section--dark h3,
.section--dark h4,
.section--dark h5,
.section--dark h6 {
    color: var(--surface);
}

.section {
    background-image: var(--band-art, none);
}

.section > .container {
    position: relative;
    z-index: 2;
}

.section > [aria-hidden="true"],
.hero-media,
.hero__layer,
.how-it-works-media,
.how-it-works__layer,
.advantages-media,
.advantages__layer,
.steps-media,
.steps__layer,
.faq-preview-media,
.contact-media,
.loan-summary-media {
    pointer-events: none;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--btn-font);
    font-weight: 700;
    text-align: center;
}

.form__body {
    display: flex;
    flex-direction: column;
}

.input,
.textarea {
    width: 100%;
    transition: border-color var(--transition);
}

.textarea {
    resize: vertical;
}

.input.error,
.textarea.error {
    border-color: var(--error);
}

.input.error:focus,
.textarea.error:focus {
    border-color: var(--error);
}

.site-header__inner {
    display: flex;
    align-items: center;
}

.logo {
    flex-shrink: 0;
}

.site-header__nav {
    display: flex;
    align-items: center;
}

.site-header__nav-list {
    display: flex;
    align-items: center;
}

.site-header__nav-link {
    white-space: nowrap;
}

.site-header__burger {
    display: none;
    flex-direction: column;
    padding: 0;
}

.site-header__burger span {
    display: block;
    height: 2px;
    border-radius: 2px;
    transition: transform var(--transition), opacity var(--transition);
}

.site-header__burger.is-active span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.site-header__burger.is-active span:nth-child(2) {
    opacity: 0;
}

.site-header__burger.is-active span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

.site-footer__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-footer__nav {
    display: flex;
    align-items: center;
}

.site-footer__nav a {
    line-height: 1.2;
    white-space: nowrap;
}

.material {
    font-size: 14px;
}

.copyright {
    font-size: 14px;
}

.advantages-title,
.accordion-item__head,
.accordion-item__body,
.how-it-works-text,
.steps-text {
    overflow-wrap: anywhere;
}

.accordion {
    display: flex;
    flex-direction: column;
}

.accordion-item__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-align: left;
}

.accordion-item__body {
    display: none;
}

.accordion-item.is-open .accordion-item__body {
    display: block;
}

.accordion-item__body ol {
    list-style: decimal;
}

.accordion-item__body ul {
    list-style: disc;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.hero__list {
    display: flex;
    flex-direction: column;
}

.loan-options__item {
    display: flex;
    flex-direction: column;
}

.loan-options__item-media {
    display: flex;
    align-items: center;
    justify-content: center;
}

.loan-options__item-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.loan-options__item-title {
    font-size: var(--h3);
    font-weight: 700;
    line-height: 1.2;
}

.loan-summary {
    text-align: center;
}

.steps-title {
    text-align: center;
}

.steps__item {
    display: flex;
    flex-direction: column;
}

.steps__item-label {
    line-height: 1.2;
}

.advantages__list {
    display: flex;
    flex-direction: column;
}

.advantages__list li {
    display: flex;
    align-items: center;
}

.faq-title {
    text-align: center;
}

.contact-layout {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.contact-title {
    line-height: 1.2;
}

.contact-text a {
    text-decoration: underline;
}

.contact__item-label {
    line-height: 1.2;
}

.form__required {
    line-height: 1.2;
}

.field__error,
.feedCaptcha-error {
    color: var(--error);
}

.legal-title {
    text-align: center;
}

.legal-content h1 {
    display: none;
}

.legal-content > :last-child {
    margin-bottom: 0;
}

.main--your-privacy-rights .legal-content > :has(+ p:last-child):not(:has(+ p:last-child > *)) {
    margin-bottom: 0;
}

.legal-content a[id]:empty {
    display: block;
    height: 0;
    scroll-margin-top: calc(var(--header-h) + 20px);
}

.legal-content em {
    font-style: italic;
}

.legal-content ul {
    list-style: disc;
}

.legal-content ol {
    list-style: decimal;
}

.legal-content a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 767px) {
    .site-footer__top {
        align-items: flex-start;
    }

    .site-footer__nav {
        flex-direction: column;
        align-items: flex-start;
    }

}
.material p:has(+ .table),
.material p:empty {
    display: none;
}

.material .table {
    display: table;
    width: 100%;
}

.material .tr {
    display: table-row;
}

.material .td {
    display: table-cell;
    vertical-align: middle;
}

.material .tr:first-child .td {
    font-weight: 700;
}

body {
    font-family: var(--font);
    font-size: var(--body);
    line-height: var(--body-lh);
    color: var(--text);
    background: var(--surface);
}

h1,
h2,
h3 {
    font-family: var(--font-display);
    font-weight: 600;
    letter-spacing: var(--display-tracking);
    color: var(--ink);
}

h1 {
    font-weight: 700;
}

@media (max-width: 767px) {
    h1 {
        letter-spacing: -0.03em;
    }
}

.main {
    overflow-x: hidden;
    overflow-x: clip;
}

a:focus-visible,
button:focus-visible,
.btn:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
}

.btn {
    font-family: var(--font);
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
    transition: background-color var(--transition), color var(--transition), box-shadow var(--transition);
}

.btn svg {
    display: none;
}

.btn--primary {
    width: var(--btn-w);
    min-height: var(--btn-h);
    padding: 0 20px;
    border-radius: var(--btn-radius);
    background: var(--accent);
    color: var(--surface);
}

.btn--primary:hover {
    background: var(--accent-hover);
}

.btn--primary:active {
    background: var(--accent-active);
    box-shadow: inset 0 0 0 2px var(--accent);
}

.steps .btn--primary,
.advantages .btn--primary {
    background: var(--gold);
}

.steps .btn--primary:hover,
.advantages .btn--primary:hover {
    background: var(--navy);
}

.steps .btn--primary:active,
.advantages .btn--primary:active {
    background: var(--navy);
    box-shadow: inset 0 0 0 2px var(--gold);
}

.btn--outline {
    width: var(--btn-outline-w);
    min-height: var(--btn-h);
    padding: 0 10px;
    border: 1px solid var(--accent);
    border-radius: 60px;
    background: var(--surface);
    font-size: var(--btn-outline-font);
    font-weight: 500;
    color: var(--accent);
}

.btn--outline:hover {
    background: var(--surface-soft);
}

.btn--outline:active {
    background: var(--surface-soft);
    box-shadow: inset 0 0 0 2px var(--accent);
}

@media (max-width: 767px) {
    .btn--primary {
        width: 100%;
        max-width: 450px;
    }
}

.hero-text a,
.faq-preview-text a {
    position: relative;
    font-size: var(--link);
    font-weight: 700;
    line-height: normal;
    text-decoration: underline;
    color: var(--ink);
    transition: color var(--transition);
}

.hero-text a::after,
.faq-preview-text a::after {
    content: "";
    position: absolute;
    inset: -13.5px -8px;
}

.faq-preview-text a:hover {
    color: var(--accent);
}

.hero-text a:hover {
    color: var(--navy);
}

.site-header {
    position: relative;
    z-index: 30;
    background: var(--surface);
}

.site-header__inner {
    justify-content: space-between;
    min-height: var(--header-h);
}

.logo__icon {
    width: 124.523px;
    height: 34.872px;
}

.site-header__nav {
    gap: 30px;
}

.site-header__nav-list {
    gap: 40px;
}

.site-header__nav-link {
    display: block;
    font-size: var(--link);
    font-weight: 600;
    line-height: 1.2;
    color: var(--ink);
    transition: color var(--transition);
}

.site-header__nav-link:hover {
    color: var(--accent);
}

.site-header__overlay {
    position: fixed;
    inset: 0;
    z-index: 25;
    background: var(--overlay);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--transition), visibility var(--transition);
}

.site-header__overlay.is-visible {
    opacity: 1;
    visibility: visible;
}

.site-header--form .site-header__inner {
    justify-content: center;
}

@media (max-width: 1199px) {
    .site-header__inner {
        gap: 20px;
    }

    .site-header__nav-list {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        display: block;
        padding: 8px var(--gutter) 24px;
        background: var(--surface);
        box-shadow: 0 8px 16px rgba(10, 35, 78, .08);
        opacity: 0;
        visibility: hidden;
        transition: opacity var(--transition), visibility var(--transition);
    }

    .site-header__nav.is-open .site-header__nav-list {
        opacity: 1;
        visibility: visible;
    }

    .site-header__nav-list li {
        border-bottom: 1px solid var(--surface-tint);
    }

    .site-header__nav-link {
        display: flex;
        align-items: center;
        min-height: 48px;
    }

    .site-header__nav {
        margin-left: auto;
    }

    .site-header__burger {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        gap: 3px;
        box-sizing: content-box;
        width: 24px;
        height: 24px;
        margin: -10px;
        padding: 10px;
        color: var(--ink);
    }

    .site-header__burger span {
        width: 16px;
        background: currentColor;
    }

    .site-header__burger span:nth-child(2) {
        width: 12px;
    }

    .site-header__burger span:nth-child(3) {
        width: 7px;
    }

    .site-header__burger.is-active span:nth-child(1),
    .site-header__burger.is-active span:nth-child(3) {
        width: 16px;
    }

    .site-header__burger.is-active span:nth-child(1) {
        transform: translateY(5px) rotate(45deg);
    }

    .site-header__burger.is-active span:nth-child(3) {
        transform: translateY(-5px) rotate(-45deg);
    }

    .site-header__cta {
        min-height: 50px;
    }
}

@media (max-width: 767px) {
    .site-header {
        border-radius: 0 0 4px 4px;
    }

    .site-header:has(.site-header__nav.is-open) {
        border-radius: 0;
    }

    .site-header__burger {
        margin-right: -6px;
    }

    .site-header__inner {
        padding: 0 16px;
    }

    .logo__icon {
        width: 103.065px;
        height: 28.863px;
    }

    .site-header__nav {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        display: block;
        padding: 8px 16px 24px;
        background: var(--surface);
        box-shadow: 0 8px 16px rgba(10, 35, 78, .08);
        opacity: 0;
        visibility: hidden;
        transition: opacity var(--transition), visibility var(--transition);
    }

    .site-header__nav.is-open {
        opacity: 1;
        visibility: visible;
    }

    .site-header__nav-list {
        position: static;
        padding: 0;
        background: none;
        box-shadow: none;
        opacity: 1;
        visibility: inherit;
    }

    .site-header__nav.is-open .site-header__nav-list {
        visibility: inherit;
    }

    .site-header__cta {
        width: 100%;
        margin-top: 20px;
    }
}

.hero-decor {
    position: absolute;
    inset: 0;
    background:
        url("../images/hero-lines-right.svg") right 0 top -100px / 571px 1141px no-repeat,
        url("../images/hero-lines-left.svg") left 0 top 56.71px / 750px 1167px no-repeat,
        url("../images/hero-bg.webp") center bottom / cover no-repeat;
}

.hero-title,
.hero-content {
    position: relative;
    z-index: 2;
}

.hero-title {
    max-width: 643px;
    margin: 0 0 30px;
    font-size: var(--h1);
    line-height: var(--h1-lh);
    color: var(--surface);
}

.hero__list {
    gap: 20px;
    margin: 0 0 30px;
}

.hero__list li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--subheading);
    font-weight: 600;
    line-height: var(--subheading-lh);
    color: var(--surface);
}

.hero__list svg {
    flex-shrink: 0;
    width: 23.509px;
    height: 23.509px;
}

.main--emergency-loans .hero-title {
    max-width: 762px;
}

.hero-text {
    margin: 25px 0 0;
    padding: 10px 0;
    font-size: var(--link);
    line-height: normal;
}

.hero-media {
    position: absolute;
    bottom: 0;
    left: calc(50% + var(--photo-x, 98px));
    z-index: 1;
    width: var(--photo-w, 450px);
}

.hero-media img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 1199px) {
    .hero-title,
    .main--emergency-loans .hero-title {
        max-width: 56%;
        margin-bottom: 24px;
    }

    .hero__list {
        gap: 14px;
        margin-bottom: 24px;
    }

    .hero__list li {
        gap: 8px;
    }

    .hero__list svg {
        width: 22px;
        height: 22px;
    }

    .hero-text {
        margin-top: 15px;
    }

    .hero-media {
        right: max(var(--gutter), calc(50% - 555px));
        left: auto;
        width: min(var(--photo-w, 450px), 36vw);
    }

    .hero-layout {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: calc(min(var(--photo-w, 450px), 36vw) * 1.35 - 20px);
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .hero-title {
        font-size: clamp(40px, 5.2vw, 48px);
        line-height: 1.25;
        text-wrap: balance;
    }
}

@media (max-width: 767px) {
    .hero-decor {
        background:
            url("../images/hero-lines-mobile.svg") left 0 top calc(93.24px * 100vw / 320px) / 100% auto no-repeat,
            url("../images/hero-bg.webp") 25% bottom / cover no-repeat;
    }

    .hero-layout {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 0;
    }

    .hero-title,
    .main--emergency-loans .hero-title {
        max-width: none;
        margin-bottom: 24px;
        text-align: center;
    }

    .hero-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .hero__list {
        gap: 16px;
        margin-bottom: 24px;
    }

    .hero__list li {
        align-items: flex-start;
        gap: 12px;
    }

    .hero__list svg {
        width: 23.509px;
        height: 23.509px;
    }

    .hero-text {
        margin-top: 12px;
    }

    .hero-media {
        position: static;
        width: min(calc(var(--photo-w-m, 274px) * 100vw / 320px), 420px);
        margin-top: 10px;
    }

    .hero-media img {
        aspect-ratio: var(--photo-ratio-m, .94);
        object-fit: cover;
        object-position: center top;
    }
}

.loan-options__list {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 0;
}

.loan-options__list li {
    --card-colour: var(--card-debt);
    --icon-w: 61.805px;
    --icon-h: 45.134px;
    --icon-w-hover: 79.15px;
    --icon-h-hover: 57.801px;
    flex: 0 0 255px;
}

.loan-options__list li:nth-child(2) {
    --card-colour: var(--card-bad-credit);
    --icon-w: 46px;
    --icon-h: 47px;
    --icon-w-hover: 78px;
    --icon-h-hover: 78px;
}

.loan-options__list li:nth-child(3) {
    --card-colour: var(--card-emergency);
    --icon-w: 45.236px;
    --icon-h: 45.134px;
    --icon-w-hover: 70.993px;
    --icon-h-hover: 70.834px;
}

.loan-options__list li:nth-child(4) {
    --card-colour: var(--card-personal);
    --icon-w: 45.755px;
    --icon-h: 45.134px;
    --icon-w-hover: 69.011px;
    --icon-h-hover: 68.074px;
}

.loan-options__item {
    position: relative;
    display: block;
    height: 179px;
    overflow: hidden;
    border-radius: var(--radius-lg);
    background: var(--surface-alt);
    color: var(--ink);
    transition: background-color var(--transition);
}

.loan-options__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 25px;
    width: 205px;
    height: 3px;
    border-radius: 0 0 4px 4px;
    background: var(--card-colour);
    transition: opacity var(--transition);
}

.loan-options__item-media {
    position: absolute;
    top: 28.42px;
    left: 23.08px;
    width: var(--icon-w);
    height: var(--icon-h);
    color: var(--card-colour);
    transition: top var(--transition), width var(--transition), height var(--transition), color var(--transition);
}

.loan-options__item-media svg {
    display: block;
    width: 100%;
    height: 100%;
}

.loan-options__item-title {
    position: absolute;
    top: 102.24px;
    left: 23.08px;
    font-size: var(--subheading-s);
    font-weight: 600;
    line-height: var(--subheading-s-lh);
    letter-spacing: -0.02em;
    white-space: nowrap;
    transition: transform var(--transition);
}

.loan-options__item-content svg {
    position: absolute;
    top: 144.44px;
    right: 28.19px;
    width: 26.5px;
    height: 9.22px;
    transition: transform var(--transition);
    transform-origin: right center;
}

.loan-options__item:hover {
    background: var(--surface-tint);
}

.loan-options__item:hover::before {
    opacity: 0;
}

.loan-options__item:hover .loan-options__item-media {
    top: calc(155.33px - var(--icon-h-hover));
    width: var(--icon-w-hover);
    height: var(--icon-h-hover);
    color: var(--navy);
}

.loan-options__item:hover .loan-options__item-title {
    transform: translateY(-73.82px);
}

.loan-options__item:hover .loan-options__item-content svg {
    transform: translateX(4.92px) scale(1.168);
}

@media (max-width: 1199px) {
    .loan-options__list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .loan-options__item::before {
        right: 25px;
        width: auto;
    }
}

@media (max-width: 767px) {
    .loan-options__list {
        gap: 30px;
    }

    .loan-options__item {
        height: 130px;
        background: var(--surface-tint);
    }

    .loan-options__item::before {
        display: none;
    }

    .loan-options__list li {
        --icon-w: 48.33px;
        --icon-h: 35.28px;
    }

    .loan-options__list li:nth-child(2) {
        --icon-w: 54.6px;
        --icon-h: 51.95px;
    }

    .loan-options__list li:nth-child(3) {
        --icon-w: 47.4px;
        --icon-h: 47.37px;
    }

    .loan-options__list li:nth-child(4) {
        --icon-w: 48.62px;
        --icon-h: 47.96px;
    }

    .loan-options__item-media,
    .loan-options__item:hover .loan-options__item-media {
        top: auto;
        bottom: 17.17px;
        left: 11.08px;
        width: var(--icon-w);
        height: var(--icon-h);
        color: var(--navy);
    }

    .loan-options__item-title,
    .loan-options__item:hover .loan-options__item-title {
        top: 13.8px;
        left: 11.08px;
        max-width: 110px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0;
        white-space: normal;
        transform: none;
    }

    .loan-options__item-content svg,
    .loan-options__item:hover .loan-options__item-content svg {
        top: 102.5px;
        right: 15.18px;
        width: 20.3px;
        height: 7.06px;
        transform: none;
    }
}

.loan-summary-title {
    margin: 0 0 18px;
    font-size: var(--section-title);
    line-height: var(--h2-lh);
}

.loan-summary-text {
    margin: 0;
    font-size: var(--subheading);
    line-height: var(--subheading-lh);
    color: var(--text-muted);
}

@media (max-width: 767px) {
    .loan-summary-text {
        line-height: 22px;
    }
}

.steps-decor {
    position: absolute;
    inset: 0;
    background: url("../images/steps-lines.svg") calc(50% + 416.5px) 0 / auto max(677px, 100%) no-repeat;
}

@media (max-width: 767px) {
    .steps-decor {
        display: none;
    }
}

.steps {
    position: relative;
}

.steps-title {
    margin: 0 0 40px;
    font-size: var(--section-title);
    line-height: var(--h2-lh);
    text-align: left;
}

.steps-media {
    position: absolute;
    top: 21.03px;
    left: 612.76px;
    width: 512.48px;
}

.steps-media img {
    display: block;
    width: 100%;
    height: auto;
}

.steps__list {
    display: flex;
    flex-direction: column;
    gap: 68.63px;
    margin: 0 0 40px;
    padding-left: 5px;
}

.steps__item:not(:last-child)::before {
    content: "";
    position: absolute;
    top: calc(50% + 27px);
    left: 30.5px;
    width: 3px;
    height: calc(100% + 14.63px);
    background: var(--gold);
}

.steps__item {
    position: relative;
    display: grid;
    grid-template-columns: 64px 1fr;
    grid-template-rows: 1fr auto auto 1fr;
    column-gap: 28px;
    min-height: 64px;
}

.steps__item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: calc(100% + 25.68px);
    left: 24px;
    width: 16px;
    height: 16px;
    background: url("../images/steps-arrow.svg") center / contain no-repeat;
}

.steps__item-content {
    display: contents;
}

.steps__item-num {
    position: relative;
    grid-row: 1 / 5;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    box-shadow: 0 0 0 5px var(--gold-light);
    background: var(--surface);
    font-family: var(--font-display);
    font-size: 32px;
    line-height: normal;
    letter-spacing: -0.08em;
    color: var(--accent);
}

.steps__item-label {
    grid-row: 2;
    grid-column: 2;
    margin-bottom: 5px;
    font-size: var(--body-s);
    font-weight: 700;
    line-height: 1.2;
    color: var(--accent);
}

.steps__item-title {
    grid-row: 3;
    grid-column: 2;
    margin: 0;
    font-size: var(--subheading);
    line-height: var(--subheading-lh);
    color: var(--text-muted);
}

@media (max-width: 1199px) {
    .steps-media {
        top: 0;
        right: 0;
        left: auto;
        width: min(512.48px, 44%);
    }

    .steps-title,
    .steps__list {
        max-width: calc(56% - 20px);
    }

    .steps-title {
        margin-bottom: 30px;
    }

    .steps__list {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .steps-title,
    .steps__item-title {
        text-wrap: balance;
    }
}

@media (max-width: 767px) {
    .steps-media {
        display: none;
    }

    .steps-title,
    .steps__list {
        max-width: none;
    }

    .steps-title {
        text-align: center;
    }

    .steps__list {
        gap: 69.63px;
        width: fit-content;
        margin-inline: auto;
        padding-left: 0;
    }

    .steps .btn {
        display: flex;
        margin-inline: auto;
    }

    .steps__item {
        grid-template-columns: 59px minmax(0, 205px);
        column-gap: 24px;
        min-height: 63px;
    }

    .steps__item:not(:last-child)::before {
        top: calc(50% + 24.5px);
        left: 28px;
        height: calc(100% + 20.63px);
    }

    .steps__item:not(:last-child)::after {
        top: calc(100% + 28.5px);
        left: 24.2px;
        width: 10.61px;
        height: 12.64px;
    }

    .steps__item-num {
        width: 59px;
        height: 59px;
        font-size: 30px;
    }

    .steps__item-label {
        margin-bottom: 2px;
        font-size: var(--body-s);
    }
}

.faq-preview-title {
    margin: 0 0 40px;
    font-size: var(--section-title);
    line-height: var(--h2-lh);
    text-align: center;
}

.faq-preview-content {
    max-width: 920px;
    margin: 0 auto;
    text-align: center;
}

.faq-preview-text {
    margin: 40px 0 0;
    padding: 10px 0;
    font-size: var(--link);
    line-height: normal;
}

.accordion {
    padding: 30px;
    border-radius: var(--radius-lg);
    background: var(--surface-tint);
    text-align: left;
}

.accordion-item + .accordion-item {
    margin-top: 25px;
    padding-top: 25px;
    box-shadow: inset 0 1px var(--surface);
}

.accordion-item__head {
    gap: 16px;
    padding: 0;
    font-family: var(--font-display);
    font-size: var(--h4);
    font-weight: 600;
    line-height: var(--h4-lh);
    color: var(--ink);
}

.accordion-item__head svg {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    color: var(--accent);
}

.accordion-item__head svg path:last-child {
    transition: opacity var(--transition);
}

.accordion-item.is-open .accordion-item__head svg path:last-child {
    opacity: 0;
}

.accordion-item__body {
    margin-top: 15px;
    padding-left: 40px;
    font-size: var(--body);
    line-height: var(--body-lh);
    color: var(--ink);
}

.accordion-item.is-open .accordion-item__body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.accordion-item__body p,
.accordion-item__body ol,
.accordion-item__body ul {
    margin: 0;
}

.accordion-item__body ol,
.accordion-item__body ul {
    padding-left: 30px;
}

.accordion-item__body li + li {
    margin-top: 10px;
}

@media (max-width: 1199px) {
    .faq-preview-title {
        margin-bottom: 30px;
    }

    .faq-preview-text {
        margin-top: 30px;
    }

    .accordion-item__body {
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .faq-preview-text {
        margin-top: 10px;
    }

    .accordion {
        padding: 30px 16px;
    }

    .accordion-item__body {
        padding-left: 0;
    }

    .accordion-item__body ol,
    .accordion-item__body ul {
        padding-left: 24px;
    }
}

.advantages-decor {
    position: absolute;
    inset: 0;
    background:
        url("../images/trust-lines-right.svg") right 0 top 0 / auto max(555px, 100%) no-repeat,
        url("../images/trust-lines-left.svg") left 0 top 0 / auto max(555px, 100%) no-repeat;
}

@media (max-width: 767px) {
    .advantages-decor {
        background:
            url("../images/trust-lines-m-tl.svg") left 0 top 0 / 320px 921px no-repeat,
            url("../images/trust-lines-m-br.svg") right 0 bottom 0 / 320px 921px no-repeat;
    }
}

.advantages-layout {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.advantages-title {
    margin: 0 0 40px;
    font-size: var(--section-title);
    line-height: var(--h2-lh);
    text-align: center;
}

.advantages__list {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 90px;
    margin: 0 0 40px;
}

.advantages__list li {
    flex-direction: column;
    gap: 32px;
    width: 155px;
}

.advantages__list li:nth-child(2) {
    width: 177.84px;
}

.advantages__list li:nth-child(3) {
    width: 166.94px;
}

.advantages__item-media {
    display: block;
    width: 121.74px;
    height: 121.74px;
}

.advantages__item-media img {
    display: block;
    max-width: none;
    width: 151.74px;
    height: 151.74px;
    margin: -15px;
}

.advantages__item-title {
    font-size: var(--body);
    line-height: var(--body-lh);
    text-align: center;
    color: var(--ink);
}

.advantages__list li:nth-child(1) .advantages__item-title {
    max-width: 121.74px;
}

@media (max-width: 1199px) {
    .advantages-title {
        margin-bottom: 30px;
    }

    .advantages__list {
        gap: 40px;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .advantages-title {
        margin-bottom: 53px;
    }

    .advantages__list {
        flex-direction: column;
        align-items: center;
        gap: 69px;
        margin-bottom: 53px;
    }

    .advantages__list li,
    .advantages__list li:nth-child(2),
    .advantages__list li:nth-child(3) {
        width: auto;
        max-width: 285px;
    }

    .advantages__item-media {
        width: 87.68px;
        height: 87.68px;
    }

    .advantages__item-media img {
        width: 109.28px;
        height: 109.28px;
        margin: -10.8px;
    }

    .advantages__item-title,
    .advantages__list li:nth-child(1) .advantages__item-title {
        max-width: none;
        font-size: 22px;
        line-height: normal;
        letter-spacing: -0.02em;
    }
}

.how-it-works-content {
    display: flex;
    flex-direction: column;
    gap: 18px;
    text-align: center;
}

.how-it-works-title {
    margin: 0;
    font-size: var(--h1);
    line-height: var(--h1-lh);
}

.how-it-works-text {
    display: flex;
    flex-direction: column;
    gap: 18px;
    font-size: var(--subheading);
    line-height: var(--subheading-lh);
    color: var(--text-muted);
}

.how-it-works-text p {
    margin: 0;
}

@media (max-width: 767px) {
    .how-it-works-text {
        line-height: 22px;
    }
}

.faq .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.faq-title {
    margin: 0 0 18px;
    font-size: var(--h1);
    line-height: var(--h1-lh);
}

.faq .accordion {
    width: 100%;
    max-width: 920px;
}

.faq .btn {
    margin-top: 30px;
}

@media (max-width: 767px) {
    .faq .btn {
        margin-top: 18px;
    }
}

.contact-layout {
    display: grid;
    grid-template-columns: 633px 445px;
    grid-template-rows: auto 1fr;
    justify-content: space-between;
    min-height: 640px;
}

.contact-layout::before {
    content: "";
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: stretch;
    border-radius: var(--radius-lg);
    background: url("../images/contact-lines.svg") left top / 445px 640px no-repeat, var(--surface-soft);
}

.contact-content {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 30px;
}

.contact-title {
    margin: 0 0 15px;
    font-size: var(--h1);
    line-height: var(--h1-lh);
}

.contact-text {
    margin: 0;
    font-size: var(--subheading);
    line-height: var(--subheading-lh);
    color: var(--text-muted);
}

.contact__list {
    z-index: 1;
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 30px 30px 0;
    padding: 0;
    list-style: none;
}

.contact__item {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 12px;
    padding: 15px;
    border-radius: var(--radius-lg);
    background: var(--surface-tint);
}

.contact__item-media {
    grid-row: 1 / 3;
}

.contact__item-media img {
    display: block;
}

.contact__item-label {
    align-self: end;
    margin: 0 0 2px;
    font-size: var(--body-s);
    line-height: 1.2;
    color: var(--ink);
}

.contact__item-text {
    align-self: start;
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--body);
    font-weight: 600;
    line-height: 1.2;
    color: var(--navy);
}

.contact__item-text a {
    text-decoration: underline;
}

.contact-media {
    z-index: 1;
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: end;
    margin: 0 30px;
}

.contact-media img {
    display: block;
    width: 100%;
    height: auto;
}

.form {
    position: relative;
    grid-column: 1;
    grid-row: 2;
    align-self: stretch;
}

.form__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.form__body > * {
    grid-column: 1 / -1;
}

.form__body > .field:nth-child(2),
.form__body > .field:nth-child(3) {
    grid-column: auto;
}

.input,
.textarea {
    display: block;
    height: 48px;
    padding: 0 15px;
    border: 1px solid var(--text-disabled);
    border-radius: 8px;
    background: var(--surface);
    font-family: var(--font);
    font-size: 14px;
    line-height: 1.2;
    color: var(--ink);
    outline: 0;
}

.textarea {
    height: 164px;
    padding: 15px;
}

.input::placeholder,
.textarea::placeholder {
    color: var(--text-disabled);
    opacity: 1;
}

.input:focus,
.textarea:focus {
    border-color: var(--ink);
}

.input.email {
    padding-left: 47px;
    background: url("../images/field-mail.svg") left 15px center / 24px 24px no-repeat, var(--surface);
}

.field__error,
.feedCaptcha-error {
    margin-top: 4px;
    font-size: var(--small);
    line-height: 1.2;
}

.form__captcha:not(:has(.feedCaptcha-error, div:not(:empty))) {
    display: none;
}

.form__submit {
    margin-top: 0;
}

.form__required {
    position: absolute;
    right: 0;
    bottom: 40.8px;
    margin: 0;
    font-size: var(--link);
    color: var(--text-disabled);
}

.form__success {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 200px;
    font-size: var(--subheading);
    line-height: var(--subheading-lh);
    text-align: center;
    color: var(--ink);
}

@media (max-width: 1199px) {
    .contact-layout {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        column-gap: 0;
        min-height: 0;
    }

    .contact-content,
    .form {
        grid-column: 1 / -1;
    }

    .contact-layout::before {
        grid-column: 1 / -1;
        grid-row: 3;
        margin-top: 40px;
        background-position: right top;
    }

    .contact__list {
        grid-column: 1;
        grid-row: 3;
        align-self: center;
        margin: 70px 0 30px 30px;
    }

    .contact-media {
        grid-column: 2;
        grid-row: 3;
        justify-self: center;
        width: min(385px, 100% - 30px);
        margin: 70px 0 0;
    }
}

@media (max-width: 767px) {
    .contact-layout {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto auto auto;
    }

    .contact-content {
        margin-bottom: 18px;
        text-align: center;
    }

    .contact-title {
        margin-bottom: 18px;
    }

    .contact-text {
        line-height: 22px;
    }

    .form {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .form__body {
        display: contents;
    }

    .form__required {
        position: static;
        order: 1;
        margin: 0;
    }

    .form__submit {
        order: 2;
        margin-top: -4px;
    }

    .form > div:not([class]) {
        display: contents;
    }

    .contact-layout::before {
        grid-column: 1;
        grid-row: 3 / 5;
        margin-top: 18px;
        background-size: auto, auto;
    }

    .contact__list {
        grid-column: 1;
        grid-row: 3;
        gap: 15px;
        margin: 33px 15px 0;
    }

    .contact__item {
        column-gap: 12px;
        padding: 15px;
    }

    .contact__item-media img {
        width: 30px;
        height: 30px;
    }

    .contact__item-label {
        font-size: 14px;
    }

    .contact__item-text {
        font-size: 18px;
    }

    .contact-media {
        grid-column: 1;
        grid-row: 4;
        width: auto;
        margin: 15px 15px 0;
    }
}

.legal-title {
    margin: 0 0 18px;
    font-size: var(--h1);
    line-height: var(--h1-lh);
}

.legal-content {
    font-size: var(--body);
    line-height: var(--body-lh);
    color: var(--ink);
}

.legal-content p:empty,
.legal-content p > br:last-child,
.legal-content > strong + br,
.legal-content h1 + br,
.legal-content > a[id]:empty + br,
.legal-content ul + br,
.legal-content ol + br {
    display: none;
}

.legal-content p,
.legal-content ul,
.legal-content ol,
.legal-content h2,
.legal-content h3 {
    margin: 0 0 34px;
}

.legal-content > strong {
    display: block;
    margin-bottom: 34px;
}

.legal-content strong,
.legal-content h2,
.legal-content h3 {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: 0;
    color: inherit;
}

.legal-content ul {
    padding-left: 24px;
}

.legal-content ol {
    padding-left: 1.7em;
}

.legal-content li + li {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .legal-content p,
    .legal-content ul,
    .legal-content ol,
    .legal-content h2,
    .legal-content h3,
    .legal-content > strong {
        margin-bottom: 29px;
    }
}

.site-footer {
    padding: 40px 0;
    background: var(--surface-dark);
    color: var(--surface);
}

.site-footer .logo__icon {
    width: 130.427px;
    height: 36.525px;
}

.site-footer__nav {
    gap: 30px;
}

.site-footer__nav a {
    font-size: var(--link);
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.02em;
    transition: color var(--transition);
}

.site-footer__nav a:hover {
    color: var(--surface-soft);
}

@media (max-width: 1199px) {
    .site-footer__top {
        gap: 20px;
    }

    .site-footer__nav {
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 12px 24px;
    }

    .site-footer__nav a {
        padding: 6px 0;
        margin: -6px 0;
    }
}

@media (max-width: 767px) {
    .site-footer__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 27px;
    }

    .site-footer .logo__icon {
        width: 150.8px;
        height: 42.2px;
    }

    .site-footer__nav {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .site-footer__nav a {
        padding: 8px 0;
        margin: -8px 0;
        font-size: 12px;
    }

}

.material {
    margin-top: 27px;
    padding: 19.5px;
    border: .5px solid var(--border-on-dark);
    border-radius: 10px;
    background: var(--surface-on-dark);
    font-size: var(--small);
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.02em;
}

.material h3 {
    margin: 0 0 27px;
    font-family: var(--font);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.02em;
    color: var(--surface);
}

.material p {
    margin: 0 0 34.5px;
}

.material p:last-child {
    margin-bottom: 0;
}

.material strong {
    font-weight: 700;
}

.material strong.title {
    display: block;
    margin-bottom: 10px;
}

.material .table {
    margin: -7.5px 0 27px;
    border-radius: 4px;
    background: var(--surface-on-dark);
    font-weight: 500;
}

.material .td {
    padding: 10px;
    border-bottom: 1px solid var(--border-on-dark);
    border-right: 1px solid var(--border-on-dark);
}

.material .td:nth-child(1) {
    width: 17.48%;
}

.material .td:nth-child(2) {
    width: 19.63%;
}

.material .td:nth-child(3) {
    width: 20.47%;
}

.material .td:nth-child(4) {
    width: 21.59%;
}

.material .td:last-child {
    border-right: 0;
}

.material .tr:first-child .td {
    border-right: 0;
    text-transform: uppercase;
}

.material .tr:last-child .td {
    border-bottom: 0;
}

@media (max-width: 767px) {
    .material {
        padding: 19.5px 7.5px;
        font-size: 11px;
        line-height: 13px;
    }

    .material h3 {
        margin-bottom: 16px;
    }

    .material p {
        margin-bottom: 33.3px;
    }

    .material strong.title {
        margin-bottom: 10px;
    }

    .material .table {
        display: grid;
        grid-template-columns: 2.74fr 1fr 1fr 1fr;
        grid-template-rows: repeat(5, auto);
        grid-auto-flow: column;
        margin: -18px 0 16px;
        font-size: 8px;
    }

    .material .tr {
        display: contents;
    }

    .material .td,
    .material .td:nth-child(n) {
        display: flex;
        align-items: center;
        width: auto;
        min-height: 29px;
        padding: 0 3.87px;
        border-right: 1px solid var(--border-on-dark);
        border-bottom: 1px solid var(--border-on-dark);
    }

    .material .tr:first-child .td {
        border-right: 1px solid var(--border-on-dark);
    }

    .material .tr:last-child .td {
        border-right: 0;
        border-bottom: 1px solid var(--border-on-dark);
    }

    .material .td:last-child,
    .material .tr:last-child .td:last-child {
        border-bottom: 0;
    }
}

.copyright {
    margin: 27px 0 0;
    font-size: var(--small);
    line-height: normal;
    letter-spacing: -0.02em;
}

@media (max-width: 767px) {
    .copyright {
        text-align: center;
    }
}

.main--bad-credit > .section:nth-child(1) {
    --band-pad: 90px 0 118.56px;
    --band-pad-t: 60px 0 70px;
    --band-pad-m: 35px 0 0;
}

.main--bad-credit > .section:nth-child(1) .hero-media {
    --photo-w: 450px;
    --photo-x: 43.26px;
    --photo-w-m: 260.3px;
    --photo-ratio-m: 260.3 / 301.7;
}

.main--bad-credit > .section:nth-child(2) {
    --band-pad: 80px 0;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--bad-credit > .section:nth-child(3) {
    --band-pad: 75px 0;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--bad-credit > .section:nth-child(4) {
    --band-pad: 80px 0 86px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--bad-credit > .section:nth-child(5) {
    --band-pad: 80px 0 75px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--ca-privacy-rights-act-reporting > .section:nth-child(1) {
    --band-pad: 83.31px 0 80px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--contact > .section:nth-child(1) {
    --band-pad: 83.31px 0 80px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--debt-consolidation > .section:nth-child(1) {
    --band-pad: 90px 0 118.56px;
    --band-pad-t: 60px 0 70px;
    --band-pad-m: 35px 0 0;
}

.main--debt-consolidation > .section:nth-child(1) .hero-media {
    --photo-w: 491.42px;
    --photo-x: 70.24px;
    --photo-w-m: 265.44px;
    --photo-ratio-m: 265.44 / 299.08;
}

.main--debt-consolidation > .section:nth-child(2) {
    --band-pad: 80px 0;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--debt-consolidation > .section:nth-child(3) {
    --band-pad: 75px 0;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--debt-consolidation > .section:nth-child(4) {
    --band-pad: 80px 0 86px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--debt-consolidation > .section:nth-child(5) {
    --band-pad: 80px 0 75px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--emergency-loans > .section:nth-child(1) {
    --band-pad: 90px 0 113px;
    --band-pad-t: 60px 0 70px;
    --band-pad-m: 35px 0 0;
}

.main--emergency-loans > .section:nth-child(1) .hero-media {
    --photo-w: 495.67px;
    --photo-x: 126.69px;
    --photo-w-m: 281.61px;
    --photo-ratio-m: 281.61 / 298.39;
}

.main--emergency-loans > .section:nth-child(2) {
    --band-pad: 80px 0;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--emergency-loans > .section:nth-child(3) {
    --band-pad: 75px 0;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--emergency-loans > .section:nth-child(4) {
    --band-pad: 80px 0 86px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--emergency-loans > .section:nth-child(5) {
    --band-pad: 80px 0 75px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--faq > .section:nth-child(1) {
    --band-pad: 83.31px 0 80px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--how-it-works > .section:nth-child(1) {
    --band-pad: 83.31px 0 80px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--how-it-works > .section:nth-child(2) {
    --band-pad: 75px 0;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--index > .section:nth-child(1) {
    --band-pad: 90px 0 118.56px;
    --band-pad-t: 60px 0 70px;
    --band-pad-m: 35px 0 0;
}

.main--index > .section:nth-child(1) .hero-media {
    --photo-w: 450px;
    --photo-x: 98px;
    --photo-w-m: 273.88px;
    --photo-ratio-m: 273.88 / 290.69;
}

.main--index > .section:nth-child(2) {
    --band-pad: 80px 0;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--index > .section:nth-child(3) {
    --band-pad: 75px 0;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--index > .section:nth-child(4) {
    --band-pad: 80px 0 86px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--index > .section:nth-child(5) {
    --band-pad: 80px 0 75px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--notice-to-residents > .section:nth-child(1) {
    --band-pad: 83.31px 0 80px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--personal-credit > .section:nth-child(1) {
    --band-pad: 90px 0 118.56px;
    --band-pad-t: 60px 0 70px;
    --band-pad-m: 35px 0 0;
}

.main--personal-credit > .section:nth-child(1) .hero-media {
    --photo-w: 520.11px;
    --photo-x: 39.94px;
    --photo-w-m: 302.83px;
    --photo-ratio-m: 302.83 / 321.58;
}

.main--personal-credit > .section:nth-child(2) {
    --band-pad: 80px 0;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--personal-credit > .section:nth-child(3) {
    --band-pad: 75px 0;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--personal-credit > .section:nth-child(4) {
    --band-pad: 80px 0 86px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--personal-credit > .section:nth-child(5) {
    --band-pad: 80px 0 75px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--rates-and-fees > .section:nth-child(1) {
    --band-pad: 83.31px 0 80px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--terms-and-conditions > .section:nth-child(1) {
    --band-pad: 83.31px 0 80px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

.main--your-privacy-rights > .section:nth-child(1) {
    --band-pad: 83.31px 0 80px;
    --band-pad-t: 60px 0;
    --band-pad-m: 40px 0;
}

}

@layer feed-embed {
    .main--embed > .section :not(svg, svg *, img, picture, video, audio, canvas, iframe, embed, object, table, caption, colgroup, col, thead, tbody, tfoot, tr, th, td, hr, font),
    .main--embed > .section ::before,
    .main--embed > .section ::after {
        all: revert;
    }

    .main--embed > .section :is(svg, img, picture, video, audio, canvas, iframe, embed, object, table, caption, colgroup, col, thead, tbody, tfoot, tr, th, td, hr, font) {
        display: revert;
        max-width: revert;
        box-sizing: revert;
        flex-shrink: revert;
    }
}