@media (max-width: 980px) {
    section.cta {
        padding-top: 50px;
    }

    section.about-us .row {
        flex-direction: column-reverse
    }

    section.choose-us .row {
        flex-direction: column-reverse;
        gap: 30px 0
    }

    section.choose-us .col-6,section.choose-us img {
        width: 100%
    }

    section.benefits .col-4 {
        width: 50%
    }
}

@media (max-width: 540px) {
  section.cta {
        padding-top: 40px;
    }
    section.benefits .col-4,section.choose-us .col-6 {
        width:100%;
        padding: 0
    }

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

    section.choose-us .list-area ul {
        margin-top: 0;
        padding-left: 18px
    }

    section.choose-us .list-area li {
        width: 100%
    }

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

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