/**
* Hero Banner
*
* @since 1.0.0
*/

.hero-banner .hero-banner__star {
    top: 94px;
    right: 244px;
}

/**
* Manual Content section
*
* @since 1.0.0
*/

.manual-content,
.services,
.how-it-works,
.competitive-advantage,
.content-heavy,
.benefits,
.content-automation-system,
.done-for-you,
.faqs {
    padding: 110px 0;
}

.manual-content .manual-content__bg-image {
    top: 250px;
}

/**
* Competitive Advantage section
*
* @since 1.0.0
*/

.competitive-advantage ul,
.competitive-advantage p {
    text-align: start;
}

/**
* Content Heavy section
*
* @since 1.0.0
*/

.content-heavy .content-heavy__bg-image {
    top: -450px;
}

/**
* Benefits section
*
* @since 1.0.0
*/

.benefits .benefits__bg-image {
    top: 100px;
}

/**
* Content Automation System section
*
* @since 1.0.0
*/

.content-automation-system .content-automation-system__bg-image {
    top: 100px;
}

/**
* Done For You section
*
* @since 1.0.0
*/

.done-for-you .table {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.done-for-you .table thead,
.done-for-you .table tr {
    background: linear-gradient(152.97deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
}

.done-for-you table th {
    font-size: 24px;
}

/**
* Mobile responsiveness
*
* @since 1.0.0
*/

@media screen and (min-width: 1400px) {
    .manual-content > .container,
    .services > .container,
    .how-it-works > .container,
    .competitive-advantage > .container,
    .content-heavy > .container,
    .benefits > .container,
    .content-automation-system > .container,
    .done-for-you > .container,
    .contact-us > .container,
    .faqs > .container {
        max-width: 1265px;
    }
}

@media screen and (max-width: 1024px) {
    section p,
    section ul li,
    .done-for-you table td {
        font-size: 17px;
    }

    section .card-title,
    .done-for-you table th {
        font-size: 23px;
    }

    .manual-content,
    .services,
    .how-it-works,
    .competitive-advantage,
    .content-heavy,
    .benefits,
    .content-automation-system,
    .done-for-you,
    .contact-us,
    .faqs {
        padding: 90px 0;
    }
}

@media screen and (max-width: 768px) {
    section p,
    section ul li,
    .done-for-you table td {
        font-size: 16px;
    }

    section .card-title,
    .done-for-you table th {
        font-size: 22px;
    }

    .manual-content,
    .services,
    .how-it-works,
    .competitive-advantage,
    .content-heavy,
    .benefits,
    .content-automation-system,
    .done-for-you,
    .contact-us,
    .faqs {
        padding: 70px 0;
    }
}