.text-and-ctas {
    background-color: var(--color-white);
    padding: var(--spacing-6xl) 0 0;
    border-radius: var(--border-radius);

    @media screen and (max-width: 991px) {
        padding: var(--spacing-2xl) 0 0;
    }
    @media screen and (max-width: 576px) {
        padding: var(--spacing-xl) 0 0;
    }
    .ctas {
        margin-top: 60px;

        @media screen and (max-width: 991px) {
            margin-top: 40px;
        }
        @media screen and (max-width: 576px) {
            margin-top: 30px;
        }
        .cta-card-inner {
            border-top-left-radius: var(--border-radius);
            border-top-right-radius: var(--border-radius);
            border-bottom-left-radius: var(--border-radius);
            overflow: hidden;
            height: 100%;
            
            .cta-card-image {
                aspect-ratio: 785 / 410;
                overflow: hidden;

                a {
                    &:hover, &:focus-visible {
                        img {
                            transform: scale(1.1);
                        }
                    }
                }
                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    transition: .5s ease;
                }
            }
            .cta-card-content {
                padding: 80px 60px;

                @media screen and (max-width: 1500px) {
                    padding: 50px;
                }
                @media screen and (max-width: 768px) {
                    padding: 40px;
                }
                @media screen and (max-width: 576px) {
                    padding: 40px 30px;
                }
                h3 {
                    margin-bottom: 0;
                }
                .subheading {
                    font-size: 3.2rem;
                    font-weight: 500;
                    line-height: 1.3;
                    margin-top: 15px;

                    @media screen and (max-width: 1500px) {
                        font-size: 2.6rem;
                    }
                    @media screen and (max-width: 576px) {
                        font-size: 2.2rem;
                        margin-top: 10px;
                    }
                }
                .cta-text {
                    margin-top: 25px;
                    margin-bottom: 0;

                    @media screen and (max-width: 768px) {
                        margin-top: 15px;
                    }
                }
                .cta-link {
                    display: inline-block;
                    font-weight: 500;
                    margin-top: 30px;

                    @media screen and (max-width: 768px) {
                        margin-top: 20px;
                    }
                    &:hover, &:focus-visible {
                        text-decoration: underline;
                    }
                }
            }
        }
    }
}
.home {
    .text-and-ctas {
        padding-bottom: var(--spacing-6xl);

        @media screen and (max-width: 991px) {
            padding-bottom: var(--spacing-2xl);
        }
        @media screen and (max-width: 576px) {
            padding-bottom: var(--spacing-xl);
        }
    }
}