@media (max-width: 1599.98px) {
.hero__title {
        font-size: 60px;
                line-height: 1.2;
    }

    .hero__image-circle {
        width: 180px;
                height: 180px;
                right: 62px;
    }

    .hero__image-dots {
        width: 200px;
                height: 200px;
    }

    .hero__image-lines {
        width: 200px;
                height: 50px;
                top: 121px;
                right: 106px;
    }

    .hero {
        --hero-gap: 42px;
                padding-top: calc(var(--header-height) + var(--hero-gap));
    }

    body.home .hero {
        --hero-gap: 0px;
    }
}
/* ========================================================================================================== */

@media (max-width: 1399.98px) {
.hero__title {
        font-size: 54px;
                line-height: 1.1;
                font-weight: 700;
    }

    .hero__benefits {
        gap: 10px;
                max-width: 460px;
    }

    .hero__benefit-text {
        font-size: 16px;
    }

    .hero__image {
        width: calc(50% + 70px);
                margin-left: -60px;
                margin-right: -10px;
    }

    .hero__image-circle {
        width: 140px;
                height: 140px;
                right: 51px;
                bottom: 88px;
    }

    .hero__image-dots {
        width: 160px;
                height: 160px;
    }

    .hero__image-lines {
        width: 150px;
                height: 36px;
                top: 130px;
                right: 100px;
    }

    .hero__benefits {
        margin-top: 30px;
    }

    .hero__btn {
        margin-top: 20px;
    }

    .hero__benefit {
        margin-bottom: 12px;
    }
}
/* ========================================================================================================== */

@media (max-width: 1199.98px) {
.hero {
        --hero-gap: 24px;
                padding-top: calc(var(--header-height) + var(--hero-gap));
    }

    body.home .hero {
        --hero-gap: 16px;
    }

    .hero__image-main img {
        scale: 1;
    }

    .hero__title {
        font-size: 48px;
    }

    .hero__benefit-text {
        font-size: 14px;
    }

    .hero__image-circle {
        width: 100px;
                height: 100px;
                right: 65px;
                bottom: 90px;
    }

    .hero__image-dots {
        width: 120px;
                height: 120px;
    }

    .hero__image-lines {
        width: 123px;
                height: 30px;
    }
}
/* ========================================================================================================== */