#hero-section {
    background-image: url("../images/generative-ai-services/hero-section-bg.webp");
    padding-bottom: 0;
}

#cta-1 {
    padding-top: 150px;
}

.cta-1 {
    padding: 0px 50px 0 0;
    border-radius: 200px 30px 30px 30px;
    background: linear-gradient(91.98deg, #009180 0%, #002A3A 100%);
}

.cta-1-image {
    margin-top: -60px;
}

#cta-1-section .section-button-white:hover {
    color: #005054;
}

#cta-2 {
    margin-top: 150px;
    padding-top: 0;
    background: linear-gradient(90deg, #570068 0%, #1F0025 100%);
}

.cta-2-image {
    margin-top: -50px;
}

#cta-2-section .section-button-white:hover {
    color: #4C015B;
}

@media only screen and (max-width: 1400px) {
    .cta-1-image {
        margin-top: -30px;
    }

    .cta-1 {
        padding: 0px 20px 0 20px;
        border-radius: 150px 30px 30px 30px;
    }
}

@media only screen and (max-width: 1200px) {
    .cta-2-image {
        margin-top: 0;
    }

    #cta-1 {
        padding-top: 100px;
    }
}

@media only screen and (max-width: 992px) {
    .cta-1-image {
        margin-top: 0px;
    }

    .cta-1 {
        padding: 20px 20px 0 20px;
        border-radius: 20px;
    }

    #cta-2 {
        margin-top: 50px;
        padding: 30px 20px 0 20px;
    }
}

@media only screen and (max-width: 767px) {
    #hero-section {
        background: linear-gradient(347.61deg, #061430 10.28%, #072254 54.06%, #073A93 92.95%, #094AB8 100%);
    }

    #cta-1 {
        padding-top: 50px;
    }
}