#hero-section {
    background-image: url("../images/flutter-app-development/flutter-app-development-main-slider-bg.webp");
    padding-bottom: 0;
}

#cta-1 {
    padding-top: 0;
    background: linear-gradient(93.84deg, #1C0428 0.57%, #543872 100%);
    transform: skewy(1deg);
    margin-top: 130px;
}

.cta-1-row {
    transform: skewy(-1deg);
}

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

#cta-1 .section-title {
    padding-right: 50px;
}

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

.cta-2 {
    margin-top: 50px;
    border-radius: 0px 50px 50px 0px;
    background: linear-gradient(90deg, #6A258D 0%, #DC2430 100%);
}

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

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

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

@media only screen and (max-width: 1600px) {
    .cta-2-content {
        padding: 0 50px 0 80px;
    }
}

@media only screen and (max-width: 1300px) {
    .cta-2-content {
        padding: 0 40px 0 60px;
    }

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

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

@media only screen and (max-width: 1200px) {
    #cta-2 .custom-container-right {
        padding-left: 0;
    }
}

@media only screen and (max-width: 992px) {
    #cta-2 .custom-container-right {
        padding-left: 20px;
        padding-right: 20px;
    }

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

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

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

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

    #cta-1 {
        transform: unset;
        margin-top: 100px;
        padding: 20px;
    }

    .cta-1-row {
        transform: unset;
    }

    #cta-1 .section-title {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 768px) {
    #cta-1 {
        margin-top: 50px;
    }
}