#hero-section {
    background-image: url("../images/laravel-development/laravel-development-service-page-hero-section-bg.webp");
    padding-bottom: 0;
}

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

.cta-1 {
    border-radius: 200px 20px 20px 20px;
    background: linear-gradient(84.81deg, #150473 0%, #040237 101.05%);
    padding: 0 20px 0 20px;
}

.cta-1-image {
    margin: -50px 0 -50px 0;
}

.cta-1-content {
    padding: 0 20px 0 100px;
}

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

#cta-2 {
    margin-top: 50px;
}

.cta-2 {
    border-radius: 30px;
    background: linear-gradient(94.92deg, #920051 0%, #38001F 60.18%);
}

.cta-2-content {
    padding: 0 100px 0 20px;
}

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

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

@media only screen and (max-width: 1200px) {
    .cta-1 {
        border-radius: 20px;
        padding: 20px 40px;
    }

    #cta-1 {
        margin-top: 0px;
    }

    .cta-1-content {
        padding: 0;
    }

    #cta-2 {
        margin-top: 0px;
    }

    .cta-2-content {
        padding: 0 20px 0 20px;
    }
}

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

    .cta-2-image {
        margin: 0;
    }

    .cta-1 {
        padding: 20px;
    }

    .cta-2-content {
        padding: 0;
    }

    .cta-2 {
        padding: 20px;
    }
}