.elementor-12 .elementor-element.elementor-element-81d5789{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7bd333a{--display:flex;}.elementor-12 .elementor-element.elementor-element-fe7e6f0{--display:flex;}.elementor-12 .elementor-element.elementor-element-49750a4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-eec2870{--display:flex;}.elementor-12 .elementor-element.elementor-element-9c0d107{--display:flex;}.elementor-12 .elementor-element.elementor-element-312b5e3{--display:flex;}.elementor-12 .elementor-element.elementor-element-355749f{--display:flex;}.elementor-12 .elementor-element.elementor-element-f0dab2b{--display:flex;}body.elementor-page-12:not(.elementor-motion-effects-element-type-background), body.elementor-page-12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e57061c );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-03571a3 */.premium-property-hero {
    position: relative;
    width: 100%;
    min-height: 760px;
    overflow: hidden;
    background: #0F0F54;
}

.premium-property-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.premium-property-hero-bg img {
    width: 100%;
    height: 100%;
    display: block;

    object-fit: cover;
    object-position: center center;
}

.premium-property-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(15, 15, 84, 0.05) 0%,
            rgba(15, 15, 84, 0.12) 35%,
            rgba(15, 15, 84, 0.72) 58%,
            rgba(15, 15, 84, 0.97) 78%,
            #0F0F54 100%
        );
}

.premium-property-hero-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1400px;
    min-height: 760px;

    margin: 0 auto;
    padding: 80px 50px 0;

    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.premium-property-hero-content {
    width: 52%;
    max-width: 700px;

    padding: 35px 0 30px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.premium-property-hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 19px;

    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;

    letter-spacing: 0.16em;
    text-transform: uppercase;

    color: #D9F20C;
}

.premium-property-hero-tag span {
    width: 32px;
    height: 2px;
    display: block;

    background: #D9F20C;
}

.premium-property-hero-content h1 {
    max-width: 680px;

    margin: 0;

    font-family: 'Fraunces', serif;
    font-size: 68px;
    line-height: 1.02;
    font-weight: 600;

    letter-spacing: -0.035em;

    color: #FFFFFF;
}

.premium-property-hero-content h1 span {
    display: block;
    color: #D9F20C;
}

.premium-property-hero-description {
    max-width: 560px;

    margin: 24px 0 0;

    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;

    color: rgba(255, 255, 255, 0.78);
}

.premium-property-type {
    min-height: 58px;

    display: inline-flex;
    align-items: center;
    gap: 13px;

    margin-top: 27px;
    padding: 0 24px;

    border: 1px solid rgba(217, 242, 12, 0.75);
    border-radius: 30px;

    background: rgba(15, 15, 84, 0.25);

    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;

    color: #FFFFFF;

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.premium-property-type > i {
    font-size: 17px;
    color: #D9F20C;
}

.premium-property-type b {
    font-size: 15px;
    font-weight: 700;
    color: #D9F20C;
}
.premium-property-features {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    margin-top: 50px;

    border-top: 1px solid rgba(255, 255, 255, 0.24);
}

.premium-property-feature {
    min-width: 0;
    padding: 21px 28px 0;

    text-align: center;

    border-right: 1px solid rgba(255, 255, 255, 0.24);
}

.premium-property-feature:first-child {
    padding-left: 0;
}

.premium-property-feature:last-child {
    padding-right: 0;
    border-right: 0;
}

.premium-property-feature-icon {
    width: 45px;
    height: 45px;
    margin: 0 auto 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(217, 242, 12, 0.10);
    border: 1px solid rgba(217, 242, 12, 0.55);

    transition:
        background 0.3s ease,
        transform 0.3s ease;
}

.premium-property-feature-icon i {
    font-size: 16px;
    color: #D9F20C;
}

.premium-property-feature h3 {
    margin: 0;

    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 600;

    color: #FFFFFF;
}

.premium-property-feature p {
    max-width: 155px;

    margin: 6px auto 0;

    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;

    color: rgba(255, 255, 255, 0.60);
}

.premium-property-feature:hover .premium-property-feature-icon {
    background: #D9F20C;
    transform: translateY(-3px);
}

.premium-property-feature:hover .premium-property-feature-icon i {
    color: #0F0F54;
}


/* CONTACT DETAILS */

.premium-property-contact {
    width: 100%;

    display: flex;
    align-items: center;

    margin-top: 42px;
}

.premium-property-contact-item {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;

    color: #FFFFFF;
    text-decoration: none;

    transition: color 0.3s ease;
}

.premium-property-contact-item i {
    font-size: 17px;
    color: #D9F20C;

    transition: transform 0.3s ease;
}

.premium-property-contact-item:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.premium-property-contact-item:hover i {
    transform: translateY(-2px);
}

.premium-property-contact-divider {
    width: 1px;
    height: 25px;

    margin: 0 32px;

    background: rgba(255, 255, 255, 0.30);
}

@media (min-width: 768px) and (max-width: 1024px) {

    .premium-property-hero {
        min-height: 720px;
    }

    .premium-property-hero-bg img {
        object-position: center center;
    }

    .premium-property-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(15, 15, 84, 0.08) 0%,
                rgba(15, 15, 84, 0.18) 32%,
                rgba(15, 15, 84, 0.60) 58%,
                rgba(15, 15, 84, 0.94) 82%,
                #0F0F54 100%
            );
    }

    .premium-property-hero-container {
        min-height: 720px;

        padding: 50px 30px 35px;

        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .premium-property-hero-content {
        width: 100%;
        max-width: 720px;

        padding: 0;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }


    /* TAG */

    .premium-property-hero-tag {
        gap: 10px;
        margin-bottom: 15px;

        font-size: 12px;
        letter-spacing: 0.14em;
    }

    .premium-property-hero-tag span {
        width: 27px;
        height: 2px;
    }


    /* HEADING */

    .premium-property-hero-content h1 {
        max-width: 650px;

        margin: 0;

        font-size: 50px;
        line-height: 1.05;
        letter-spacing: -0.03em;
    }


    /* DESCRIPTION */

    .premium-property-hero-description {
        max-width: 620px;

        margin-top: 17px;

        font-size: 15px;
        line-height: 1.65;
    }


    /* PROPERTY TYPE */

    .premium-property-type {
        min-height: 51px;

        margin-top: 21px;
        padding: 0 20px;

        gap: 11px;

        font-size: 15px;
    }

    .premium-property-type > i {
        font-size: 16px;
    }


    /* FEATURES */

    .premium-property-features {
        width: 100%;

        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        margin-top: 30px;
    }

    .premium-property-feature {
        padding: 17px 20px 0;

        text-align: center;
    }

    .premium-property-feature:first-child {
        padding-left: 0;
    }

    .premium-property-feature:last-child {
        padding-right: 0;
    }

    .premium-property-feature-icon {
        width: 42px;
        height: 42px;

        margin: 0 auto 10px;
    }

    .premium-property-feature-icon i {
        font-size: 15px;
    }

    .premium-property-feature h3 {
        font-size: 15px;
        line-height: 1.35;
    }

    .premium-property-feature p {
        max-width: 170px;

        margin: 5px auto 0;

        font-size: 15px;
        line-height: 1.5;
    }


    /* CONTACT */

    .premium-property-contact {
        width: 100%;

        margin-top: 27px;

        justify-content: center;
    }

    .premium-property-contact-item {
        gap: 9px;

        font-size: 14px;
    }

    .premium-property-contact-item i {
        font-size: 15px;
    }

    .premium-property-contact-divider {
        height: 21px;

        margin: 0 20px;
    }
}
@media (max-width: 767px) {

    .premium-property-hero {
        min-height: 720px;
    }

    .premium-property-hero-bg img {
        object-position: 35% center;
    }

    .premium-property-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(15, 15, 84, 0.18) 0%,
                rgba(15, 15, 84, 0.66) 40%,
                rgba(15, 15, 84, 0.96) 72%,
                #0F0F54 100%
            );
    }

    .premium-property-hero-container {
        min-height: 720px;
        padding: 30px 10px 0;

        justify-content: center;
        align-items: flex-end;
    }

    .premium-property-hero-content {
        width: 100%;
        max-width: 100%;
        padding: 30px 0 25px;
    }

    .premium-property-hero-tag {
        gap: 8px;
        margin-bottom: 13px;

        font-size: 11px;
        letter-spacing: 0.11em;
    }

    .premium-property-hero-tag span {
        width: 23px;
        height: 2px;
    }

    .premium-property-hero-content h1 {
        max-width: 100%;
        font-size: 37px;
        line-height: 1.08;
        letter-spacing: -0.025em;
    }

    .premium-property-hero-description {
        max-width: 100%;
        margin-top: 15px;

        font-size: 15px;
        line-height: 1.6;
    }

    .premium-property-type {
        min-height: 48px;

        gap: 10px;

        margin-top: 19px;
        padding: 0 17px;

        font-size: 14px;
    }

    .premium-property-type > i {
        font-size: 15px;
    }

    .premium-property-type b {
        font-size: 13px;
    }

    .premium-property-features {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-top: 28px;
    }

    .premium-property-feature {
        padding: 16px 10px 0;
    }

    .premium-property-feature:first-child {
        padding-left: 0;
    }

    .premium-property-feature:last-child {
        padding-right: 0;
    }

    .premium-property-feature-icon {
        width: 38px;
        height: 38px;
        margin-bottom: 9px;
    }

    .premium-property-feature-icon i {
        font-size: 13px;
    }

    .premium-property-feature h3 {
        font-size: 13px;
        line-height: 1.3;
    }

    .premium-property-feature p {
        max-width: 100%;
        margin-top: 4px;

        font-size: 15px;
        line-height: 1.45;
    }

    .premium-property-contact {
        margin-top: 25px;
        justify-content: center;
    }

    .premium-property-contact-item {
        gap: 8px;
        font-size: 13px;
    }

    .premium-property-contact-item i {
        font-size: 14px;
    }

    .premium-property-contact-divider {
        height: 20px;
        margin: 0 14px;
    }
}


@media (max-width: 480px) {

    .premium-property-hero {
        min-height: 700px;
    }

    .premium-property-hero-container {
        min-height: 700px;
    }

    .premium-property-hero-content {
        padding-bottom: 20px;
    }

    .premium-property-hero-content h1 {
        font-size: 32px;
    }

    .premium-property-hero-description {
        font-size: 15px;
    }

    .premium-property-type {
        min-height: 46px;
        padding: 0 14px;
        font-size: 13px;
    }

    .premium-property-features {
        margin-top: 24px;
    }

    .premium-property-feature {
        padding-left: 7px;
        padding-right: 7px;
    }

    .premium-property-feature-icon {
        width: 35px;
        height: 35px;
    }

    .premium-property-feature-icon i {
        font-size: 12px;
    }

    .premium-property-feature h3 {
        font-size: 12px;
    }

    .premium-property-feature p {
        font-size: 15px;
    }

    .premium-property-contact {
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 21px;
    }

    .premium-property-contact-divider {
        height: 18px;
        margin: 0 6px;
    }

    .premium-property-contact-item {
        font-size: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-77b38d0 */.about-brand-section {
    position: relative;
    width: 100%;
    padding: 80px 50px 0;
    background: #F7F7F3;
    overflow: hidden;
}

.about-brand-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.about-brand-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
    row-gap: 50px;
    align-items: start;
}

.about-brand-content {
    width: 100%;
}

.about-section-tag {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    font-family: 'DM Sans', sans-serif;
}

.about-tag-accent {
    width: 38px;
    height: 3px;
    display: block;
    background: #D9F20C;
}

.about-tag-text {
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #0F0F54;
}

.about-brand-title {
    max-width: 620px;
    margin: 0;
    font-family: 'Fraunces', serif;
    font-size: 56px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: -0.025em;
    color: #0F0F54;
}

.about-brand-title span {
    color: #D9F20C;
}

.about-tag-line {
    width: 42px;
    height: 3px;
    margin-top: 28px;
    background: #D9F20C;
}

.about-brand-image {
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 14px;
}

.about-brand-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-featured-cards {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 40px;
}

.about-featured-card {
    min-height: 180px;
    padding: 30px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid rgba(15, 15, 84, 0.10);
    border-radius: 12px;
}

.about-featured-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(217, 242, 12, 0.25);
    color: #0F0F54;
    font-size: 20px;
}

.about-featured-card h3 {
    margin: 0;
    font-family: 'Fraunces', serif;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    color: #0F0F54;
}
.about-brand-secondary-image {
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 14px;
}

.about-brand-secondary-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-brand-description {
    width: 100%;
    padding-top: 2px;
}

.about-brand-description p {
    max-width: 650px;
    margin: 0 0 22px;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    color: #555568;
}

.about-brand-description p:last-of-type {
    margin-bottom: 30px;
}

.about-brand-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    min-width: 245px;
    padding: 15px 20px 15px 24px;
    border: 1px solid #D9F20C;
    border-radius: 6px;
    background: transparent;
    color: #0F0F54;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    text-decoration: none;
}

.about-brand-button i {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #D9F20C;
    color: #0F0F54;
    font-size: 14px;
}

.about-brand-button:hover {
    background: #D9F20C;
    color: #0F0F54;
}

.about-brand-button:hover i {
    background: #0F0F54;
    color: #D9F20C;
}
@media (max-width: 1024px) {

    .about-brand-section {
        padding: 50px 30px 0;
    }

    .about-brand-grid {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .about-brand-content {
        width: 100%;
    }

    .about-brand-title {
        max-width: 720px;
        font-size: 42px;
        line-height: 1.1;
    }

    .about-section-tag {
        margin-bottom: 20px;
    }

    .about-brand-image {
        width: 100%;
        height: 400px;
        order: 2;
    }

    .about-featured-cards {
        width: 100%;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-top: 30px;
    }

    .about-featured-card {
        min-height: 170px;
        padding: 25px 20px;
    }

    .about-featured-icon {
        width: 52px;
        height: 52px;
        margin-bottom: 15px;
        font-size: 18px;
    }

    .about-featured-card h3 {
        font-size: 20px;
    }

    .about-brand-secondary-image {
        width: 100%;
        height: 300px;
        order: 3;
    }

    .about-brand-description {
        width: 100%;
        order: 4;
    }

    .about-brand-description p {
        max-width: 100%;
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 18px;
    }

    .about-brand-description p:last-of-type {
        margin-bottom: 25px;
    }

    .about-brand-button {
        min-width: 225px;
        font-size: 15px;
    }
}

@media (max-width: 767px) {

    .about-brand-section {
        padding: 30px 10px 0;
    }

    .about-brand-grid {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .about-brand-content {
        order: 1;
    }

    .about-brand-image {
        order: 2;
        height: 300px;
        border-radius: 12px;
    }

    .about-brand-secondary-image {
        order: 3;
        height: 240px;
        border-radius: 12px;
    }

    .about-brand-description {
        order: 4;
    }

    .about-section-tag {
        gap: 10px;
        margin-bottom: 18px;
    }

    .about-tag-accent {
        width: 30px;
        height: 3px;
    }

    .about-tag-text {
        font-size: 13px;
        letter-spacing: 0.1em;
    }

    .about-brand-title {
        max-width: 100%;
        font-size: 32px;
        line-height: 1.12;
        letter-spacing: -0.02em;
    }

    .about-tag-line {
        width: 35px;
        height: 3px;
        margin-top: 22px;
    }

    .about-featured-cards {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        margin-top: 28px;
    }

    .about-featured-card {
        min-height: 145px;
        padding: 20px 12px;
        border-radius: 10px;
    }

    .about-featured-icon {
        width: 48px;
        height: 48px;
        margin-bottom: 13px;
        font-size: 17px;
    }

    .about-featured-card h3 {
        font-size: 18px;
        line-height: 1.25;
    }

    .about-brand-description p {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 18px;
    }

    .about-brand-description p:last-of-type {
        margin-bottom: 25px;
    }

    .about-brand-button {
        min-width: 215px;
        padding: 13px 16px 13px 20px;
        gap: 15px;
        font-size: 15px;
    }

    .about-brand-button i {
        width: 34px;
        height: 34px;
        font-size: 12px;
    }
}


@media (max-width: 480px) {

    .about-brand-image {
        height: 260px;
    }

    .about-brand-secondary-image {
        height: 210px;
    }

    .about-featured-cards {
        gap: 10px;
    }

    .about-featured-card {
        min-height: 135px;
        padding: 18px 8px;
    }

    .about-featured-icon {
        width: 44px;
        height: 44px;
        margin-bottom: 11px;
        font-size: 16px;
    }

    .about-featured-card h3 {
        font-size: 17px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5433818 */.featured-properties-section {
    width: 100%;
    padding: 80px 50px 0;
    background: #F7F7F3;
    overflow: hidden;
}

.featured-properties-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.featured-properties-heading {
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.featured-properties-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 22px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #0F0F54;
}

.featured-tag-line {
    width: 32px;
    height: 3px;
    display: block;
    background: #D9F20C;
}

.featured-properties-heading h2 {
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Fraunces', serif;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -0.025em;
    color: #0F0F54;
}

.featured-properties-heading h2 span {
    color: #D9F20C;
}

.featured-properties-heading p {
    max-width: 700px;
    margin: 20px auto 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    color: #555568;
}

.featured-properties-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

.property-card {
    width: 100%;
    min-width: 0;
    background: #FFFFFF;
    border: 1px solid rgba(15, 15, 84, 0.10);
    border-radius: 14px;
    overflow: hidden;
}

.property-image {
    position: relative;
    width: 100%;
    height: 430px;
    overflow: hidden;
}

.property-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.property-status {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 8px 13px;
    background: #D9F20C;
    color: #0F0F54;
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-radius: 3px;
}

.property-info h3 {
    margin: 0 0 12px;
    font-family: 'Fraunces', serif;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 600;
    color: #0F0F54;
}

.property-location,
.property-size {
    margin: 0 0 7px;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    color: #555568;
}

.property-size {
    margin-bottom: 0;
}

.property-location i {
    margin-right: 6px;
    color: #0F0F54;
    font-size: 13px;
}
.property-details {
    width: 100%;
    min-height: 150px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid rgba(15, 15, 84, 0.10);
}

.property-info {
    min-width: 0;
    padding: 24px 25px;
}

.property-action {
    min-width: 0;
    padding: 24px 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    border-left: 1px solid rgba(15, 15, 84, 0.10);
}
.property-price {
    font-family: 'Fraunces', serif;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 600;
    color: #0F0F54;
    white-space: nowrap;
}

.property-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 11px 14px 11px 17px;
    border: 1px solid #D9F20C;
    border-radius: 5px;
    background: transparent;
    color: #0F0F54;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.property-button i {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #D9F20C;
    color: #0F0F54;
    font-size: 11px;
}

.property-button:hover {
    background: #D9F20C;
    color: #0F0F54;
}

.property-button:hover i {
    background: #0F0F54;
    color: #D9F20C;
}
@media (max-width: 1024px) {

    .featured-properties-section {
        padding: 50px 30px 0;
    }

    .featured-properties-heading {
        max-width: 750px;
        margin-bottom: 40px;
    }

    .featured-properties-tag {
        margin-bottom: 20px;
        font-size: 13px;
    }

    .featured-tag-line {
        width: 28px;
        height: 3px;
    }

    .featured-properties-heading h2 {
        font-size: 34px;
        line-height: 1.15;
    }

    .featured-properties-heading p {
        max-width: 650px;
        margin-top: 18px;
        font-size: 15px;
        line-height: 1.65;
    }

    /* ONE PROPERTY PER ROW */
    .featured-properties-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .property-card {
        width: 100%;
    }

    .property-image {
        height: 430px;
    }

    .property-details {
        grid-template-columns: 1fr 1fr;
        min-height: 150px;
    }

    .property-info {
        padding: 24px 25px;
    }

    .property-info h3 {
        font-size: 24px;
        line-height: 1.25;
    }

    .property-location,
    .property-size {
        font-size: 15px;
    }

    .property-action {
        padding: 24px 25px;
    }

    .property-price {
        font-size: 24px;
    }

    .property-button {
        font-size: 14px;
    }
}

/* =========================================
   MOBILE VIEW
   MAX-WIDTH: 767PX
========================================= */

@media (max-width: 767px) {

    /* =====================================
       COMMON SECTION CONTAINER
    ===================================== */

    .featured-properties-section,
    .impact-statistics-section,
    .faq-section,
    .premium-cta-section {
        width: 100%;
        padding: 30px 10px 0;
        overflow: hidden;
    }

    .featured-properties-container,
    .impact-statistics-container,
    .faq-container,
    .premium-cta-container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
    }


    /* =====================================
       COMMON SECTION HEADING
    ===================================== */

    .featured-properties-heading,
    .impact-statistics-heading {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 30px;
        text-align: center;
    }

    .featured-properties-tag,
    .impact-section-tag,
    .faq-section-tag {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;

        width: fit-content;
        margin-bottom: 17px;

        font-family: 'DM Sans', sans-serif;
        font-size: 13px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0.10em;
        text-transform: uppercase;
        color: #0F0F54;
    }

    .featured-tag-line,
    .impact-tag-line,
    .faq-section-tag span {
        width: 24px;
        height: 2px;
        display: block;
        background: #D9F20C;
    }

    .featured-properties-heading h2,
    .impact-statistics-heading h2,
    .faq-intro h2 {
        width: 100%;
        max-width: 100%;

        margin: 0;

        font-family: 'Fraunces', serif;
        font-size: 28px;
        line-height: 1.16;
        font-weight: 600;
        letter-spacing: -0.015em;

        color: #0F0F54;
    }

    .featured-properties-heading h2 span,
    .impact-statistics-heading h2 span,
    .faq-intro h2 span {
        color: #D9F20C;
    }

    .featured-properties-heading p,
    .impact-statistics-heading p,
    .faq-intro > p {
        width: 100%;
        max-width: 100%;

        margin: 15px 0 0;

        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.65;
        font-weight: 400;

        color: #555568;
    }


    /* =====================================
       FEATURED PROPERTIES
    ===================================== */

    .featured-properties-grid {
        width: 100%;

        display: grid;
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .property-card {
        width: 100%;
        min-width: 0;

        border: 1px solid rgba(15, 15, 84, 0.10);
        border-radius: 14px;

        background: #FFFFFF;
        overflow: hidden;
    }

    .property-image {
        position: relative;

        width: 100%;
        height: 280px;

        overflow: hidden;
    }

    .property-image img {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: cover;
    }

    .property-status {
        top: 15px;
        left: 15px;

        padding: 8px 12px;

        font-family: 'DM Sans', sans-serif;
        font-size: 12px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;

        border-radius: 3px;

        background: #D9F20C;
        color: #0F0F54;
    }


    /* =====================================
       PROPERTY DETAILS
    ===================================== */

    .property-details {
        width: 100%;
        min-height: 0;

        display: grid;
        grid-template-columns: 1.08fr 0.92fr;

        align-items: stretch;
    }

    .property-info {
        min-width: 0;
        padding: 20px 16px;
    }

    .property-info h3 {
        margin: 0 0 10px;

        font-family: 'Fraunces', serif;
        font-size: 20px;
        line-height: 1.25;
        font-weight: 600;

        color: #0F0F54;
    }

    .property-location,
    .property-size {
        margin: 0 0 7px;

        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.5;
        font-weight: 400;

        color: #555568;
    }

    .property-size {
        margin-bottom: 0;
    }

    .property-location i {
        margin-right: 5px;

        font-size: 12px;
        color: #0F0F54;
    }

    .property-action {
        min-width: 0;

        padding: 20px 16px;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;

        border-left: 1px solid rgba(15, 15, 84, 0.10);
    }

    .property-price {
        width: 100%;

        margin: 0;

        font-family: 'Fraunces', serif;
        font-size: 21px;
        line-height: 1.25;
        font-weight: 600;

        color: #0F0F54;

        white-space: nowrap;
    }

    .property-button {
        align-self: flex-start;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        gap: 8px;

        margin-top: auto;

        padding: 9px 10px 9px 12px;

        border: 1px solid #D9F20C;
        border-radius: 5px;

        background: transparent;
        color: #0F0F54;

        font-family: 'DM Sans', sans-serif;
        font-size: 13px;
        line-height: 1.3;
        font-weight: 600;

        text-decoration: none;
        white-space: nowrap;
    }

    .property-button i {
        width: 27px;
        height: 27px;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 50%;

        background: #D9F20C;
        color: #0F0F54;

        font-size: 10px;
    }

    .property-button:hover,
    .property-button:focus,
    .property-button:active {
        background: transparent;
        color: #0F0F54;
    }

    .property-button:hover i,
    .property-button:focus i,
    .property-button:active i {
        background: #D9F20C;
        color: #0F0F54;
    }


    /* =====================================
       IMPACT STATISTICS
    ===================================== */

    .impact-statistics-grid {
        width: 100%;

        display: grid;
        grid-template-columns: 1fr;

        gap: 14px;
    }

    .impact-stat-large,
    .impact-stat-small,
    .impact-stat-tall {
        grid-column: auto;
        grid-row: auto;
    }

    .impact-stat-large {
        min-height: 210px;
    }

    .impact-stat-large .impact-stat-content {
        padding: 24px 20px;
        gap: 16px;
    }

    .impact-stat-icon {
        width: 52px;
        height: 52px;
        flex: 0 0 52px;

        font-size: 17px;
    }

    .impact-stat-large .impact-stat-number {
        font-size: 42px;
    }

    .impact-stat-card h3 {
        font-family: 'Fraunces', serif;
        font-size: 20px;
        line-height: 1.3;
        font-weight: 600;
    }

    .impact-stat-small {
        min-height: 145px;

        padding: 22px 18px;
        gap: 15px;
    }

    .impact-stat-small .impact-stat-icon {
        width: 48px;
        height: 48px;
        flex: 0 0 48px;
    }

    .impact-stat-small .impact-stat-number {
        font-size: 36px;
    }

    .impact-stat-small h3 {
        font-size: 18px;
    }

    .impact-stat-tall {
        min-height: 290px;
        padding: 28px 20px;
    }

    .impact-stat-tall .impact-stat-icon {
        width: 56px;
        height: 56px;

        margin-bottom: 16px;
    }

    .impact-stat-tall .impact-stat-number {
        font-size: 46px;
    }

    .impact-stat-tall h3 {
        font-size: 21px;
    }

    .impact-stat-tall p {
        max-width: 320px;

        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.6;
    }


    /* =====================================
       FAQ
    ===================================== */

    .faq-layout {
        width: 100%;

        display: flex;
        flex-direction: column;

        gap: 25px;
    }

    .faq-intro {
        width: 100%;
    }

    .faq-intro h2 {
        max-width: 100%;
    }

    .faq-intro h3 {
        margin: 4px 0 0;

        font-family: 'Fraunces', serif;
        font-size: 23px;
        line-height: 1.2;
        font-weight: 500;
        font-style: normal;

        color: #D9F20C;
    }

    .faq-intro > p {
        margin-top: 15px;
    }

    .faq-image {
        width: 100%;
        height: 230px;

        margin-top: 24px;

        border-radius: 12px;
        overflow: hidden;
    }

    .faq-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    .faq-list {
        width: 100%;
        height: auto;

        border-radius: 12px;
    }

    .faq-question {
        width: 100%;
        min-height: 76px;

        padding: 16px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        gap: 12px;

        border: 0;
        outline: none;

        background: transparent !important;
        color: #0F0F54 !important;
    }

    .faq-question-left {
        min-width: 0;

        display: flex;
        align-items: center;

        gap: 12px;
    }

    .faq-icon {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 50%;
        background: rgba(217, 242, 12, 0.45);
    }

    .faq-icon i {
        font-size: 14px;
        color: #0F0F54;
    }

    .faq-question-text {
        min-width: 0;

        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.45;
        font-weight: 600;

        color: #0F0F54;
    }

    .faq-toggle {
        width: 28px;
        height: 28px;
        flex: 0 0 28px;

        display: flex;
        align-items: center;
        justify-content: center;

        color: #0F0F54;
    }

    .faq-toggle i {
        font-size: 12px;
    }

    .faq-answer {
        padding: 0 16px 22px 68px;
    }

    .faq-answer p {
        max-width: 100%;

        margin: 0;

        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.65;

        color: #666678;
    }


    /* =====================================
       CTA MAIN
    ===================================== */

    .premium-cta-main {
        width: 100%;

        display: grid;
        grid-template-columns: 1fr;

        gap: 30px;

        padding: 32px 20px 25px;

        border-radius: 13px;
    }

    .premium-cta-content {
        width: 100%;
        max-width: 100%;
    }

    .premium-cta-tag {
        gap: 8px;
        margin-bottom: 15px;

        font-family: 'DM Sans', sans-serif;
        font-size: 11px;
        line-height: 1;
        letter-spacing: 0.11em;
    }

    .premium-cta-tag span {
        width: 23px;
        height: 2px;
    }

    .premium-cta-content h2 {
        margin: 0;

        font-family: 'Fraunces', serif;
        font-size: 30px;
        line-height: 1.16;
        font-weight: 600;

        color: #FFFFFF;
    }

    .premium-cta-content > p {
        max-width: 100%;

        margin: 15px 0 0;

        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.65;

        color: rgba(255, 255, 255, 0.70);
    }

    .premium-cta-buttons {
        width: 100%;

        display: flex;
        flex-direction: column;

        gap: 10px;

        margin-top: 23px;
    }

    .premium-cta-primary,
    .premium-cta-secondary {
        width: 100%;
        min-height: 49px;

        padding: 0 18px;

        font-size: 15px;
    }


    /* =====================================
       CTA FEATURES
    ===================================== */

    .premium-cta-features {
        width: 100%;

        display: grid;
        grid-template-columns: 1fr;

        gap: 10px;
    }

    .premium-cta-feature {
        width: 100%;

        display: flex;
        align-items: center;

        gap: 14px;

        padding: 16px 15px;
    }

    .premium-feature-icon {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
    }

    .premium-feature-content {
        min-width: 0;
    }

    .premium-feature-content h3 {
        font-family: 'Fraunces', serif;
        font-size: 18px;
        line-height: 1.3;
        font-weight: 600;

        color: #FFFFFF;
    }

    .premium-feature-content p {
        margin: 4px 0 0;

        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.5;

        color: rgba(255, 255, 255, 0.62);
    }


    /* =====================================
       JOURNEY
    ===================================== */

    .premium-cta-journey {
        width: 100%;

        display: grid;
        grid-template-columns: 1fr;

        gap: 0;

        padding: 25px 18px;

        border-radius: 12px;
    }

    .premium-journey-step {
        width: 100%;

        padding: 18px 0;

        border-bottom: 1px solid rgba(15, 15, 84, 0.10);
    }

    .premium-journey-step:last-child {
        border-bottom: 0;
    }

    .premium-step-number {
        width: 40px;
        height: 40px;

        margin-bottom: 12px;

        font-size: 12px;
    }

    .premium-step-content h3 {
        font-family: 'Fraunces', serif;
        font-size: 19px;
        line-height: 1.25;
        font-weight: 600;

        color: #0F0F54;
    }

    .premium-step-content p {
        max-width: 100%;

        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.55;

        color: #666678;
    }

    .premium-journey-connector {
        display: none;
    }


    /* =====================================
       CTA STATS
    ===================================== */

    .premium-cta-stats {
        width: 100%;

        display: grid;
        grid-template-columns: 1fr;

        margin-top: 14px;

        border-radius: 12px;
    }

    .premium-cta-stat,
    .premium-cta-stat:nth-child(-n+2) {
        width: 100%;
        min-height: 82px;

        padding: 17px 16px;

        border-right: 0;
        border-bottom: 1px solid rgba(15, 15, 84, 0.09);
    }

    .premium-cta-stat:last-child {
        border-bottom: 0;
    }

    .premium-stat-icon {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
    }

    .premium-stat-content strong {
        font-family: 'Fraunces', serif;
        font-size: 20px;
        line-height: 1.1;
        font-weight: 600;

        color: #0F0F54;
    }

    .premium-stat-content span {
        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.4;

        color: #77778A;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .featured-properties-section,
    .impact-statistics-section,
    .faq-section,
    .premium-cta-section {
        padding: 30px 10px 0;
    }

    .featured-properties-container,
    .impact-statistics-container,
    .faq-container,
    .premium-cta-container {
        width: 100%;
        padding: 0;
    }

    .featured-properties-heading,
    .impact-statistics-heading {
        margin-bottom: 28px;
    }

    .featured-properties-heading h2,
    .impact-statistics-heading h2,
    .faq-intro h2 {
        font-size: 28px;
    }

    .featured-properties-heading p,
    .impact-statistics-heading p,
    .faq-intro > p {
        font-size: 15px;
    }

    .property-image {
        height: 250px;
    }

    .property-info {
        padding: 18px 14px;
    }

    .property-action {
        padding: 18px 14px;
    }

    .property-info h3 {
        font-size: 18px;
    }

    .property-price {
        font-size: 19px;
    }

    .property-button {
        font-size: 12px;
    }

    .premium-cta-main {
        padding: 28px 16px 22px;
    }

    .premium-cta-content h2 {
        font-size: 28px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-485a6ca *//* =========================================
   IMPACT STATISTICS
   DESKTOP VIEW — BACKGROUND REMOVED
========================================= */

.impact-statistics-section {
    width: 100%;
    padding: 80px 50px 40px;
    background: transparent;
    overflow: hidden;
}

.impact-statistics-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.impact-statistics-heading {
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.impact-section-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 22px;

    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #0F0F54;
}

.impact-tag-line {
    width: 32px;
    height: 3px;
    display: block;
    background: #D9F20C;
}

.impact-statistics-heading h2 {
    max-width: 820px;
    margin: 0 auto;

    font-family: 'Fraunces', serif;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -0.025em;
    color: #0F0F54;
}

.impact-statistics-heading h2 span {
    color: #D9F20C;
}

.impact-statistics-heading p {
    max-width: 720px;
    margin: 20px auto 0;

    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    color: #666678;
}


/* =========================================
   STATISTICS GRID
========================================= */

.impact-statistics-grid {
    width: 100%;

    display: grid;
    grid-template-columns: 1.55fr 1fr 1fr;
    grid-template-rows: 190px 190px;

    gap: 24px;
    align-items: stretch;
}


/* =========================================
   STAT CARD
========================================= */

.impact-stat-card {
    position: relative;

    width: 100%;
    min-width: 0;

    border: 1px solid rgba(15, 15, 84, 0.13);
    border-radius: 14px;

    background: #FFFFFF;

    overflow: hidden;

    box-shadow: 0 12px 35px rgba(15, 15, 84, 0.06);
}


/* LARGE CARD */

.impact-stat-large {
    grid-column: 1 / 3;
    grid-row: 1;
}


/* SMALL CARDS */

.impact-stat-small {
    grid-row: 2;
}


/* TALL CARD */

.impact-stat-tall {
    grid-column: 3;
    grid-row: 1 / 3;
}


/* =========================================
   IMAGE
========================================= */

.impact-stat-image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;
}

.impact-stat-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* =========================================
   IMAGE OVERLAY
========================================= */

.impact-stat-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(15, 15, 84, 0.96) 0%,
            rgba(15, 15, 84, 0.82) 34%,
            rgba(15, 15, 84, 0.42) 65%,
            rgba(15, 15, 84, 0.08) 100%
        );
}


/* =========================================
   STAT CONTENT
========================================= */

.impact-stat-content {
    position: relative;
    z-index: 2;

    width: 100%;
    height: 100%;

    padding: 30px 35px;

    display: flex;
    align-items: center;

    gap: 28px;
}


/* =========================================
   ICON
========================================= */

.impact-stat-icon {
    width: 72px;
    height: 72px;

    flex: 0 0 72px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(217, 242, 12, 0.65);
    border-radius: 50%;

    color: #D9F20C;
    font-size: 25px;
}


/* =========================================
   NUMBER
========================================= */

.impact-stat-number {
    margin: 0 0 7px;

    font-family: 'Fraunces', serif;
    font-size: 54px;
    line-height: 1;
    font-weight: 600;

    color: #D9F20C;
}


/* =========================================
   CARD TITLE
========================================= */

.impact-stat-card h3 {
    margin: 0;

    font-family: 'Fraunces', serif;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 600;

    color: #0F0F54;
}
.impact-stat-large .impact-stat-text h3 {
    color: #FFFFFF;
}
/* =========================================
   STAT LINE
========================================= */

.impact-stat-line {
    width: 38px;
    height: 3px;

    display: block;

    margin-top: 16px;

    background: #D9F20C;
}


/* =========================================
   SMALL STAT CARDS
========================================= */

.impact-stat-small {
    padding: 28px 30px;

    display: flex;
    align-items: center;
    gap: 22px;
}

.impact-stat-small .impact-stat-icon {
    width: 62px;
    height: 62px;

    flex: 0 0 62px;

    font-size: 21px;
}

.impact-stat-small .impact-stat-text {
    flex: 1;
    min-width: 0;
}

.impact-stat-small .impact-stat-number {
    font-size: 44px;
    margin-bottom: 7px;
}

.impact-stat-small h3 {
    font-size: 22px;
}


/* =========================================
   TALL STAT CARD
========================================= */

.impact-stat-tall {
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 35px 30px;

    background: #0F0F54;
}

.impact-stat-tall-content {
    width: 100%;
    text-align: center;
}

.impact-stat-tall .impact-stat-icon {
    width: 72px;
    height: 72px;

    margin: 0 auto 25px;

    font-size: 25px;

    border-color: rgba(217, 242, 12, 0.65);
}

.impact-stat-tall .impact-stat-number {
    font-size: 64px;
    margin-bottom: 10px;
}

.impact-stat-tall h3 {
    margin-bottom: 0;

    font-size: 28px;
    color: #FFFFFF;
}

.impact-stat-tall .impact-stat-line {
    width: 38px;
    height: 3px;

    margin: 18px auto 20px;
}

.impact-stat-tall p {
    max-width: 300px;

    margin: 0 auto;

    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;

    color: rgba(255, 255, 255, 0.68);
}


/* =========================================
   LARGE STAT CARD
========================================= */

.impact-stat-large .impact-stat-content {
    padding: 30px 35px;
}

.impact-stat-large .impact-stat-number {
    font-size: 58px;
}


/* =========================================
   CARD HOVER
========================================= */

.impact-stat-card {
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.impact-stat-card:hover {
    transform: translateY(-4px);

    border-color: rgba(15, 15, 84, 0.22);

    box-shadow:
        0 18px 45px rgba(15, 15, 84, 0.10);
}

.impact-stat-icon {
    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
}

.impact-stat-card:hover .impact-stat-icon {
    transform: translateY(-2px);
    border-color: #D9F20C;
}


/* =========================================
   BOTTOM ACCENT
========================================= */

.impact-stat-card::after {
    content: "";

    position: absolute;

    left: 30px;
    bottom: 22px;

    width: 34px;
    height: 3px;

    background: #D9F20C;

    z-index: 3;

    transition:
        width 0.3s ease;
}

.impact-stat-card:hover::after {
    width: 48px;
}

.impact-stat-large::after {
    left: 35px;
}

.impact-stat-tall::after {
    left: 50%;

    transform: translateX(-50%);
}
/* =========================================
   IMPACT STATISTICS
   RESPONSIVE CSS
========================================= */


/* =========================================
   TABLET VIEW
========================================= */

@media (max-width: 1024px) {

    .impact-statistics-section {
        padding: 50px 30px 25px;
        background: transparent;
    }

    .impact-statistics-heading {
        max-width: 760px;
        margin-bottom: 40px;
    }

    .impact-section-tag {
        margin-bottom: 20px;
        font-size: 13px;
    }

    .impact-tag-line {
        width: 28px;
        height: 3px;
    }

    .impact-statistics-heading h2 {
        font-size: 34px;
        line-height: 1.15;
    }

    .impact-statistics-heading p {
        max-width: 650px;
        margin-top: 18px;
        font-size: 15px;
        line-height: 1.65;
    }


    /* TWO COLUMN TABLET GRID */

    .impact-statistics-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        gap: 20px;
    }


    /* LARGE CARD */

    .impact-stat-large {
        grid-column: 1 / 3;
        grid-row: 1;

        min-height: 210px;
    }


    /* SMALL CARDS */

    .impact-stat-small {
        grid-column: auto;
        grid-row: 2;

        min-height: 190px;
    }


    /* TALL CARD */

    .impact-stat-tall {
        grid-column: 1 / 3;
        grid-row: 3;

        min-height: 280px;
    }


    /* CONTENT */

    .impact-stat-content {
        padding: 28px 30px;
        gap: 22px;
    }


    /* ICON */

    .impact-stat-icon {
        width: 60px;
        height: 60px;
        flex: 0 0 60px;

        font-size: 20px;
    }


    /* LARGE NUMBER */

    .impact-stat-large .impact-stat-number {
        font-size: 48px;
    }

    .impact-stat-card h3 {
        font-size: 22px;
    }


    /* SMALL CARD */

    .impact-stat-small {
        padding: 25px;
        gap: 18px;
    }

    .impact-stat-small .impact-stat-icon {
        width: 56px;
        height: 56px;
        flex: 0 0 56px;

        font-size: 19px;
    }

    .impact-stat-small .impact-stat-number {
        font-size: 40px;
    }

    .impact-stat-small h3 {
        font-size: 20px;
    }


    /* TALL CARD */

    .impact-stat-tall {
        padding: 30px;
    }

    .impact-stat-tall .impact-stat-icon {
        width: 62px;
        height: 62px;

        margin-bottom: 18px;
    }

    .impact-stat-tall .impact-stat-number {
        font-size: 52px;
    }

    .impact-stat-tall h3 {
        font-size: 24px;
    }

    .impact-stat-tall p {
        max-width: 500px;

        font-size: 15px;
        line-height: 1.65;
    }


    /* ACCENT */

    .impact-stat-card::after {
        left: 25px;
        bottom: 20px;

        width: 32px;
        height: 3px;
    }

    .impact-stat-large::after {
        left: 30px;
    }

    .impact-stat-tall::after {
        left: 50%;
        transform: translateX(-50%);
    }
}


/* =========================================
   MOBILE VIEW
========================================= */

@media (max-width: 767px) {

    .impact-statistics-section {
        padding: 30px 10px 20px;
        background: transparent;
    }

    .impact-statistics-heading {
        margin-bottom: 30px;
    }

    .impact-section-tag {
        gap: 9px;
        margin-bottom: 18px;

        font-size: 13px;
        letter-spacing: 0.1em;
    }

    .impact-tag-line {
        width: 24px;
        height: 2px;
    }

    .impact-statistics-heading h2 {
        font-size: 28px;
        line-height: 1.15;
        letter-spacing: -0.015em;
    }

    .impact-statistics-heading p {
        margin-top: 16px;

        font-size: 15px;
        line-height: 1.65;
    }


    /* ONE CARD PER ROW */

    .impact-statistics-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;

        gap: 14px;
    }

    .impact-stat-large,
    .impact-stat-small,
    .impact-stat-tall {
        grid-column: auto;
        grid-row: auto;
    }


    /* LARGE CARD */

    .impact-stat-large {
        min-height: 220px;
    }

    .impact-stat-large .impact-stat-content {
        padding: 24px 20px;
        gap: 16px;
    }

    .impact-stat-large .impact-stat-icon {
        width: 52px;
        height: 52px;
        flex: 0 0 52px;

        font-size: 17px;
    }

    .impact-stat-large .impact-stat-number {
        font-size: 42px;
    }

    .impact-stat-large h3 {
        font-size: 20px;
    }


    /* SMALL CARDS */

    .impact-stat-small {
        min-height: 145px;

        padding: 22px 18px;
        gap: 15px;
    }

    .impact-stat-small .impact-stat-icon {
        width: 48px;
        height: 48px;
        flex: 0 0 48px;

        font-size: 16px;
    }

    .impact-stat-small .impact-stat-number {
        font-size: 36px;
    }

    .impact-stat-small h3 {
        font-size: 18px;
    }


    /* TALL CARD */

    .impact-stat-tall {
        min-height: 300px;

        padding: 28px 20px;
    }

    .impact-stat-tall .impact-stat-icon {
        width: 56px;
        height: 56px;

        margin-bottom: 16px;

        font-size: 19px;
    }

    .impact-stat-tall .impact-stat-number {
        font-size: 46px;
    }

    .impact-stat-tall h3 {
        font-size: 21px;
    }

    .impact-stat-tall .impact-stat-line {
        width: 30px;
        height: 2px;

        margin: 14px auto 16px;
    }

    .impact-stat-tall p {
        max-width: 320px;

        font-size: 15px;
        line-height: 1.6;
    }


    /* BOTTOM ACCENT */

    .impact-stat-card::after {
        left: 20px;
        bottom: 17px;

        width: 28px;
        height: 2px;
    }

    .impact-stat-tall::after {
        left: 50%;
        bottom: 17px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .impact-stat-large {
        min-height: 200px;
    }

    .impact-stat-large .impact-stat-content {
        padding: 22px 16px;
        gap: 13px;
    }

    .impact-stat-large .impact-stat-icon {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
    }

    .impact-stat-large .impact-stat-number {
        font-size: 38px;
    }

    .impact-stat-large h3 {
        font-size: 18px;
    }


    .impact-stat-small {
        min-height: 130px;

        padding: 20px 15px;
        gap: 12px;
    }

    .impact-stat-small .impact-stat-icon {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }

    .impact-stat-small .impact-stat-number {
        font-size: 32px;
    }

    .impact-stat-small h3 {
        font-size: 17px;
    }


    .impact-stat-tall {
        min-height: 285px;
        padding: 25px 16px;
    }

    .impact-stat-tall .impact-stat-number {
        font-size: 42px;
    }

    .impact-stat-tall h3 {
        font-size: 20px;
    }

    .impact-stat-tall p {
        font-size: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4dca39d */.why-choose-section {
    width: 100%;
    padding: 80px 50px 0;
    background: #F7F7F3;
    overflow: hidden;
}

.why-choose-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.why-choose-heading {
    max-width: 900px;
    margin: 0 auto 55px;
    text-align: center;
}

.why-section-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 22px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #0F0F54;
}

.why-tag-line {
    width: 32px;
    height: 3px;
    display: block;
    background: #D9F20C;
}

.why-choose-heading h2 {
    max-width: 850px;
    margin: 0 auto;
    font-family: 'Fraunces', serif;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -0.025em;
    color: #0F0F54;
}

.why-choose-heading h2 span {
    color: #D9F20C;
}

.why-choose-heading p {
    max-width: 700px;
    margin: 22px auto 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    color: #555568;
}

.why-features-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}

.why-feature-card {
    position: relative;
    width: 100%;
    min-height: 300px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #FFFFFF;
    border: 1px solid rgba(15, 15, 84, 0.10);
    border-radius: 14px;
}

.why-feature-top {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.why-feature-icon {
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(217, 242, 12, 0.24);
    color: #0F0F54;
    font-size: 21px;
}

.why-feature-number {
    font-family: 'Fraunces', serif;
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    color: #0F0F54;
    text-align: right;
}

.why-feature-number::after {
    content: "";
    display: block;
    width: 32px;
    height: 3px;
    margin-top: 9px;
    margin-left: auto;
    background: #D9F20C;
}

.why-feature-content {
    width: 100%;
    margin-top: 30px;
}

.why-feature-content h3 {
    margin: 0 0 12px;
    font-family: 'Fraunces', serif;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 600;
    color: #0F0F54;
}

.why-feature-line {
    width: 38px;
    height: 3px;
    display: block;
    margin-bottom: 15px;
    background: #D9F20C;
}

.why-feature-content p {
    max-width: 390px;
    margin: 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    color: #555568;
}
.why-feature-horizontal {
    min-height: 190px;
    padding: 28px 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 22px;
}

.why-feature-horizontal .why-feature-icon {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    font-size: 20px;
}

.why-feature-horizontal .why-feature-content {
    position: relative;
    margin-top: 0;
    flex: 1;
    min-width: 0;
    padding-right: 38px;
}

.why-feature-horizontal .why-feature-number {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
}

.why-feature-horizontal .why-feature-number::after {
    width: 26px;
    height: 2px;
    margin-top: 7px;
}

.why-feature-horizontal .why-feature-content h3 {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 1.2;
}

.why-feature-horizontal .why-feature-line {
    width: 32px;
    height: 2px;
    margin-bottom: 12px;
}

.why-feature-horizontal .why-feature-content p {
    max-width: 100%;
    font-size: 15px;
    line-height: 1.6;
}
@media (max-width: 1024px) {

    .why-choose-section {
        padding: 50px 30px 0;
    }

    .why-choose-heading {
        max-width: 760px;
        margin-bottom: 40px;
    }

    .why-section-tag {
        margin-bottom: 20px;
        font-size: 13px;
    }

    .why-tag-line {
        width: 28px;
        height: 3px;
    }

    .why-choose-heading h2 {
        font-size: 34px;
        line-height: 1.15;
    }

    .why-choose-heading p {
        max-width: 650px;
        margin-top: 18px;
        font-size: 15px;
        line-height: 1.65;
    }

    .why-features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .why-feature-card {
        min-height: 280px;
        padding: 28px 24px;
    }

    .why-feature-icon {
        width: 58px;
        height: 58px;
        font-size: 19px;
    }

    .why-feature-number {
        font-size: 24px;
    }

    .why-feature-content {
        margin-top: 25px;
    }

    .why-feature-content h3 {
        font-size: 24px;
    }

    .why-feature-content p {
        font-size: 15px;
        line-height: 1.65;
    }

    .why-feature-horizontal {
        min-height: 175px;
        padding: 25px 22px;
        gap: 18px;
    }

    .why-feature-horizontal .why-feature-icon {
        width: 56px;
        height: 56px;
        flex: 0 0 56px;
        font-size: 18px;
    }

    .why-feature-horizontal .why-feature-content {
        padding-right: 34px;
    }

    .why-feature-horizontal .why-feature-number {
        font-size: 21px;
    }

    .why-feature-horizontal .why-feature-content h3 {
        font-size: 21px;
        margin-bottom: 9px;
    }

    .why-feature-horizontal .why-feature-content p {
        font-size: 15px;
        line-height: 1.6;
    }
}


@media (max-width: 767px) {

    .why-choose-section {
        padding: 30px 10px 0;
    }

    .why-choose-heading {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .why-section-tag {
        gap: 9px;
        margin-bottom: 18px;
        font-size: 13px;
        letter-spacing: 0.1em;
    }

    .why-tag-line {
        width: 24px;
        height: 2px;
    }

    .why-choose-heading h2 {
        font-size: 28px;
        line-height: 1.15;
        letter-spacing: -0.015em;
    }

    .why-choose-heading p {
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.65;
    }

    .why-features-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .why-feature-card {
        min-height: 210px;
        padding: 24px 20px;
        border-radius: 12px;
    }

    .why-feature-icon {
        width: 52px;
        height: 52px;
        font-size: 17px;
    }

    .why-feature-number {
        font-size: 22px;
    }

    .why-feature-number::after {
        width: 26px;
        height: 2px;
        margin-top: 7px;
    }

    .why-feature-content {
        margin-top: 22px;
    }

    .why-feature-content h3 {
        font-size: 21px;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .why-feature-line {
        width: 30px;
        height: 2px;
        margin-bottom: 12px;
    }

    .why-feature-content p {
        font-size: 15px;
        line-height: 1.65;
    }

    .why-feature-horizontal {
        min-height: 155px;
        padding: 22px 18px;
        gap: 16px;
        align-items: center;
    }

    .why-feature-horizontal .why-feature-icon {
        width: 50px;
        height: 50px;
        flex: 0 0 50px;
        font-size: 16px;
    }

    .why-feature-horizontal .why-feature-content {
        padding-right: 30px;
        margin-top: 0;
    }

    .why-feature-horizontal .why-feature-number {
        font-size: 19px;
    }

    .why-feature-horizontal .why-feature-number::after {
        width: 22px;
        height: 2px;
        margin-top: 6px;
    }

    .why-feature-horizontal .why-feature-content h3 {
        font-size: 19px;
        line-height: 1.2;
        margin-bottom: 8px;
    }

    .why-feature-horizontal .why-feature-line {
        width: 28px;
        height: 2px;
        margin-bottom: 10px;
    }

    .why-feature-horizontal .why-feature-content p {
        font-size: 15px;
        line-height: 1.6;
    }
}


@media (max-width: 480px) {

    .why-feature-card {
        min-height: 200px;
        padding: 22px 16px;
    }

    .why-feature-horizontal {
        min-height: 145px;
        padding: 20px 15px;
        gap: 13px;
    }

    .why-feature-horizontal .why-feature-icon {
        width: 46px;
        height: 46px;
        flex: 0 0 46px;
    }

    .why-feature-horizontal .why-feature-content {
        padding-right: 26px;
    }

    .why-feature-horizontal .why-feature-content h3 {
        font-size: 18px;
    }

    .why-feature-horizontal .why-feature-content p {
        font-size: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f96233e */.latest-insights-section {
    width: 100%;
    padding: 80px 50px 0;
    background: #F7F7F3;
    overflow: hidden;
}

.latest-insights-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.latest-insights-heading {
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.latest-insights-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 22px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #0F0F54;
}

.latest-tag-line {
    width: 32px;
    height: 3px;
    display: block;
    background: #D9F20C;
}

.latest-insights-heading h2 {
    max-width: 820px;
    margin: 0 auto;
    font-family: 'Fraunces', serif;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -0.025em;
    color: #0F0F54;
}

.latest-insights-heading h2 span {
    color: #D9F20C;
}

.latest-insights-heading p {
    max-width: 700px;
    margin: 20px auto 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    color: #555568;
}

.latest-insights-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1.55fr 1fr;
    gap: 24px;
    align-items: stretch;
}

.insight-featured {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 504px;
    border-radius: 14px;
    overflow: hidden;
    background: #0F0F54;
}

.insight-featured-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.insight-featured-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.insight-featured-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(15, 15, 84, 0.04) 20%,
        rgba(15, 15, 84, 0.30) 48%,
        rgba(15, 15, 84, 0.94) 100%
    );
}

.insight-featured-content {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 35px;
}

.insight-category {
    display: inline-block;
    margin-bottom: 13px;
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #D9F20C;
}

.insight-featured-content h3 {
    max-width: 650px;
    margin: 0;
    font-family: 'Fraunces', serif;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 600;
    color: #FFFFFF;
}

.insight-featured-content p {
    max-width: 600px;
    margin: 14px 0 22px;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.76);
}

.insight-featured-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;
    text-decoration: none;
    color: #FFFFFF;
}

.insight-featured-link i {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #D9F20C;
    color: #0F0F54;
    font-size: 12px;
}
.insight-side-column {
    width: 100%;
    min-width: 0;
    min-height: 504px;
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.insight-side-card {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    align-items: center;
    background: #0F0F54;
    border: 1px solid rgba(15, 15, 84, 0.10);
    border-radius: 14px;
    overflow: hidden;
}

.insight-side-content {
    width: 100%;
    padding: 30px 32px;
}

.insight-side-card .insight-category {
    margin-bottom: 14px;
}

.insight-side-card h3 {
    max-width: 430px;
    margin: 0;
    font-family: 'Fraunces', serif;
    font-size: 27px;
    line-height: 1.25;
    font-weight: 600;
    color: #FFFFFF;
}

.insight-side-link {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-top: 22px;
    padding: 10px 15px 10px 17px;
    border: 1px solid rgba(217, 242, 12, 0.8);
    border-radius: 4px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
    text-decoration: none;
    color: #FFFFFF;
}

.insight-side-link i {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #D9F20C;
    color: #0F0F54;
    font-size: 10px;
}

.insight-side-card::after {
    content: "";
    position: absolute;
    left: 32px;
    bottom: 24px;
    width: 34px;
    height: 3px;
    background: #D9F20C;
}
.insight-side-link,
.insight-side-link:visited,
.insight-side-link:hover,
.insight-side-link:focus,
.insight-side-link:active {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.insight-side-link i {
    color: #0F0F54 !important;
}

.insight-side-link:hover i {
    color: #0F0F54 !important;
}
@media (max-width: 1024px) {

    .latest-insights-section {
        padding: 50px 30px 0;
    }

    .latest-insights-heading {
        max-width: 760px;
        margin-bottom: 40px;
    }

    .latest-insights-tag {
        margin-bottom: 20px;
        font-size: 13px;
    }

    .latest-tag-line {
        width: 28px;
        height: 3px;
    }

    .latest-insights-heading h2 {
        font-size: 34px;
        line-height: 1.15;
    }

    .latest-insights-heading p {
        max-width: 650px;
        margin-top: 18px;
        font-size: 15px;
        line-height: 1.65;
    }


    /* =========================
       TABLET — TWO ROWS
    ========================= */

    .latest-insights-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 400px 220px;
        gap: 20px;
    }


    /* FEATURED ARTICLE — ROW 1 */

    .insight-featured {
        grid-column: 1 / 3;
        grid-row: 1;
        min-height: 0;
        height: 400px;
    }

    .insight-featured-content {
        padding: 30px;
    }

    .insight-featured-content h3 {
        max-width: 600px;
        font-size: 30px;
    }

    .insight-featured-content p {
        max-width: 580px;
        font-size: 15px;
    }


    /* RIGHT ARTICLES — ROW 2 */

    .insight-side-column {
        grid-column: 1 / 3;
        grid-row: 2;
        min-height: 0;
        height: 220px;

        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        gap: 20px;
    }

    .insight-side-card {
        height: 100%;
        min-height: 0;
    }

    .insight-side-content {
        padding: 25px;
    }

    .insight-side-card h3 {
        max-width: 100%;
        font-size: 22px;
        line-height: 1.25;
    }

    .insight-side-link {
        margin-top: 16px;
        font-size: 14px;
    }

    .insight-side-card::after {
        left: 25px;
        bottom: 18px;
        width: 30px;
        height: 2px;
    }
}


@media (max-width: 767px) {

    .latest-insights-section {
        padding: 30px 10px 0;
    }

    .latest-insights-heading {
        margin-bottom: 30px;
    }

    .latest-insights-tag {
        gap: 9px;
        margin-bottom: 18px;
        font-size: 13px;
        letter-spacing: 0.1em;
    }

    .latest-tag-line {
        width: 24px;
        height: 2px;
    }

    .latest-insights-heading h2 {
        font-size: 28px;
        line-height: 1.15;
    }

    .latest-insights-heading p {
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.65;
    }


    /* MOBILE — ONE COLUMN */

    .latest-insights-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 14px;
    }

    .insight-featured {
        grid-column: auto;
        grid-row: auto;
        height: 350px;
        min-height: 350px;
    }

    .insight-featured-content {
        padding: 24px 18px;
    }

    .insight-category {
        margin-bottom: 10px;
        font-size: 12px;
    }

    .insight-featured-content h3 {
        font-size: 25px;
        line-height: 1.2;
    }

    .insight-featured-content p {
        margin: 12px 0 18px;
        font-size: 15px;
        line-height: 1.6;
    }

    .insight-side-column {
        grid-column: auto;
        grid-row: auto;
        height: auto;
        min-height: 0;

        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        gap: 14px;
    }

    .insight-side-card {
        min-height: 190px;
        height: auto;
    }

    .insight-side-content {
        padding: 22px 18px;
    }

    .insight-side-card h3 {
        font-size: 20px;
        line-height: 1.25;
    }

    .insight-side-link {
        margin-top: 15px;
        padding: 9px 12px 9px 14px;
        font-size: 13px;
    }

    .insight-side-link i {
        width: 27px;
        height: 27px;
    }

    .insight-side-card::after {
        left: 18px;
        bottom: 16px;
        width: 28px;
        height: 2px;
    }
}


@media (max-width: 480px) {

    .insight-featured {
        height: 320px;
        min-height: 320px;
    }

    .insight-featured-content {
        padding: 22px 16px;
    }

    .insight-featured-content h3 {
        font-size: 23px;
    }

    .insight-side-card {
        min-height: 180px;
    }

    .insight-side-content {
        padding: 20px 16px;
    }

    .insight-side-card h3 {
        font-size: 19px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9c4110 */.team-section {
    width: 100%;
    padding: 80px 50px 0;
    background: #F7F7F3;
    overflow: hidden;
}

.team-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.team-heading {
    max-width: 900px;
    margin: 0 auto 55px;
    text-align: center;
}

.team-section-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 22px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #0F0F54;
}

.team-tag-line {
    width: 32px;
    height: 3px;
    display: block;
    background: #D9F20C;
}

.team-heading h2 {
    max-width: 850px;
    margin: 0 auto;
    font-family: 'Fraunces', serif;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -0.025em;
    color: #0F0F54;
}

.team-heading h2 span {
    color: #D9F20C;
}

.team-heading p {
    max-width: 760px;
    margin: 20px auto 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    color: #555568;
}

.team-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

.team-card {
    width: 100%;
    min-width: 0;
    background: #FFFFFF;
    border: 1px solid rgba(15, 15, 84, 0.10);
    border-radius: 14px;
    overflow: hidden;
}

.team-image {
    position: relative;
    width: 100%;
    height: 340px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    background: #D9F20C;
}

.team-image-bg {
    position: absolute;
    inset: 0;
    background: #D9F20C;
}

.team-image img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.team-info {
    min-height: 125px;
    padding: 22px 18px 20px;
    text-align: center;
    background: #FFFFFF;
}

.team-info h3 {
    margin: 0 0 7px;
    font-family: 'Fraunces', serif;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 600;
    color: #0F0F54;
}

.team-info p {
    margin: 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    color: #555568;
}

.team-card-line {
    display: block;
    width: 32px;
    height: 3px;
    margin: 16px auto 0;
    background: #D9F20C;
}
.team-card {
    transition: none;
}

.team-image img {
    transition: none;
}

.team-info h3,
.team-info p {
    transition: none;
}

.team-card:hover {
    border-color: rgba(15, 15, 84, 0.16);
}

.team-card:hover .team-image img {
    transform: none;
}

.team-image-bg {
    z-index: 1;
}

.team-image::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 0;
    height: 55px;
    z-index: 3;
    background: linear-gradient(
        to top,
        rgba(15, 15, 84, 0.16),
        transparent
    );
    pointer-events: none;
}

.team-info {
    position: relative;
    z-index: 4;
}

.team-info h3 {
    letter-spacing: -0.01em;
}

.team-info p {
    color: #555568;
}

@media (min-width: 1200px) {

    .team-grid {
        gap: 24px;
    }

    .team-image {
        height: 350px;
    }

    .team-info {
        min-height: 130px;
        padding: 23px 20px 20px;
    }

    .team-info h3 {
        font-size: 25px;
    }

}
@media (max-width: 1024px) {

    .team-section {
        padding: 50px 30px 0;
    }

    .team-heading {
        max-width: 760px;
        margin-bottom: 40px;
    }

    .team-section-tag {
        margin-bottom: 20px;
        font-size: 13px;
    }

    .team-tag-line {
        width: 28px;
        height: 3px;
    }

    .team-heading h2 {
        font-size: 34px;
        line-height: 1.15;
    }

    .team-heading p {
        max-width: 650px;
        margin-top: 18px;
        font-size: 15px;
        line-height: 1.65;
    }

    /* TABLET — 2 x 2 */

    .team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .team-image {
        height: 320px;
    }

    .team-info {
        min-height: 120px;
        padding: 21px 18px 18px;
    }

    .team-info h3 {
        font-size: 23px;
    }

    .team-info p {
        font-size: 15px;
    }

    .team-card-line {
        width: 30px;
        height: 3px;
        margin-top: 14px;
    }
}


@media (max-width: 767px) {

    .team-section {
        padding: 30px 10px 0;
    }

    .team-heading {
        margin-bottom: 30px;
    }

    .team-section-tag {
        gap: 9px;
        margin-bottom: 18px;
        font-size: 13px;
        letter-spacing: 0.1em;
    }

    .team-tag-line {
        width: 24px;
        height: 2px;
    }

    .team-heading h2 {
        font-size: 28px;
        line-height: 1.15;
        letter-spacing: -0.015em;
    }

    .team-heading p {
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.65;
    }

    /* MOBILE — ONE CARD PER ROW */

    .team-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .team-image {
        height: 330px;
    }

    .team-info {
        min-height: 115px;
        padding: 20px 16px 18px;
    }

    .team-info h3 {
        font-size: 22px;
        line-height: 1.25;
    }

    .team-info p {
        font-size: 15px;
        line-height: 1.5;
    }

    .team-card-line {
        width: 28px;
        height: 2px;
        margin-top: 13px;
    }

    .team-image::after {
        left: 12px;
        right: 12px;
        height: 45px;
    }
}


@media (max-width: 480px) {

    .team-image {
        height: 300px;
    }

    .team-info {
        min-height: 110px;
        padding: 18px 14px 16px;
    }

    .team-info h3 {
        font-size: 20px;
    }

    .team-info p {
        font-size: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1434e85 */.testimonials-section {
    width: 100%;
    padding: 80px 50px 0;
    background: #F7F7F3;
    overflow: hidden;
}

.testimonials-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.testimonials-heading {
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.testimonials-section-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 22px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #0F0F54;
}

.testimonials-tag-line {
    width: 32px;
    height: 3px;
    display: block;
    background: #D9F20C;
}

.testimonials-heading h2 {
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Fraunces', serif;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -0.025em;
    color: #0F0F54;
}

.testimonials-heading h2 span {
    color: #D9F20C;
}

.testimonials-heading p {
    max-width: 700px;
    margin: 20px auto 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    color: #555568;
}

.testimonials-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
}

.testimonial-rating-card {
    position: relative;
    min-width: 0;
    min-height: 390px;
    display: flex;
    align-items: center;
    background: #0F0F54;
    border: 1px solid #0F0F54;
    border-radius: 14px;
    overflow: hidden;
}

.testimonial-rating-content {
    width: 100%;
    padding: 32px 28px;
}

.testimonial-stars {
    display: flex;
    align-items: center;
    gap: 5px;
}

.testimonial-stars i {
    font-size: 14px;
    color: #D9F20C;
}

.testimonial-rating-number {
    margin-top: 28px;
    font-family: 'Fraunces', serif;
    font-size: 58px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}

.testimonial-rating-number span {
    margin-left: 4px;
    font-family: 'DM Sans', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.65);
}

.testimonial-rating-content h3 {
    margin: 13px 0 0;
    font-family: 'Fraunces', serif;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 600;
    color: #FFFFFF;
}

.testimonial-rating-content p {
    max-width: 260px;
    margin: 15px 0 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.70);
}

.testimonial-rating-line {
    display: block;
    width: 38px;
    height: 3px;
    margin-top: 25px;
    background: #D9F20C;
}
.testimonial-card {
    position: relative;
    min-width: 0;
    min-height: 390px;
    display: flex;
    flex-direction: column;
    padding: 28px 26px 24px;
    background: #FFFFFF;
    border: 1px solid rgba(15, 15, 84, 0.10);
    border-radius: 14px;
    overflow: hidden;
}

.testimonial-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.testimonial-quote {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(217, 242, 12, 0.18);
}

.testimonial-quote i {
    font-size: 14px;
    color: #0F0F54;
}

.testimonial-text {
    margin: 28px 0 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 400;
    color: #34344A;
}

.testimonial-client {
    margin-top: auto;
    padding-top: 25px;
    display: flex;
    align-items: center;
    gap: 13px;
    border-top: 1px solid rgba(15, 15, 84, 0.09);
}

.testimonial-client-mark {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0F0F54;
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #D9F20C;
}

.testimonial-client h3 {
    margin: 0;
    font-family: 'Fraunces', serif;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 600;
    color: #0F0F54;
}

.testimonial-client p {
    margin: 4px 0 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: #77778A;
}

.testimonial-rating-card::after {
    content: "";
    position: absolute;
    left: 28px;
    bottom: 20px;
    width: 36px;
    height: 3px;
    background: #D9F20C;
}

.testimonial-card::after {
    content: "";
    position: absolute;
    left: 26px;
    bottom: 20px;
    width: 30px;
    height: 2px;
    background: #D9F20C;
}


/* KEEP ALL TEXT WHITE ON THE PRIMARY CARD */

.testimonial-rating-card .testimonial-stars i {
    color: #D9F20C;
}

.testimonial-rating-card .testimonial-rating-number,
.testimonial-rating-card .testimonial-rating-content h3 {
    color: #FFFFFF;
}

.testimonial-rating-card .testimonial-rating-number span {
    color: rgba(255, 255, 255, 0.65);
}

.testimonial-rating-card .testimonial-rating-content p {
    color: rgba(255, 255, 255, 0.70);
}
@media (max-width: 1024px) {

    .testimonials-section {
        padding: 50px 30px 0;
    }

    .testimonials-heading {
        max-width: 760px;
        margin-bottom: 40px;
    }

    .testimonials-section-tag {
        margin-bottom: 20px;
        font-size: 13px;
    }

    .testimonials-tag-line {
        width: 28px;
        height: 3px;
    }

    .testimonials-heading h2 {
        font-size: 34px;
        line-height: 1.15;
    }

    .testimonials-heading p {
        max-width: 650px;
        margin-top: 18px;
        font-size: 15px;
        line-height: 1.65;
    }

    /* TABLET — 2 COLUMNS */

    .testimonials-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .testimonial-rating-card,
    .testimonial-card {
        min-height: 350px;
    }

    .testimonial-rating-content {
        padding: 28px 24px;
    }

    .testimonial-rating-number {
        margin-top: 24px;
        font-size: 50px;
    }

    .testimonial-rating-content h3 {
        font-size: 23px;
    }

    .testimonial-card {
        padding: 25px 23px 22px;
    }

    .testimonial-text {
        margin-top: 24px;
        font-size: 15px;
        line-height: 1.7;
    }
}


@media (max-width: 767px) {

    .testimonials-section {
        padding: 30px 10px 0;
    }

    .testimonials-heading {
        margin-bottom: 30px;
    }

    .testimonials-section-tag {
        gap: 9px;
        margin-bottom: 18px;
        font-size: 13px;
        letter-spacing: 0.1em;
    }

    .testimonials-tag-line {
        width: 24px;
        height: 2px;
    }

    .testimonials-heading h2 {
        font-size: 28px;
        line-height: 1.15;
        letter-spacing: -0.015em;
    }

    .testimonials-heading p {
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.65;
    }

    /* MOBILE — ONE CARD PER ROW */

    .testimonials-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .testimonial-rating-card,
    .testimonial-card {
        min-height: 300px;
    }

    .testimonial-rating-content {
        padding: 26px 20px;
    }

    .testimonial-stars {
        gap: 4px;
    }

    .testimonial-stars i {
        font-size: 13px;
    }

    .testimonial-rating-number {
        margin-top: 22px;
        font-size: 46px;
    }

    .testimonial-rating-number span {
        font-size: 18px;
    }

    .testimonial-rating-content h3 {
        margin-top: 11px;
        font-size: 21px;
    }

    .testimonial-rating-content p {
        max-width: 100%;
        margin-top: 13px;
        font-size: 15px;
        line-height: 1.6;
    }

    .testimonial-rating-line {
        margin-top: 20px;
        width: 30px;
        height: 2px;
    }

    .testimonial-card {
        padding: 23px 18px 20px;
    }

    .testimonial-quote {
        width: 35px;
        height: 35px;
        flex-basis: 35px;
    }

    .testimonial-quote i {
        font-size: 12px;
    }

    .testimonial-text {
        margin-top: 21px;
        font-size: 15px;
        line-height: 1.65;
    }

    .testimonial-client {
        padding-top: 20px;
        gap: 11px;
    }

    .testimonial-client-mark {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        font-size: 11px;
    }

    .testimonial-client h3 {
        font-size: 18px;
    }

    .testimonial-client p {
        font-size: 14px;
    }

    .testimonial-rating-card::after {
        left: 20px;
        bottom: 16px;
        width: 30px;
        height: 2px;
    }

    .testimonial-card::after {
        left: 18px;
        bottom: 16px;
        width: 27px;
        height: 2px;
    }
}


@media (max-width: 480px) {

    .testimonial-rating-card,
    .testimonial-card {
        min-height: 285px;
    }

    .testimonial-rating-content {
        padding: 23px 16px;
    }

    .testimonial-rating-number {
        font-size: 42px;
    }

    .testimonial-rating-content h3 {
        font-size: 20px;
    }

    .testimonial-card {
        padding: 21px 15px 18px;
    }

    .testimonial-text {
        font-size: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8360bf7 */.premium-cta-section {
    width: 100%;
    padding: 80px 50px 40px 50px;
    background: #F7F7F3;
    overflow: hidden;
}

.premium-cta-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.premium-cta-main {
    position: relative;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 70px;
    padding: 70px 70px 65px;
    background: #0F0F54;
    border-radius: 18px;
    overflow: hidden;
}

.premium-cta-content {
    position: relative;
    z-index: 2;
    max-width: 680px;
}

.premium-cta-tag {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 24px;
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.premium-cta-tag span {
    width: 32px;
    height: 3px;
    display: block;
    background: #D9F20C;
}

.premium-cta-content h2 {
    margin: 0;
    font-family: 'Fraunces', serif;
    font-size: 52px;
    line-height: 1.12;
    font-weight: 600;
    letter-spacing: -0.025em;
    color: #FFFFFF;
}

.premium-cta-content h2 strong {
    font-weight: 600;
    color: #D9F20C;
}

.premium-cta-content > p {
    max-width: 590px;
    margin: 24px 0 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.70);
}

.premium-cta-buttons {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 32px;
}

.premium-cta-primary,
.premium-cta-secondary {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 23px;
    text-decoration: none;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    border-radius: 4px;
}

.premium-cta-primary {
    background: #D9F20C;
    color: #0F0F54;
}

.premium-cta-primary i {
    font-size: 13px;
    color: #0F0F54;
}

.premium-cta-secondary {
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #FFFFFF;
    background: transparent;
}

.premium-cta-features {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
}

.premium-cta-feature {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 20px 22px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.045);
}

.premium-feature-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(217, 242, 12, 0.12);
}

.premium-feature-icon i {
    font-size: 16px;
    color: #D9F20C;
}

.premium-feature-content h3 {
    margin: 0;
    font-family: 'Fraunces', serif;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 600;
    color: #FFFFFF;
}

.premium-feature-content p {
    margin: 6px 0 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.62);
}
.premium-cta-journey {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    align-items: start;
    gap: 18px;
    padding: 38px 42px;
    background: #FFFFFF;
    border: 1px solid rgba(15, 15, 84, 0.10);
    border-radius: 14px;
}

.premium-journey-step {
    min-width: 0;
}

.premium-step-number {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border: 1px solid #D9F20C;
    border-radius: 50%;
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #0F0F54;
}

.premium-step-content h3 {
    margin: 0;
    font-family: 'Fraunces', serif;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    color: #0F0F54;
}

.premium-step-content > span {
    display: block;
    width: 30px;
    height: 2px;
    margin: 12px 0;
    background: #D9F20C;
}

.premium-step-content p {
    max-width: 190px;
    margin: 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.55;
    color: #666678;
}

.premium-journey-connector {
    width: 100%;
    padding-top: 22px;
}

.premium-journey-connector span {
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(15, 15, 84, 0.14);
}


/* STATS ROW */

.premium-cta-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 18px;
    border: 1px solid rgba(15, 15, 84, 0.10);
    border-radius: 14px;
    background: #FFFFFF;
    overflow: hidden;
}

.premium-cta-stat {
    min-height: 105px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px 25px;
    border-right: 1px solid rgba(15, 15, 84, 0.09);
}

.premium-cta-stat:last-child {
    border-right: 0;
}

.premium-stat-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(217, 242, 12, 0.20);
}

.premium-stat-icon i {
    font-size: 14px;
    color: #0F0F54;
}

.premium-stat-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.premium-stat-content strong {
    font-family: 'Fraunces', serif;
    font-size: 23px;
    line-height: 1.1;
    font-weight: 600;
    color: #0F0F54;
}

.premium-stat-content span {
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    line-height: 1.4;
    color: #77778A;
}


/* SIMPLE BUTTON SAFETY */

.premium-cta-primary:hover,
.premium-cta-primary:focus,
.premium-cta-primary:active {
    color: #0F0F54;
    background: #D9F20C;
}

.premium-cta-secondary:hover,
.premium-cta-secondary:focus,
.premium-cta-secondary:active {
    color: #FFFFFF;
    background: transparent;
}
/* =========================================
   PREMIUM CTA — RESPONSIVE CSS
========================================= */


/* =========================================
   TABLET VIEW
========================================= */

@media (max-width: 1024px) {

    .premium-cta-section {
        padding: 50px 30px 30px 30px;
    }

    .premium-cta-main {
        grid-template-columns: 1fr;
        gap: 40px;

        padding: 50px 45px 45px;

        border-radius: 16px;
    }

    .premium-cta-content {
        max-width: 760px;
    }

    .premium-cta-tag {
        gap: 10px;
        margin-bottom: 19px;

        font-size: 12px;
    }

    .premium-cta-tag span {
        width: 28px;
        height: 2px;
    }

    .premium-cta-content h2 {
        font-size: 40px;
        line-height: 1.12;
    }

    .premium-cta-content > p {
        max-width: 650px;
        margin-top: 18px;

        font-size: 15px;
        line-height: 1.7;
    }

    .premium-cta-buttons {
        margin-top: 27px;
    }

    .premium-cta-primary,
    .premium-cta-secondary {
        min-height: 50px;
        padding: 0 21px;
        font-size: 14px;
    }


    /* FEATURES */

    .premium-cta-features {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }

    .premium-cta-feature {
        min-width: 0;

        flex-direction: column;
        align-items: flex-start;

        gap: 13px;

        padding: 20px 18px;
    }

    .premium-feature-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .premium-feature-icon i {
        font-size: 15px;
    }

    .premium-feature-content h3 {
        font-size: 18px;
    }

    .premium-feature-content p {
        margin-top: 5px;
        font-size: 15px;
        line-height: 1.5;
    }


    /* =====================================
       JOURNEY
    ===================================== */

    .premium-cta-journey {
        grid-template-columns: 1fr 1fr;

        gap: 30px 25px;

        padding: 32px 30px;
        border-radius: 13px;
    }

    .premium-journey-step {
        min-width: 0;
    }

    .premium-step-number {
        width: 43px;
        height: 43px;

        margin-bottom: 14px;

        font-size: 12px;
    }

    .premium-step-content h3 {
        font-size: 20px;
    }

    .premium-step-content > span {
        margin: 10px 0;
    }

    .premium-step-content p {
        max-width: 100%;
        font-size: 15px;
        line-height: 1.55;
    }

    .premium-journey-connector {
        display: none;
    }


    /* =====================================
       STATS
    ===================================== */

    .premium-cta-stats {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 16px;
    }

    .premium-cta-stat {
        min-height: 100px;
        padding: 20px;
    }

    .premium-cta-stat:nth-child(2) {
        border-right: 0;
    }

    .premium-cta-stat:nth-child(-n+2) {
        border-bottom: 1px solid rgba(15, 15, 84, 0.09);
    }

    .premium-stat-icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .premium-stat-content strong {
        font-size: 21px;
    }

    .premium-stat-content span {
        font-size: 13px;
    }
}


/* =========================================
   MOBILE VIEW
========================================= */

@media (max-width: 767px) {

    .premium-cta-section {
        padding: 30px 10px 20px 10px;
    }

    .premium-cta-main {
        grid-template-columns: 1fr;
        gap: 30px;

        padding: 32px 20px 25px;

        border-radius: 13px;
    }

    .premium-cta-content {
        max-width: 100%;
    }

    .premium-cta-tag {
        gap: 8px;
        margin-bottom: 15px;

        font-size: 11px;
        letter-spacing: 0.11em;
    }

    .premium-cta-tag span {
        width: 23px;
        height: 2px;
    }

    .premium-cta-content h2 {
        font-size: 30px;
        line-height: 1.16;
    }

    .premium-cta-content > p {
        max-width: 100%;
        margin-top: 15px;

        font-size: 15px;
        line-height: 1.65;
    }

    .premium-cta-buttons {
        flex-direction: column;
        align-items: stretch;

        gap: 10px;

        margin-top: 23px;
    }

    .premium-cta-primary,
    .premium-cta-secondary {
        width: 100%;
        min-height: 49px;

        padding: 0 18px;

        font-size: 14px;
    }


    /* FEATURES */

    .premium-cta-features {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .premium-cta-feature {
        flex-direction: row;
        align-items: center;

        gap: 14px;

        padding: 16px 15px;
    }

    .premium-feature-icon {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
    }

    .premium-feature-icon i {
        font-size: 14px;
    }

    .premium-feature-content h3 {
        font-size: 18px;
        line-height: 1.3;
    }

    .premium-feature-content p {
        margin-top: 4px;

        font-size: 15px;
        line-height: 1.5;
    }


    /* =====================================
       JOURNEY
    ===================================== */

    .premium-cta-journey {
        grid-template-columns: 1fr;

        gap: 0;

        padding: 25px 18px;

        border-radius: 12px;
    }

    .premium-journey-step {
        padding: 18px 0;

        border-bottom: 1px solid rgba(15, 15, 84, 0.10);
    }

    .premium-journey-step:last-child {
        border-bottom: 0;
    }

    .premium-step-number {
        width: 40px;
        height: 40px;

        margin-bottom: 12px;

        font-size: 11px;
    }

    .premium-step-content h3 {
        font-size: 19px;
    }

    .premium-step-content > span {
        width: 27px;
        height: 2px;

        margin: 9px 0;
    }

    .premium-step-content p {
        max-width: 100%;

        font-size: 15px;
        line-height: 1.55;
    }


    /* =====================================
       STATS
    ===================================== */

    .premium-cta-stats {
        grid-template-columns: 1fr;

        margin-top: 14px;

        border-radius: 12px;
    }

    .premium-cta-stat,
    .premium-cta-stat:nth-child(-n+2) {
        min-height: 82px;

        padding: 17px 16px;

        border-right: 0;
        border-bottom: 1px solid rgba(15, 15, 84, 0.09);
    }

    .premium-cta-stat:last-child {
        border-bottom: 0;
    }

    .premium-stat-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .premium-stat-icon i {
        font-size: 13px;
    }

    .premium-stat-content {
        gap: 2px;
    }

    .premium-stat-content strong {
        font-size: 20px;
    }

    .premium-stat-content span {
        font-size: 13px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .premium-cta-main {
        padding: 28px 16px 22px;
    }

    .premium-cta-content h2 {
        font-size: 27px;
    }

    .premium-cta-content > p {
        font-size: 15px;
    }

    .premium-cta-feature {
        padding: 14px 13px;
    }

    .premium-feature-icon {
        width: 39px;
        height: 39px;
        flex-basis: 39px;
    }

    .premium-feature-content h3 {
        font-size: 17px;
    }

    .premium-feature-content p {
        font-size: 15px;
    }

    .premium-cta-journey {
        padding: 21px 15px;
    }

    .premium-step-content h3 {
        font-size: 18px;
    }

    .premium-step-content p {
        font-size: 15px;
    }

    .premium-cta-stat {
        padding: 16px 14px;
    }
}/* End custom CSS */