/** hero section css **/

.title {
    font-size: 70px;
}

.content-div {
    margin-top: 5rem;
}

/** description section css **/

.main-div {
    margin-top: 5rem;
}

.text-div {
    width: 60%;
}

/** Workers cards css **/

.card-section-title {
    margin-left: 3rem;
    margin-top: 5rem;
    color: white;
    font-size: 22px;
}

.card-div {
    margin-left: 3rem;
    margin-top: 5rem;
    margin-right: 3rem;
}

.single-card-div {
    width: 45%;
}

.card-link {
    color: white;
    font-size: 22px;
    text-decoration: none;
}

/** CTA Section css **/

.cta-div {
    margin-top: 10rem;
}

.cta-title {
    color: white;
    font-size: 75px;
}

.cta-section-btn {
    background-color: #A3D926;
    border-radius: 100px;
    border: none;
    padding: 8px 25px;
}

@media only screen and (max-width: 1024px) {
    .title {
        font-size: 45px;
    }

    .cta-title {
        font-size: 45px;
    }

}

@media only screen and (max-width: 768px) {
    .single-card-div {
        width: 100%;
    }

}

@media only screen and (max-width: 576px) {
    .title {
        font-size: 25px;
    }

    .main-div {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .text-div {
        width: 100%;
    }

    .cta-title {
        font-size: 25px;
    }

    .cta-section-btn {
        padding: 5px 15px;
        font-size: 14px;
    }
}