@media  (max-height: 1000px) {
    .wrapper__analysis {
        height: auto;
        padding-bottom: 2em;
    }
}

@media (max-width: 1024px) and (orientation: portrait) {
    body {
        font-size: 0.95vw;
    }

    /* hero */
    .wrapper__hero {
        height: clamp(52em, 68vh, 66em);
    }

    .wrapper__hero-text {
        gap: 1.4em;
        padding-left: 4em;
    }

    .wrapper__hero-title {
        font-size: 4.8em;
        margin-top: 0.4em;
    }

    .wrapper__hero-subtitle {
        font-size: 2.2em;
    }

    .wrapper__hero-button {
        width: 20em;
        height: 4.8em;
    }

    .wrapper__hero-img {
        display: block;
        width: 56em;
        -webkit-transform: translate(-50%, 20%);
        -ms-transform: translate(-50%, 20%);
        transform: translate(-50%, 20%);
    }

    .wrapper__hero-img-mobileRight,
    .wrapper__hero-img-mobileLeft {
        display: none;
    }

    .wrapper__light--left {
        width: 50em;
        top: -16em;
        left: -16em;
    }

    .wrapper__light--right {
        width: 34em;
        top: -9em;
        right: -15em;
    }

    /* benefits */
    .wrapper__benefits {
        height: clamp(50em, 62vh, 58em);
        padding: 9em 0 7em;
        -webkit-transform: translateY(-6%);
        -ms-transform: translateY(-6%);
        transform: translateY(-6%);
    }

    .wrapper__benefits::before {
        -webkit-clip-path: polygon(
                0 8em,
                100% 0.8em,
                100% calc(100% - 4.5em),
                0 calc(100% - 9em)
        );
        clip-path: polygon(
                0 8em,
                100% 0.8em,
                100% calc(100% - 4.5em),
                0 calc(100% - 9em)
        );
    }

    .wrapper__benefits-inner {
        width: min(100%, 94em);
        gap: 2em;
    }

    .wrapper__benefits-title {
        width: 42%;
        font-size: 3em;
    }

    .wrapper__benefits-cards {
        padding-top: 2em;
        gap: 1.4em;
    }

    .wrapper__benefits-card {
        width: 40em;
        height: 18em;
    }

    .wrapper__benefits-icon {
        width: 13.8em;
    }

    .wrapper__benefits-text {
        width: 86%;
        font-size: 1.8em;
        line-height: 1.3;
    }

    .wrapper__icon-ball {
        width: 16em;
        -webkit-transform: translate(-42%, 24%);
        -ms-transform: translate(-42%, 24%);
        transform: translate(-42%, 24%);
    }

    .wrapper__icon-ball2 {
        width: 16em;
        -webkit-transform: translate(42%, 62%);
        -ms-transform: translate(42%, 62%);
        transform: translate(42%, 62%);
    }

    .wrapper__icon-cub {
        width: 17em;
        -webkit-transform: translate(20%, -8%);
        -ms-transform: translate(20%, -8%);
        transform: translate(20%, -8%);
    }

    /* analysis */
    .wrapper__analysis {
        /*height: clamp(60em, 60vh, 76em);*/
        min-height: 40vh;
        height: auto;
        margin-top: clamp(-14em, -10vw, -8em);
        background-position: center bottom;
        margin-bottom: 0em;

    }

    .wrapper__analysis-inner {
        width: min(100%, 98em);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .wrapper__analysis-media {
        width: 48%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .wrapper__analysis-img {
        width: 28em;
    }

    .wrapper__analysis-info {
        width: 52%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .wrapper__analysis-border {
        width: 86%;
        min-height: 18em;
        height: clamp(18em, 21vh, 23em);
    }

    .wrapper__analysis-title {
        font-size: 2.9em;
        width: 84%;
    }

    .wrapper__analysis-box {
        width: 50em;
        height: 22em;
        border-radius: 1.6em;
        -webkit-transform: translate(-8%, -2%);
        -ms-transform: translate(-8%, -2%);
        transform: translate(-8%, -2%);
    }

    .wrapper__analysis-list {
        font-size: 1.38em;
        padding-left: 1.8em;
    }

    .wrapper__analysis-item {
        margin: 1em 1.2em;
    }

    .wrapper__analysis-item::before {
        left: -1.2em;
        top: 0.42em;
        width: 0.45em;
        height: 0.45em;
    }
}

@media (max-width: 1024px) and (orientation: portrait) and (min-height: 1100px) {
    .wrapper__analysis {
        min-height: 40vh;
        height: auto;
        margin-top: clamp(-15em, -12vw, -9em);
    }
}

@media screen and (max-width: 480px) {
    .wrapper__hero {
        height: clamp(42em, 60vh, 60em);
        background-image: url('../img/bg-hero-mobile.png');
    }

    .wrapper__hero-media {
        position: absolute;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        z-index: 0;
    }

    .wrapper__hero-img-mobileRight,
    .wrapper__hero-img-mobileLeft {
        display: block;
        -webkit-transform: translateY(30%);
        -ms-transform: translateY(30%);
        transform: translateY(30%);
    }

    .wrapper__hero-img-mobileRight {
        width: 29.125em;
    }

    .wrapper__hero-img-mobileLeft {
        width: 33.125em;
    }

    .wrapper__hero-img {
        display: none;
    }

    .wrapper__hero-text {
        width: 100%;
        gap: 2em;
        padding-left: 0;
    }

    .wrapper__hero-title {
        width: 50%;
    }

    .wrapper__hero-title {
        font-size: 6.625em;
        margin-top: 0;
        line-height: 0.921;

    }

    .wrapper__hero-subtitle {
        width: 50%;
        font-size: 4.625em;
        line-height: 100%;
        text-align: center;
    }

    .wrapper__hero-button {
        font-size: 2em;
        border: 0.155em solid #5ee400;
        font-weight: 900;
        height: 5.375em;
        width: 21.5em;
        border-radius: 2.8875em;
        padding: 0.5em 0.5em;
        overflow: hidden;
        position: relative;
        -webkit-animation: 4s 0s infinite btn;
        animation: 4s 0s infinite btn;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .wrapper__hero-button span {
        font-size: 2em;
    }

    /*section benefits*/
    .wrapper__benefits {
        font-size: 2em;
        width: 100%;
        height: clamp(80em, 60vh, 135em);
        -webkit-transform: translateY(-7.3%);
        -ms-transform: translateY(-7.3%);
        transform: translateY(-7.3%);
    }

    .wrapper__benefits::before {
        -webkit-clip-path: polygon(
                0 6em,
                100% 1em,
                100% calc(100% - 6em),
                0 calc(100% - 10em)
        );
        clip-path: polygon(
                0 6em,
                100% 1em,
                100% calc(100% - 6em),
                0 calc(100% - 10em)
        );

        z-index: -1;
    }

    .wrapper__benefits-inner {
        gap: 3em;
    }

    .wrapper__benefits-title {
        margin-top: 0;
        width: 60%;
    }

    .wrapper__benefits-cards {
        padding-top: 4em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 4em;
    }

    .wrapper__icon-ball {
        width: 13.5625em;
        top: 8em;
    }

    .wrapper__icon-ball2 {
        width: 13.5625em;
        top: 12em;
        right: -4em;
    }

    .wrapper__icon-cub {
        width: 16.5625em;
        bottom: 30%;
        right: -5em;
        -webkit-transform: translate(0%, 10%);
        -ms-transform: translate(0%, 10%);
        transform: translate(0%, 10%);
    }

    .wrapper__benefits-card {
        background-image: url('../img/rectangle-mobile.png');
        width: 46.875em;
        height: 18.325em;
    }

    .wrapper__benefits-icon {
        width: 12.1875em;
    }

    .wrapper__benefits-text {
        margin-top: 1em;
        font-size: 2.1875em;
        text-align: center;
        width: 75%;
        font-weight: 500;
    }

    .wrapper__analysis {
        height: clamp(125em, 145vh, 140em);
        margin-top: clamp(-30em, -50vw, -70em);
        background-position: center bottom;
    }

    .wrapper__analysis-inner {
        width: 100%;
    }

    .wrapper__analysis-media {
        display: none;
    }

    .wrapper__analysis-info {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .wrapper__analysis-border {
        width: 70%;
        min-height: 24em;
        height: clamp(24em, 36vh, 38em);
    }

    .wrapper__analysis-title {
        font-size: 5.625em;
    }

    .wrapper__analysis-box {
        background-color: #07143b;
        width: 84%;
        height: auto;
        -webkit-transform: translate(0%, -10%);
        -ms-transform: translate(0%, -10%);
        transform: translate(0%, -10%);
    }

    .wrapper__analysis-list {
        font-size: 4.75em;
        list-style: none;
        padding-left: 1em;
    }
}