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

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

.cta-1 {
    background: linear-gradient(93.49deg, #003D35 0%, #008C7C 100%);
    border-radius: 30px;
    padding: 0 20px 0 20px;
}

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

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

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

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

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

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

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

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

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

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

    #cta-2 {
        margin: 0px;
    }

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

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

    .cta-1 {
        padding: 20px;
    }

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

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

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

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