@media (max-width: 1919px) {
    .hero__title--service {
        font-size: 45px;
        max-width: 680px;
    }

    .hero__desc--service {
        font-size: 14px;
        max-width: 450px;
    }

    .hero--service .header__request {
        min-width: 189px;
        min-height: 40px;
    }

    .hero__buttons {
        gap: 15px;
    }
    
    /* .reasons */
    .reasons {
        padding: 120px 75px 60px 37px;
    }

    .reasons__title {
        font-size: 60px;
    }

    .reasons__subhead {
        margin-top: 95px;
        gap: 12px;
    }

    .reasons__subhead-text {
        font-size: 26px;
    }

    .reasons__arrow {
        width: 16px;
        height: 16px;
    }

    .reasons__list {
        margin-top: 60px;
    }

    .reasons__item {
        gap: 495px;
        padding: 45px 0;
    }

    .reasons__desc {
        font-size: 22px;
        margin-right: 37px;
        max-width: 740px;
    }

    .reasons__num {
        font-size: 22px;
    }

    /* .how */
    .how--service {
        padding-top: 86px;
    }

    .how--service .how__title {
        font-size: 45px;
    }

    .how--service .header__request {
        min-width: 189px;
        min-height: 40px;
    }

    /* .why */
    .why__title {
        padding-right: 37px;
        font-size: 45px;
        max-width: 440px;
    }

    .why__slider {
        margin-top: 70px;
    }

    .why__media {
        width: 409px;
        height: 614px;
    }

    .why__card {
        width: 409px;
        margin-right: 2.5px;
    }

    .why__num {
        font-size: 16px;
        top: 30px;
        left: 26px;
    }

    .why__card-title {
        margin-top: 34px;
        font-size: 18px;
    }

    .why__card-bottom {
        padding-left: 18px;
    }

    .why__card-text {
        margin-top: 15px;
        max-width: 270px;
        font-size: 13px;
    }

    .why {
        padding-bottom: 170px;
    }

    .why::before {
        height: 2000px;
    }
}

@media (max-width: 1270px) {
    .reasons__title {
        font-size: 45px;
    }

    .reasons__item {
        gap: 200px;
    }

    .how--service .how__title {
        font-size: 40px;
    }
}

@media (max-width: 1024px) {
    .hero__title--service {
        position: static;
        transform: none;
        z-index: 2;
    }

    .hero__blur--service {
        left: 82%;
    }

    .hero--service {
        justify-content: space-between;
        padding-top: 300px;
        align-items: center;
    }

    .hero--service .hero__bottom {
        flex-direction: column;
        align-items: center;
        height: 100%;
    }

    .hero__desc--service {
        text-align: center;
    }

    /* reasons */
    .reasons__item {
        gap: 50px;
    }

    /* how */
    .how--service .header__request {
        display: none;
    }
}

@media (max-width: 570px) {
    .hero--service {
        padding-top: 260px;
    }

    .hero__title--service {
        font-size: 30px;
        max-width: 300px;
        margin-bottom: 20px;
    }

    .hero__desc--service {
        font-size: 14px;
        line-height: 160%;
        max-width: 260px;
        color: rgba(255, 255, 255, 0.7);
    }

    .hero__blur--service {
        left: 153%;
    }

    .hero__buttons {
        flex-direction: column;
        gap: 10px;
    }

    .hero--service .header__request {
        min-width: 207px;
        min-height: 50px;
    }

    /* reasons */
    .reasons {
        padding: 180px 20px 100px 20px;
    }

    .reasons__title {
        font-size: 30px;
        max-width: 300px;
    }

    .reasons__subhead {
        margin-top: 60px;
        justify-content: start;
    }

    .reasons__subhead-text {
        font-size: 21px;
    }

    .reasons__arrow {
        width: 11px;
        height: 11px;
    }

    .reasons__list {
        margin-top: 20px;
    }

    .reasons__item {
        gap: 50px;
        padding: 31px 0;
    }

    .reasons__desc {
        font-size: 16px;
        margin-right: 0;
        max-width: 100%;
    }

    .reasons__num {
        font-size: 16px;
    }

    /* .service-image */
    .service-image {
        min-height: 687px;
    }

    .service-image__img {
        object-fit: cover;
        height: 100%;
        min-height: 687px;
    }

    /* .how--service */
    .how--service {
        padding-top: 100px;
        padding-bottom: 150px;
    }

    .how--service .how__title {
        font-size: 30px;
        max-width: 265px;
    }

    .how--service .how__head {
        justify-content: start;
    }

    .how--service .how__list .how__item.how__item:first-child {
        border-top: 1px solid #2e2e2e;
    }

    /* .why → swiper: one 290px slide, offset 20 each side, nav on top */
    .why__title {
        padding-right: 20px;
        font-size: 30px;
        max-width: 270px;
    }

    .why__track {
        width: auto;
        animation: none;
    }

    .why__card {
        width: 290px;
        margin-right: 0;
    }

    .why__media {
        width: 290px;
        height: 520px;
    }

    .why__nav {
        display: flex;
        gap: 10px;
        margin-top: 50px;
        padding-left: 20px;
    }

    .why__slider {
        margin-top: 30px;
    }

    .why__arrow--prev img {
        transform: scaleX(-1);
    }

    .why__card-title {
        margin-top: 17px;
        font-size: 21px;
        line-height: 133%;
        max-width: 200px;
    }

    .why__card-bottom {
        padding-left: 0px;
    }

    .why__card-text {
        margin-top: 20px;
        max-width: 218px;
        font-size: 16px;
    }

    .why {
        padding-bottom: 150px;
    }
}