@media (max-width: 1024px) and (min-width:981px) {
    section.benefits .benefits-box p {
        height:188px;
        overflow: hidden
    }
}

@media (max-width: 980px) {
    section.benefits .col-4 {
        width:50%
    }

    .certificates {
        gap: 5px
    }

    section.seo-process .row {
        gap: 30px
    }

    section.seo-process .col-5,section.seo-process .col-7 {
        width: 100%
    }

    section.seo-process .tab-content img {
        height: 350px
    }

    section.benefits .benefits-box p {
        height: 187px;
        overflow: hidden
    }
}

@media (max-width: 540px) {
    section.benefits .benefits-box,section.benefits .benefits-box p {
        height:auto;
        overflow: hidden
    }

    .certificates {
        gap: 10px;
        flex-wrap: wrap
    }

    section.cta1 p {
        font-size: var(--f18);
        width: 100%
    }

    section.benefits .col-4,section.seo-process .col-5,section.seo-process .col-7 {
        width: 100%;
        padding: 0
    }

    section.benefits .benefits-box h4 {
        font-size: var(--f21)
    }

    section.seo-process .tab-content img {
        height: auto;
        object-fit: cover
    }

    section.seo-process .nav-pills .nav-link {
        font-size: 15px
    }

    section.seo-process img {
        width: 35px
    }

    section.seo-process ul#pills-tab {
        gap: 10px;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    section.choose-us .choose-img {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px
    }
}

@media (max-width: 360px) {
    section.benefits .benefits-box h4 {
        font-size:var(--f18)
    }

    section.cta2 h2 {
        font-size: var(--f26)
    }
}