/* Minification failed. Returning unminified contents.
(10,18): run-time error CSS1039: Token not allowed after unary operator: '-main-nav-height'
(11,32): run-time error CSS1039: Token not allowed after unary operator: '-main-nav-height'
(20,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(45,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(48,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(64,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(71,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(73,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(96,27): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(99,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(119,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(134,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(166,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(186,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(194,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(204,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(215,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(217,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(233,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(250,27): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(251,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(309,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(313,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(596,27): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(628,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(659,25): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(664,25): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(702,31): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(710,31): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(718,31): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(727,31): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(735,31): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(841,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(857,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(863,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(887,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(895,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(897,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(922,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(927,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-five'
(944,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-five'
(969,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-one'
(990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
(1070,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(1097,27): run-time error CSS1039: Token not allowed after unary operator: '-fa'
(1100,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(1117,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1123,58): run-time error CSS1030: Expected identifier, found ':'
(1123,64): run-time error CSS1031: Expected selector, found ')'
(1123,64): run-time error CSS1025: Expected comma or open brace, found ')'
(1128,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(1149,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(1160,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1184,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1233,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-error'
(1366,27): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(1400,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(1427,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(1455,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(1466,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(1467,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(1527,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-one'
(1538,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-four'
(1543,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-four'
(1547,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(1599,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(1604,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(1629,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-two'
(1646,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-error'
(1654,21): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-error'
(1734,25): run-time error CSS1039: Token not allowed after unary operator: '-max-content-width'
(1760,54): run-time error CSS1030: Expected identifier, found '>'
(1760,56): run-time error CSS1030: Expected identifier, found 'div'
(1760,59): run-time error CSS1031: Expected selector, found ')'
(1760,59): run-time error CSS1025: Expected comma or open brace, found ')'
 */
.cl-container {
    margin-top: 3rem;
    padding: 0;
}

.cl-calc::before {
    content: '';
    display: inline-block;
    visibility: hidden;
    height: var(--main-nav-height);
    margin-top: calc(-1 * var(--main-nav-height));
}

.cl-hero {
    margin-bottom: 6rem;
    padding: 0;
}

.cl-hero__inner {
    max-width: var(--max-container-width);
    padding: 0 2rem;
    margin: 0 auto;
}

.cl-hero__action {
    margin-top: 2.1rem;
    max-width: 37.4rem;
}

    .cl-hero__action * {
        flex-shrink: 0;
    }

    .cl-hero__action > *:not(:last-child) {
        margin-bottom: 1.5rem;
    }

.cl-hero__marac-logo {
    margin-top: 1.2rem;
    max-width: 50%;
}

.cl__header {
    font-size: 3rem;
    font-family: var(--lora);
    font-weight: 500;
    line-height: 4rem;
    color: var(--primary-one);
    margin-top: 5.2rem;
    margin-bottom: 1rem;
}

.cl__subheader {
    margin-bottom: 3rem;
}

.cl-last-section {
    position: relative;
}

/* HOW IT WORKS */

.cl-how-it-works__inner {
    max-width: var(--max-container-width);
    margin: 0 auto;
    padding: 4.6rem 2rem;
}

.cl-how-it-works__header {
    font-size: 34px;
    font-family: var(--lora);
    line-height: 40px;
    color: var(--primary-one);
    margin-bottom: 2.5rem;
}

.cl-how-it-works__list {
    list-style: none;
    counter-reset: index;
    padding-left: 0;
}

.cl-how-it-works__list-item {
    position: relative;
    padding-left: 6rem;
    margin-bottom: 3rem;
}

    .cl-how-it-works__list-item::before {
        counter-increment: index;
        content: counter(index);
        position: absolute;
        left: 0;
        top: -2px;
        font-size: 7.4rem;
        font-family: var(--lora);
        font-weight: 500;
        line-height: 0.9;
        color: var(--primary-two);
    }

.cl-how-it-works__apply {
    display: block;
    width: 100%;
}

.cl_testimonials {
    padding-top: 2rem;
}

    .cl_testimonials .cl_testimonials__header {
        margin-top: 2rem;
        margin-bottom: 2rem;
        text-align: center;
    }

/* CLAIM */
.cl-claim__inner {
    max-width: var(--max-container-width);
    padding: 0 2rem 7rem;
    margin: 0 auto;
    text-align: center;
}

.cl-claim__icon {
    margin-left: 2rem;
    margin-bottom: 1.2rem;
}

.cl-claim__title {
    font-size: 1.6rem;
    line-height: 1.9rem;
    margin-bottom: 3.5rem;
    color: var(--primary-one);
}

.cl-claim__item-para {
    margin-bottom: 1.8rem;
}

.cl-claim__item:not(:last-child) {
    margin-bottom: 3.5rem;
}

/* RATING AND SOLVENCY */
.cl-ratingsolvency {
    width: 100%;
    padding: 0 2rem;
}

.cl-rates-fees-terms__inner {
    padding: 0 0 3.3rem 0;
    margin: 0 auto;
}



.cl-ratingsolvency__intro,
.cl-ratingsolvency p {
    margin-bottom: 4.3rem;
}

.cl-ratingsolvency__header {
    font-size: 2.8rem;
    line-height: 3.6rem;
    font-family: var(--lora);
    margin-bottom: 1.2rem;
}

@media (min-width: 1024px) {
    .cl-ratingsolvency__header {
        font-size: 3.4rem;
        line-height: 4.6rem;
    }
}

.cl-ratingsolvency__table {
    width: 100%;
    margin-bottom: 2.1rem;
}

    .cl-ratingsolvency__table thead td {
        font-size: 2rem;
        font-weight: 600;
        line-height: 2.4rem;
        color: var(--primary-one);
    }

    .cl-ratingsolvency__table td {
        padding: 1.2rem 0.7rem;
    }

    .cl-ratingsolvency__table tr {
        border-top: 1px solid var(--primary-one);
    }

        .cl-ratingsolvency__table tr:nth-child(2n) {
            background-color: rgba(244, 244, 244, 0.5);
        }

/* RATES FEES and TERMS */

.blue_text {
    color: var(--primary-two);
}

.cl-rates-fees-terms {
    margin-top: 3.9rem;
    margin-bottom: 7rem;
    min-height: calc(100vh - 280px);
}

.cl-rates-fees-terms__header {
    font-size: 3.4rem;
    font-family: var(--lora);
    line-height: 4rem;
    color: var(--primary-one);
    margin-bottom: 3rem;
}

.cl-rates-fees-terms__downloads {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.cl-rates-fees-terms__link-download:hover span {
    text-decoration: underline;
}

.cl-rates-fees-terms__link-download span {
    color: var(--primary-two);
    font-weight: 700;
}

.cl-rates-fees-terms__content {
    max-width: 76rem;
    width: 100%;
    margin: 0 auto 6rem;
}

    /* THIS IS NEEDED TO STYLE HEADING FROM THE CMS */
    .cl-rates-fees-terms__content h1,
    .cl-rates-fees-terms__content h2,
    .cl-rates-fees-terms__content h3,
    .cl-rates-fees-terms__content h4,
    .cl-rates-fees-terms__content h5,
    .cl-rates-fees-terms__content h6 {
        font-family: var(--lora);
        color: var(--primary-one);
        margin-top: 1.5rem;
        margin-bottom: 2.1rem;
    }

    .cl-rates-fees-terms__content h3 {
        font-size: 2.8rem;
        line-height: 3.3rem;
    }

    .cl-rates-fees-terms__content p,
    .cl-rates-fees-terms__content ul {
        margin-bottom: 2rem;
    }

    .cl-rates-fees-terms__content ul,
    .cl-rates-fees-terms__content ol {
        padding-left: 1.7rem;
    }

.cl-cms-side-by-side {
    display: flex;
    justify-content: space-between;
}

    .cl-cms-side-by-side *:last-child {
        text-align: right;
    }

    .cl-cms-side-by-side *:first-child {
        width: 75%;
    }

.cl-rates-fees-terms__para {
    max-width: 83rem;
    margin: 0 auto 2.1rem;
}

/* CL FAQ */
.cl-faq__action {
    text-align: center;
    margin-top: 6rem;
    margin-bottom: 1.4rem;
}

.cl-faq__para {
    margin-bottom: 2.5rem;
}

.cl-faq__action__inner {
    padding: 0 2rem;
}

/* BLOG */
.cartitlenews {
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 600;
    color: var(--primary-two);
}

.btn.btn-seniors-green-outline {
    color: var(--primary-two);
    text-decoration: underline;
}

.btn.btn-heartland-sf-news-item {
    position: relative;
    letter-spacing: 0.04rem;
    transition: all 100ms ease;
    font-size: 1.7rem;
}

.cl-container .news-list__section {
    margin: 6.4rem 0;
}

.cl-container .news-list__news-item-wrapper {
    margin-bottom: 6rem;
}

    .cl-container .news-list__news-item-wrapper .btn {
        padding: 0;
    }

.cl-blog-load-more {
    margin-top: 6.2rem;
}

/* c-section-promo */
.c-section-promo .c-section-promo-banner {
    position: relative;
}

.c-section-promo-banner-text {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.c-section-promo .c-section-promo-banner picture {
    display: block;
    object-fit: cover;
}

.c-section-promo .c-section-promo-banner img {
    width: 100%;
    height: 100%;
    display: block;
}

.c-section-promo .c-section-promo-header {
    color: white;
    padding: 0 2rem;
    font-size: clamp(2.5rem, 4vw, 3.4rem) !important;
    line-height: 1.2 !important;
}

.c-section-promo-content {
    padding: 2rem 2rem 3rem;
    font-size: 1.8rem;
    line-height: 2.8rem;
}

.c-section-promo-disclaimer {
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
}
/*
    MEDIA
    --------------------------------------------
*/

.cl__features .c-section-block-icon-no-link__item-inner {
    display: flex;
    gap: 20px;
}

@media (max-width: 767px) {
    .cl-how-it-works__list-item {
        min-height: 7.2rem;
    }
}

@media (max-width: 1023px) {
    .cl-hero__asset {
        display: none;
    }
}

@media (min-width: 768px) {
    .cl-container {
        margin-top: 5.1rem;
    }

    .cl-hero__action {
        display: flex;
        justify-content: space-between;
        max-width: 58rem;
        margin: 2.8rem auto 0;
        align-items: center;
    }

        .cl-hero__action *:not(:last-child) {
            margin-bottom: 0;
        }

    .cl-hero__marac-logo {
        margin-top: 0;
        max-width: 11rem;
        width: 32.1rem;
    }

    /* HOW IT WORKS */
    .cl-how-it-works__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .cl-how-it-works__apply {
        width: auto;
        margin: 0 auto;
    }

    /* CLAIM */
    .cl-claim__inner {
        padding-top: 5.6rem;
    }

    .cl-claim__option {
        display: flex;
        justify-content: space-between;
        max-width: 72rem;
        margin: 0 auto;
    }

    .cl-claim__item {
        width: 43%;
    }

    /* RATING AND SOLVENCY */
    .cl-ratingsolvency {
        width: 100%;
        padding: 0 2rem;
        max-width: 58.2rem;
        margin: 0 auto;
    }

    .cl-rates-fees-terms__inner {
        text-align: center;
    }

    /* CALCULATOR */
    .cl__header, .cl__subheader {
        text-align: center;
    }

    .cl__subheader {
        margin-bottom: 6rem;
    }
    /* * CONTACT */
    .cl-input-side-by-side {
        display: flex;
        justify-content: space-between;
    }

    .cl-input-side-by-side__item:first-child {
        width: 16.4rem;
    }

    .cl-input-side-by-side__item + .cl-input-side-by-side__item {
        width: calc(97% - 16.4rem);
    }

    .c-section-promo .c-section-promo-banner img {
        min-height: 200px;
    }

    /* FEES AND TERMS */
    .cl-rates-fees-terms__downloads {
        flex-direction: row;
        justify-content: space-between;
    }

    .cl__features {
        padding-bottom: 3rem;
    }

        .cl__features .c-section-block-icon-no-link__item-inner {
            flex-direction: column;
            align-items: flex-start;
            gap: 0;
        }

        .cl__features.c-section-block-icon-no-link--4x .c-section-block-icon-no-link__item {
            width: 20%;
        }

    .cl_testimonials {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

@media (min-width: 1024px) {
    .cl-container {
        margin-top: 6.5rem;
    }

    .cl-hero {
        margin-top: 1rem;
    }

    .cl-hero__inner {
        display: flex;
        padding: 5rem 2rem 0;
    }

    .cl-hero__copy,
    .cl-hero__asset {
        width: 50%;
    }

    .cl-hero__asset {
        position: relative;
        max-width: 500px;
        margin-left: auto;
    }

        .cl-hero__asset img {
            position: absolute;
            left: 0;
            top: 0;
            border-top-left-radius: 40px;
        }

    .cl-hero__action {
        display: block;
        max-width: none;
    }

        .cl-hero__action a:first-child {
            margin-right: 1.5rem;
        }

        .cl-hero__action a.marac-logo {
            margin-top: 4.5rem;
            display: inline-block;
        }

    .c-hero-copy__header {
        margin-bottom: 2.1rem;
    }

    .cl-hero__marac-logo {
        max-width: 14.7rem;
    }

    .cl-hero__asset img {
        width: 100%;
        height: 100%;
    }

    .cl__header {
        font-size: 5rem;
        line-height: 6rem;
    }

    /* HOW IT WORKS */
    .cl-how-it-works__inner {
        padding: 6rem 2rem;
    }

    .cl-how-it-works__header {
        font-size: 50px;
        font-weight: 500;
        font-family: var(--lora);
        line-height: 60px;
        text-align: center;
    }

    .cl-how-it-works__list {
        display: flex;
        justify-content: space-between;
        gap: 30px;
    }

    .cl-how-it-works__list-item {
        flex: 0 0;
        flex-basis: calc(33% - 20px);
    }

    /* CLAIM */
    .cl-claim__title {
        font-size: 1.8rem;
        line-height: 2.1rem;
    }

    /* RATING SOLVENCY */
    .cl-ratingsolvency {
        max-width: 65.2rem;
    }

    .cl-rates-fees-terms__inner {
        max-width: 80rem;
    }

    .cl-rates-fees-terms__header {
        color: var(--primary-two);
        text-align: center;
        margin-top: 8rem;
    }

    .cl-ratingsolvency__table thead td {
        white-space: nowrap;
    }

    /* RATES */
    .cl-rates-fees-terms__header {
        font-size: 5rem;
        line-height: 6rem;
    }

    .cl-rates-fees-terms__content h3 {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }

    /* CALCULATOR */
    .cl-calc__header {
        font-size: 5rem;
        line-height: 6rem;
    }

    .cl-hero__action form {
        margin-right: 2rem;
    }

    .c-section-promo .c-section-promo-header {
        max-width: var(--max-container-width);
        font-size: 4.3rem !important;
    }

    .c-section-promo-content {
        max-width: var(--max-container-width);
        margin: 0 auto;
        padding: 2rem 2rem 3rem;
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}

.promo-section {
    background-color: #0A2642;
}

    .promo-section .c-section-block__inner {
        gap: 6rem;
    }

    .promo-section .promo-section__image {
        flex-basis: 375px;
        width: 375px;
        overflow: hidden;
        border-radius: 0 0 3rem 0;
    }

        .promo-section .promo-section__image img {
            max-width: unset;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: 50% 50%;
        }

    .promo-section .promo-section__content {
        flex: 1;
        color: #FFFFFF;
        padding: 1rem 0;
    }

        .promo-section .promo-section__content h1 {
            font-family: var(--lora);
            font-weight: 500;
            font-size: 38px !important;
            line-height: 1 !important;
            margin-bottom: 2rem;
        }

        .promo-section .promo-section__content h2 {
            font-family: var(--muli);
            font-weight: 500;
            font-size: 30px !important;
            line-height: 1 !important;
            margin-bottom: 1.5rem;
        }

        .promo-section .promo-section__content .promo-section__rate {
            font-family: var(--lora);
            font-weight: 700;
            font-size: 130px;
            line-height: 1;
            letter-spacing: -4px;
            margin-right: 6px;
        }

        .promo-section .promo-section__content .promo-section__percent {
            font-family: var(--lora);
            font-weight: 600;
            font-size: 48px;
            line-height: 1.2;
            letter-spacing: -8px;
        }

        .promo-section .promo-section__content .promo-section__pa {
            font-family: var(--lora);
            font-weight: 700;
            font-size: 28px;
            line-height: 0.3;
        }

@media (max-width: 1023px) {
    .promo-section .c-section-block__inner {
        gap: 3rem;
    }

    .promo-section .promo-section__content h1 {
        font-size: 28px !important;
        margin-bottom: 1.5rem;
    }

    .promo-section .promo-section__content h2 {
        font-size: 22px !important;
        margin-bottom: 1rem;
    }

    .promo-section .promo-section__content .promo-section__rate {
        font-size: 100px;
    }

    .promo-section .promo-section__content .promo-section__percent {
        font-size: 32px;
        line-height: 1.3;
    }

    .promo-section .promo-section__content .promo-section__pa {
        font-size: 22px;
        line-height: 1;
    }
}

@media (max-width: 991px) {
    .promo-section .c-section-block__inner {
        gap: 2rem;
    }

    .promo-section .promo-section__content h1 {
        font-size: 32px !important;
        margin-bottom: 1rem;
    }

    .promo-section .promo-section__content h2 {
        font-size: 20px !important;
        margin-bottom: .5rem;
    }

    .promo-section .promo-section__content .promo-section__rate {
        font-size: 70px;
    }

    .promo-section .promo-section__content .promo-section__percent {
        font-size: 28px;
        line-height: 1.2;
    }

    .promo-section .promo-section__content .promo-section__pa {
        font-size: 20px;
        line-height: 0.3;
    }
}

@media (max-width: 767px) {
    .promo-section .promo-section__image {
        flex-basis: 80%;
        width: 80%;
        margin: auto;
    }

    .promo-section .promo-section__content h1 {
        font-size: 34px !important;
        margin-bottom: 1.5rem;
    }

    .promo-section .promo-section__content h2 {
        font-size: 25px !important;
        margin-bottom: 1rem;
    }

    .promo-section .promo-section__content .promo-section__rate {
        font-size: 100px;
    }

    .promo-section .promo-section__content .promo-section__percent {
        font-size: 34px;
        line-height: 1.3;
    }

    .promo-section .promo-section__content .promo-section__pa {
        font-size: 25px;
        line-height: 0.5;
    }
}

@media (max-width: 575px) {
    .promo-section .promo-section__image {
        flex-basis: 100%;
        width: 100%;
    }
}

.blue-text {
    color: var(--primary-two);
}

.cl__narrow {
    max-width: 800px;
    margin: 0 auto;
}
/* CALCULATOR */
.cl-calc {
    padding-bottom: 5.2rem;
    scroll-margin-top: 100px;
}

.cl-calc__inner {
    width: 100%;
    margin: 0 auto;
    max-width: var(--max-container-width);
    padding: 0 2rem;
}

.cl-calc__calc-label,
.cl-calc__calc-item .v-text-field__prefix {
    color: var(--primary-two);
}

.cl-calc__calc-item .v-text-field__prefix {
    margin-right: 0.6rem;
    line-height: 1;
}

.cl-calc__calc-item:not(:last-child) {
    margin-bottom: 2.8rem;
}

.cl-calc__calc-item input {
    border: 0;
    outline: none;
    height: 40px;
}

.padding-y-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.cl-calc__estimation {
    color: var(--primary-two);
    font-weight: 700;
}

.cl-calc__tooltip {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: var(--primary-one);
    border-radius: 50%;
    color: var(--white);
    font-family: Lora;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    margin-left: 1rem;
    padding: 2px 0 0 0;
    text-align: center;
    transform: translateY(-2px);
}

.tipso_bubble {
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    padding: .8rem;
}

.cl-calc__action {
    margin-left: -20px;
    margin-right: -20px;
}

.cl-calc__action-top,
.cl-calc__action-bottom {
    color: var(--primary-one);
    text-align: center;
}

.cl-calc__action-top {
    background-color: var(--tertiary-five);
    padding: 2.5rem 5rem;
    position: relative;
}

.cl-calc__action-bottom-title {
    margin-right: 10px;
}

.cl-calc__action-bottom-fee {
    text-align: right;
    width: 50%;
    font-weight: 700;
}

.cl-calc__action-top::after {
    content: '';
    background-color: var(--tertiary-five);
    display: block;
    width: 2.1rem;
    height: 2.1rem;
    position: absolute;
    transform: rotate(45deg);
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -1rem;
}

.cl-calc__action-para {
    font-weight: 600;
    margin-bottom: 1.2rem;
    display: inline-block;
}

.cl-calc__action-top-amount {
    text-align: center;
    font-size: 4.5rem;
    font-weight: 700;
}

.cl-calc__action-bottom {
    background-color: var(--tertiary-one);
    padding: 3rem 0;
    min-height: 230px;
    border-bottom-right-radius: 30px;
}

.cl-calc .spinner {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    height: 50px;
}

.cl-calc__action-bottom p {
    display: flex;
    width: calc(100% - 40px);
    justify-content: space-between;
    margin: 0 auto 10px;
    ;

    @media screen and (min-width: 992px) {
        width: calc(100% - 60px);
    }
}

    .cl-calc__action-bottom p small {
        font-weight: 400;
    }

.cl-calc__action-bottom-interest-title {
    display: inline-block;
    margin-left: -28px;
}

.cl-calc__action-bottom-interest-total-title {
    display: inline-block;
    margin-left: -3px;
}

.cl-calc__action-bottom-interest-total {
    margin-left: 10px;
    font-weight: 600;
    position: absolute;
    left: 75px;
}

.cl-calc__action-bottom-interest-total-cost {
    font-weight: 600;
    margin-left: 10px;
    position: absolute;
    left: 75px;
}

.cl-calc__small-print {
    margin-top: 2.6rem;
    display: block;
}

    .cl-calc__small-print a {
        text-decoration: underline;
    }

    .cl-calc__small-print small {
        margin-bottom: 1.2rem;
        display: inline-block;
    }

.cl-calc__small-print--desktop {
    display: none;
}

/* VUE */
.cl-calc__calc-item .v-text-field__slot {
    max-height: 4rem;
    display: flex;
    box-shadow: 0px 2px 2px rgba(2, 0, 185, 0.04), 0px 2px 10px rgba(2, 0, 185, 0.08);
    padding: 0 9px;
    border-radius: 3px;
    align-items: center;
    background-color: #fff;
}

.cl-calc__calc-item .v-radio input,
.cl-calc__calc-item .v-select__selection + input {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.cl-calc__calc-item .v-input {
    border: 1px solid transparent;
    border-radius: 3px;
}

    .cl-calc__calc-item .v-input.v-input--is-focused {
        border: 1px solid var(--primary-two);
    }

/* * SELECT */
.cl-calc__calc-item .v-select__selection {
    cursor: pointer;
    border-radius: 3px;
    padding: 1.2rem 1.1rem;
    box-shadow: 0px 2px 2px rgba(2, 0, 185, 0.04), 0px 2px 10px rgba(2, 0, 185, 0.08);
    max-height: 4rem;
    line-height: 1;
    background-color: #fff;
}

.cl-calc__calc-item .v-select__slot {
    position: relative;
}

    .cl-calc__calc-item .v-select__slot .v-input__append-inner {
        position: absolute;
        right: 12px;
        bottom: 10px;
        transition: transform 0.2s ease-in-out;
    }

    .cl-calc__calc-item .v-select__slot .mdi-menu-down::before {
        display: inline-block;
        font-family: var(--fa);
        font-size: 1.4rem;
        content: '\f078';
        color: var(--primary-two);
        font-style: normal;
    }

.cl-calc__calc-item
.v-select.v-select--is-menu-active
.v-select__slot
.v-input__append-inner {
    transform: rotate(-180deg);
}

.cl-calc__calc-item .v-label {
    cursor: pointer;
}

.cl-calc__calc-item .v-input--radio-group__input {
    display: block;
    background-color: var(--white);
    box-shadow: 0px 2px 2px rgba(2, 0, 185, 0.04), 0px 2px 10px rgba(2, 0, 185, 0.08);
    border-radius: 20px;
    position: relative;
}

    .cl-calc__calc-item .v-input--radio-group__input:has(:focus) {
        box-shadow: 0px 3px 15px 4px #0200B933;
    }

.cl-calc__calc-item .cl-calc__calc-label-radio-state {
    background-color: var(--primary-two);
    display: inline-block;
    position: absolute;
    height: 100%;
    border-radius: 30px;
    z-index: 0;
    transition: left 400ms cubic-bezier(0.175, 0.885, 0.32, 1.2);
}

.cl-calc__calc-item .v-radio:nth-child(3) {
    width: 32%;
}

.cl-calc__calc-item .v-radio {
    display: inline-block;
    width: 32.5%;
    position: relative;
    z-index: 1;
}

    .cl-calc__calc-item .v-radio .v-label {
        color: var(--primary-one);
        border-radius: 30px;
        padding: 1.3rem;
        line-height: 1;
        margin-bottom: 0;
        width: 100%;
        text-align: center;
    }

    /* STATE */
    .cl-calc__calc-item .v-radio.v-item--active .v-label {
        color: var(--white);
    }

    .cl-calc__calc-item
    .v-radio:nth-child(1).v-item--active ~ .cl-calc__calc-label-radio-state {
        left: 0;
        width: 33%;
    }

    .cl-calc__calc-item
    .v-radio:nth-child(2).v-item--active ~ .cl-calc__calc-label-radio-state {
        left: 32%;
        width: 32%;
    }

    .cl-calc__calc-item
    .v-radio:nth-child(3).v-item--active ~ .cl-calc__calc-label-radio-state {
        left: 66%;
        width: 32%;
    }

/* VUE SPECIFIC STYLES */

.cl-calc .v-menu__content {
    background-color: var(--white);
    position: absolute;
    display: inline-block;
    border-radius: 4px;
    max-width: 80%;
    overflow-y: auto;
    overflow-x: hidden;
    contain: content;
    will-change: transform;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.cl-calc .v-list-item {
    align-items: center;
    display: flex;
    flex: 1 1 100%;
    letter-spacing: normal;
    min-height: 48px;
    outline: none;
    padding: 0 16px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

.cl-calc .v-list-item--link:before {
    background-color: currentColor;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.cl-calc .v-list-item:hover:before {
    opacity: 0.04;
}

.cl-calc .v-text-field--outlined fieldset {
    display: none;
}

.error--text .v-messages__message {
    font-size: 1.4rem;
    margin-top: 0.9rem;
    color: var(--tertiary-error);
}

/* VUETIFY ANIMATION */
.cl-calc .v-menu-transition-enter .v-list-item {
    min-width: 0;
    pointer-events: none;
}

.cl-calc .v-menu-transition-enter-to .v-list-item {
    pointer-events: auto;
    transition-delay: 0.1s;
}

.cl-calc .v-menu-transition-leave-active,
.v-menu-transition-leave-to {
    pointer-events: none;
}

.cl-calc .v-menu-transition-enter,
.v-menu-transition-leave-to {
    opacity: 0;
}

.cl-calc .v-menu-transition-enter-active,
.v-menu-transition-leave-active {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.cl-calc .v-menu-transition-enter.v-menu__content--auto {
    transition: none;
}

    .cl-calc .v-menu-transition-enter.v-menu__content--auto .v-list-item {
        opacity: 0;
        transform: translateY(-15px);
    }

    .cl-calc .v-menu-transition-enter.v-menu__content--auto .v-list-item--active {
        opacity: 1;
        transform: none;
        pointer-events: auto;
    }

.calc_cta_wrap {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: center;
    padding-top: 3rem;
}

    .calc_cta_wrap .c-button {
        width: auto;
        align-self: center;
        padding: 1.3rem 1rem;
        min-width: 200px;
    }

@media (min-width: 1024px) {
    .calc_cta_wrap {
        flex-direction: row-reverse;
        gap: 3rem;
    }
}

@media (max-width: 575px) {
    .calc_cta_wrap .c-button {
        width: calc(100% - 4rem);
        margin: auto;
    }
}

.email_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(17, 85, 224, 0.9);
    z-index: 10000;
    display: flex;
    place-content: center;
    align-items: center;
    padding: 28px;
    overflow-y: auto;
}

.email_dialog {
    background-color: #fff;
    border-radius: 20px;
    position: relative;
    padding: 45px 20px;
    overflow: hidden;
    margin-top: 30px;
    max-height: 90vh;
    overflow-y: auto;
}

.email_dialog_close {
    font-size: 0;
    appearance: none;
    width: 60px;
    height: 60px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5051 15.5327L9.03499 8.75L15.5016 1.97097C15.8235 1.63349 15.8235 1.08693 15.5016 0.749442C15.3476 0.588036 15.1411 0.5 14.9207 0.5C14.7002 0.5 14.4938 0.588036 14.3398 0.749442L7.87325 7.52845L1.40669 0.753114C1.25272 0.591708 1.04627 0.503649 0.825816 0.503649C0.605365 0.503649 0.398911 0.591708 0.244946 0.753114C-0.076983 1.0906 -0.076983 1.63716 0.244946 1.97464L6.71151 8.75L0.241446 15.5327C0.0874804 15.6941 0 15.9105 0 16.1416C0 16.3727 0.0839812 16.5892 0.241446 16.7506C0.395412 16.912 0.601866 17 0.822317 17C1.04277 17 1.24922 16.912 1.40319 16.7506L7.87325 9.96788L14.3468 16.7506C14.5008 16.912 14.7072 17 14.9277 17C15.1481 17 15.3546 16.912 15.5086 16.7506C15.6625 16.5892 15.75 16.3727 15.75 16.1416C15.7465 15.9105 15.659 15.6941 15.5051 15.5327Z' fill='%231155E0'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
}

.email_dialog_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

    .email_dialog_inner [type='text'] {
        width: 100%;
    }

    .email_dialog_inner .desktop_only {
        display: none;
    }

    .email_dialog_inner h6 {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 25px;
        font-family: var(--muli);
    }

        .email_dialog_inner h6.mb-0 {
            margin-bottom: 0;
        }

    .email_dialog_inner .centered {
        text-align: center;
    }

    .email_dialog_inner form {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .email_dialog_inner .cl-calc__calc-item {
        min-width: calc(100vw - 90px);
        margin-bottom: 0;
    }

    .email_dialog_inner .cl-calc__calc-label {
        margin-bottom: 10px;
    }

    .email_dialog_inner .c-button {
        padding-left: 50px;
        padding-right: 50px;
        margin-top: 30px;
    }

        .email_dialog_inner .c-button:hover, .email_dialog_inner .c-button:focus {
            box-shadow: 0 0 3px 0 var(--primary-two);
        }

        .email_dialog_inner .c-button[disabled] {
            pointer-events: none;
            background-color: #c1c1c1;
            border: none;
        }

            .email_dialog_inner .c-button[disabled]:hover {
                background-color: #c1c1c1;
            }

    .email_dialog_inner label.custom-checkbox {
        position: relative;
        padding-left: 30px;
        text-indent: -19px;
        margin-top: 30px;
        padding-right: 30px;
    }

    .email_dialog_inner .sub_declaration label.custom-checkbox {
        margin-top: 10px;
        font-size: 14px;
    }

    .email_dialog_inner .inline_link {
        color: var(--primary-two);
        font-weight: 700;
        appearance: none;
        display: inline;
        border: none;
        background-color: transparent;
        text-decoration: underline;
        padding: 0 0;
    }

        .email_dialog_inner .inline_link::after {
            position: absolute;
            content: '';
            top: 3px;
            right: 0;
            width: 30px;
            height: 30px;
            background-repeat: no-repeat;
            background-position: center center;
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='12' viewBox='0 0 24 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 1.37739L12 10.8511L2 1.37739' stroke='%230200B9' stroke-width='2.10526' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        }

    .email_dialog_inner label.custom-checkbox::before {
        content: '';
        display: inline-block;
        position: relative;
        height: 20px;
        width: 20px;
        border: 2px solid var(--primary-two);
        border-radius: 4px;
        cursor: pointer;
        top: 5px;
        left: -10px;
    }

    .email_dialog_inner label.custom-checkbox::after {
        opacity: 0;
        transition: opacity 0.25s ease;
        content: '';
        border-left: 2px solid var(--primary-two);
        border-bottom: 2px solid var(--primary-two);
        height: 8px;
        width: 15px;
        cursor: pointer;
        transform: rotate(-53deg) scale(1);
        left: 3px;
        top: 9px;
        position: absolute;
    }

    .email_dialog_inner input[type='checkbox']:checked + label.custom-checkbox::after {
        opacity: 1;
    }

    .email_dialog_inner input[type='checkbox'] {
        position: absolute;
        left: -100vw;
    }

    .email_dialog_inner .declaration {
        height: 145px;
        overflow: auto;
        font-size: smaller;
    }

        .email_dialog_inner .declaration ul {
            padding-left: 40px;
        }

/* Car loan enquiry calculator */


.teslaPageCalc .cl-calc__action-bottom {
    border-bottom-right-radius: 30px;
}

.teslaPageCalc .cl-calc__estimation .cl-calc__tooltip {
    display: none;
}

.teslaPageCalc .cl-calc__action-top {
    border-top-left-radius: 0;
    padding-left: 5rem;
    padding-right: 5rem;
}

.car-loan-enquiry__calc .cle_label {
    display: block;
}

.car-loan-enquiry__calc .v-text-field__slot,
.car-loan-enquiry__calc .v-select__slot {
    box-shadow: 0px 3px 15px 4px #0200B933;
}

    .car-loan-enquiry__calc .v-text-field__slot input {
        width: 100%;
    }

.car-loan-enquiry__calc .cl-calc__calc-label {
    color: var(--secondary-one);
    display: inline-block;
    margin-bottom: 10px;
}

input::placeholder {
    -webkit-user-select: none;
    user-select: none;
}

.car-loan-enquiry__calc input::placeholder {
    color: var(--secondary-four);
    opacity: 1;
}

.car-loan-enquiry__calc input::-ms-input-placeholder {
    color: var(--secondary-four);
}

.cl-calc__results {
    border: 2px solid var(--primary-two);
    padding: 20px;
    margin: 20px 0 40px;
    border-radius: 20px;
}

#selectListRegion .v-select input::placeholder {
    padding-left: 9px;
}

.cl-calc__results-repayments {
    text-transform: capitalize;
}

.cl-calc__privacy-area .arrow_link {
    appearance: none;
    padding: 0 0;
    margin-top: 5px;
    border: none;
    background: none;
    width: 20px;
    height: 20px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='11' viewBox='0 0 21 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 1L10.5 10L1 1' stroke='%230200B9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.cl-calc__privacy-area {
    position: relative;
}

.cl-calc__privacy-area,
.cl-calc__privacy-wrap .sub_declaration {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 0 10px;
}

input.cl-calc__styled-checkbox {
    transform: scale(1.7);
    height: 14px;
    margin-top: 10px;
    cursor: pointer;
}

.cl-calc__styled-checkbox:hover,
.cl-calc__styled-checkboxfocus,
.cl-calc__privacy-area button:hover,
.cl-calc__privacy-area button:focus {
    outline: 1px solid var(--primary-two);
}

.cl-calc__privacy-area .inline_link {
    appearance: none;
    color: var(--primary-two);
    padding: 0 0;
    border: none;
    background: none;
}

.cl-calc__privacy-wrap .cl-calc__declaration {
    padding: 0 20px;
    font-size: smaller;
}

    .cl-calc__privacy-wrap .cl-calc__declaration ul {
        padding-left: 20px;
    }

.car-loan-enquiry__submit {
    margin: 20px auto 40px;
    display: block;
    transition: all 0.4s;
    user-select: none;
}

    .car-loan-enquiry__submit.is_loading {
        pointer-events: none;
        cursor: not-allowed;
        background-color: var(--secondary-two);
    }

.cl-calc__results .cl-calc__action-top-amount {
    text-align: left;
    margin-top: 0;
    margin-bottom: 2rem;
}

.car-loan-enquiry__calc .manual_error {
    margin-top: -20px;
}

.cl-calc__privacy-area .manual_error {
    position: absolute;
    bottom: -16px;
    font-size: 1.4rem;
    color: var(--tertiary-error);
}

.car-loan-enquiry__submitMessage {
    text-align: center;
}

    .car-loan-enquiry__submitMessage .error {
        color: var(--tertiary-error);
    }

    .car-loan-enquiry__submitMessage .success {
        color: green;
    }

/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 768px) {
    .cl-calc__content {
        display: flex;
        justify-content: space-between;
        max-width: 85%;
        margin: 0 auto;
    }

    .cl-calc__calc,
    .cl-calc__action {
        width: 48%;
    }

    .cl-calc__action {
        margin: 0;
    }

    .cl-calc__small-print {
        text-align: center;
        width: 100%;
        max-width: 100%;
        margin: 5.6rem auto 0;
    }

    .calc_cta_wrap {
        align-items: center;
    }

    .email_dialog_close {
        top: 10px;
        right: 10px;
    }

    .email_overlay {
        overflow-y: hidden;
    }

    .email_dialog {
        padding: 45px;
        margin-top: 0;
    }

    .email_dialog_inner {
        gap: 15px;
    }

        .email_dialog_inner .mobile_only {
            display: none;
        }

        .email_dialog_inner .desktop_only {
            display: inline-block;
        }

        .email_dialog_inner h6 {
            font-size: 20px;
        }

        .email_dialog_inner .cl-calc__calc-item {
            min-width: 460px;
        }

        .email_dialog_inner label.custom-checkbox, .email_dialog_inner .declaration {
            width: 460px;
        }
}

@media (min-width: 1024px) {
    .cl-calc__content {
        max-width: var(--max-content-width);
    }

    .cl-calc__calc,
    .cl-calc__action {
        width: calc(50% - 25px);
    }

    .cl-calc__action-bottom-interest-title {
        margin-left: -40px;
    }

    .cl-calc__action-bottom-interest-total-title {
        margin-left: -12px;
    }

    .cl-calc__action-top {
        padding-top: 3.7rem;
        padding-bottom: 3.7rem;
    }

    .cl-calc__action-top-amount {
        margin-top: 1.8rem;
        display: block;
    }

    #selectListRegion .v-select__selections:not(:has(> div)) {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    /* VUE */
    .cl-calc__calc-item .v-text-field__slot,
    .cl-calc__calc-item .v-select__selection {
        max-height: 4.4rem;
    }

    .cl-calc__calc-item .v-text-field__slot {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .cl-calc__calc-item .v-select__selection {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .cl-calc__calc-item .v-text-field__prefix {
        line-height: inherit;
    }

    .cl-calc__results {
        padding: 40px;
    }
}

