/* Easy CTA Component Styles */

/* Main wrapper */
.fx-cta.cta-wrapper.cta-easy-cta-wrapper {
    display: flex;
    flex-direction: column;
}

/* Main container */
.fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width {
    display: flex;
    flex-direction: column;
}

/* Inner container */
.fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container {
    display: flex;
    flex-direction: row;
    border-radius: var(--s3, 24px);
    background: var(--Vivid-Blue-vivid-00, #CCE4FF);
    align-items: center;
    padding: var(--s4) var(--s6);
    justify-content: space-between;
    gap: 56px;
}

/* Image and content wrapper */
.fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__image-content-wrapper {
    display: flex;
    flex-direction: row;
    gap: 56px;
    align-items: center;
    flex-grow: 1;
}

/* Image container */
.fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__image {
    display: flex;
    max-width: 166px;
}

/* Image styling */
.fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__image img {
    width: 100%;
    height: auto;
}

/* Content section */
.fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__content {
    flex-grow: 1;
}

/* Content heading */
.fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__content h3,
.fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__content h4 {
    color: var(--Vivid-Blue-vivid-09, #00316A)!important;
    margin: 0;
    text-align: left!important;
}

.fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__content p:last-child {
    margin-bottom: 0px!important;
}

/* Link section */
.fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__link {
    display: flex;
}

.fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__link a {
    padding-left: var(--s2);
    padding-right: var(--s2);
    min-width: 200px;
}

@media (min-width: 1200px) {
    .fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__link a {
        min-width: max-content;
    }
}

@media (max-width: 1024px) {
    .fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__image-content-wrapper,
    .fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container {
        gap: 24px;
    }
    .fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__image {
        max-width: 140px;
    }
}

@media (max-width: 768px) {
    .fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container {
        padding: var(--s4) var(--s3);
        flex-direction: column;
    }
    .fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__image-content-wrapper {
        flex-direction: column;
        text-align: center;
    }
    .fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__link,
    .fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__link a {
        width: 100%;
        max-width: 400px;
    }
    .fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__content h3,
    .fx-cta.cta-wrapper.cta-easy-cta-wrapper .easy-cta.full-width .easy-cta__container .easy-cta__content h4 {
        text-align: center!important;
    }
}