.centered-dark-cta-container{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    background-image: linear-gradient(180deg, #010B25 0%, #032576 100%);
}

.centered-dark-cta-container .container{
    padding: 100px 100px 140px;
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}

.centered-dark-cta-container .cta-info{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    max-width: 900px;
}

.centered-dark-cta-container .cta-info .main-h3{
    color: var(--n-white);
}

.centered-dark-cta-container .cta-info .subtitle-medium{
    color: var(--d-grey);
}

@media screen and (max-width: 1919px) {
    .centered-dark-cta-container .container{
        padding: 80px 80px 100px;
    }
    .centered-dark-cta-container{
        background-size: 130%;
    }
}

@media screen and (max-width: 1439px) {
    .centered-dark-cta-container .container{
        padding: 60px 60px 80px;
        gap: 40px;
    }

    .centered-dark-cta-container .cta-info{
        max-width: 720px;
    }

    .centered-dark-cta-container{
        background-size: 120%;
        background-position: 45% center;
    }
}


@media screen and (max-width: 1279px) {
    .centered-dark-cta-container{
        background-size: 130%;
    }
}

@media screen and (max-width: 1079px) {
    .centered-dark-cta-container{
        background-image: none;
    }

    .centered-dark-cta-container .container{
        padding: 20px 40px 80px;
    }

    .centered-dark-cta-container .cta-info{
        max-width: unset;
    }
}

@media screen and (max-width: 576px) {
    .centered-dark-cta-container .container{
        padding: 20px 20px 60px;
    }

    .centered-dark-cta-container .custom-button.white{
        background-color: var(--bright-blue);
        color: var(--n-white);
    }

    .centered-dark-cta-container .custom-button.white path{
        fill: var(--bright-blue);
    }

    .centered-dark-cta-container .custom-button.white rect,
    .centered-dark-cta-container .custom-button.white:active rect{
        fill: var(--n-white);
    }

    .centered-dark-cta-container .custom-button.white:active{
        background: var(--n-very-dark-accent);
        color: var(--n-white);
    }

    .centered-dark-cta-container .custom-button.white:active path{
        fill: var(--n-very-dark-accent);
    }
}