.animated-cta-section{
    background: var(--d-dark);
    overflow: hidden;
}

.animated-cta-section .container{
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 140px 0 0 0;
    width: 100%;
}

.animated-cta-section .text-content{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 0 120px;
}

.animated-cta-section .text-content .h2{
    color: var(--n-white);
    text-shadow: 0px 7px 58.9px #045CC599;
}

.animated-cta-section .images-container{
    aspect-ratio: 1920 / 640;
    position: relative;
    width: 100%;
    height: auto;
}

.animated-cta-section .images-container img{
    position: absolute;
    transition: 1.5s;
}

.animated-cta-section .images-container .left-card{
    left: 5.26%;
    bottom: -51.5625%;
    height: auto;
    width: 24.687%;
}

.animated-cta-section .images-container .center-card{
    left: 50%;
    transform: translateX(-50%);
    bottom: -23.437%;
    z-index: 3;
    height: auto;
    width: 51.19791%;
}

.animated-cta-section .images-container .right-card{
    right: 5.26%;
    bottom: -56.72%;    
    height: auto;
    width: 24.479166%;
}

.animated-cta-section .images-container .left-icon{
    opacity: 0;
    left: 29.625%;
    bottom: 35.93%;
    z-index: 5;
    height: auto;
    width: 8.854166%;
}

.animated-cta-section .images-container .right-icon{
    opacity: 0;
    right: 25.417%;
    bottom: 02.6562%;
    z-index: 5;
    height: auto;
    width: 14.479166%;
}

.animated-cta-section .images-container.active .left-card{
    bottom: 0;
}

.animated-cta-section .images-container.active .center-card{
    bottom: 0;
}

.animated-cta-section .images-container.active .right-card{
    bottom: -5.156%;
}

.animated-cta-section .images-container.active .left-icon{
    opacity: 1;
    bottom: 51.843%;
}

.animated-cta-section .images-container.active .right-icon{
    opacity: 1;
    bottom: 19.406%;
}

@media screen and (max-width: 1919px) {
    .animated-cta-section .container{
        padding-top: 100px;
    }

    .animated-cta-section .text-content{
        padding: 0 80px;
    }

    .animated-cta-section .images-container{
        aspect-ratio: 1440 / 492;
    }
}

@media screen and (max-width: 1439px) {
    .animated-cta-section .container{
        padding-top: 80px;
    }
    
    .animated-cta-section .text-content{
        padding: 0 60px;
    }

    .animated-cta-section .images-container{
        aspect-ratio: 1280 / 504;
    }
}

@media screen and (max-width: 1079px) {
    .animated-cta-section .container{
        padding-top: 60px;
    }

    .animated-cta-section .text-content{
        padding: 0 40px;
    }

    .animated-cta-section .images-container{
        aspect-ratio: 768 / 452;
    }

    .animated-cta-section .images-container .center-card{
        width: 85%;
    }

    .animated-cta-section .images-container .right-card, .animated-cta-section .images-container .left-card{
        display: none;
    }

    .animated-cta-section .images-container .left-icon{
        width: 17%;
        left: 12%;
    }

    .animated-cta-section .images-container .right-icon{
        width: 20%;
        right: 8%;
    }
}

@media screen and (max-width: 576px) {
    .animated-cta-section .text-content{
        padding: 0 16px;
    }

    .animated-cta-section .images-container{
        aspect-ratio: 375 / 276;
    }

    .animated-cta-section .images-container .center-card{
        width: 100%;
    }
}