.b-first {
    position: relative;
    background: #008c61 calc(50% + 408px) 60px / 546px no-repeat;
    padding: 64px 0 0;
    color: #FFFFFF;
    text-align: center;
}
.desktop .b-first {
    min-width: 1000px;
}
.mobile .b-first {
    width: 100%;
    overflow-x: hidden;
    padding: 25px 0;
    text-align: center;
}
.b-first__wrapper {
    width: 1000px;
    margin: auto;
    padding: 0 0 75px;
}
.mobile .b-first__wrapper {
    width: 100%;
    margin: auto;
    padding: 0 15px;
}
.b-first__productname {
    margin: auto;
    width: fit-content;
    padding: 0 9px 0 64px;
    background: 0 / 56px no-repeat;
    font: 700 24px/56px 'Inter', sans-serif;
    min-height: 56px;
}
.b-first__title {
    position: relative;
    margin: 40px auto 16px;
    width: fit-content;
    background: linear-gradient(102.32deg, #00FCB0 19.09%, #22E2FF 44.19%, #4580FF 70.85%) text;
    font: 700 60px/80px 'Inter', sans-serif;
    color: #00000000;
}
.mobile .b-first__title {
    font: 700 40px/50px 'Roboto', sans-serif;
}
.b-first__description {
    margin: 16px 0 64px;
    padding: 0 100px;
    font: 32px/42px 'Inter', sans-serif;
}
.mobile .b-first__description {
    padding: 0;
}

.b-first__btns {
    margin: 0 auto 16px;
    width: max-content;
}
.mobile .b-first__btns {
    display: flex;
    flex-direction: column;
    margin: 40px auto 0;
    width: fit-content;
    max-width: calc(100% - 40px);
}
.b-first__btn {
    display: inline-block;
    position: relative;
    min-width: 271px;
    width: fit-content;
    padding: 16px 20px;
    border-radius: 8px;
    vertical-align: top;
    font: 600 15px/24px 'Open Sans', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    box-shadow: 0 10px 13px 0 #00000033;
    transition: background-color 150ms linear,
                box-shadow 150ms linear;
}
.b-first__btn_green {
    background: #00B164;
    margin-right: 16px;
}
.b-first__btn_green:hover {
    background: #00D575;
    box-shadow: 0 10px 13px 0 #00DB7C33;
}
.b-first__btn_green:active {
    background: #009665;
}
.mobile .b-first__btn_green {
    margin: 0 0 8px 0;
    width: 100%;
}
.b-first__btn_blue {
    background: #1583E6;
}
.b-first__btn_blue:hover {
    background: #1E94FF;
    box-shadow: 0 10px 13px 0 #0065DB40;
}
.b-first__btn_blue:active {
    background: #1271C7;
}
.b-first__btn-icon {
    vertical-align: middle;
}
.b-first__old-price {
    display: inline-block;
    position: relative;
    font: 400 15px/24px 'Open Sans', sans-serif;
}
.b-first__old-price::after {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    width: calc(100% - 10px);
    height: 2px;
    background-color: #F64C52C0;
}
.b-first__discount {
    position: absolute;
    right: -41px;
    top: 0;
    width: 63px;
    height: 73px;
    background: url("../img/discount.png") 0 0 / 63px 73px no-repeat;
}
.b-first__discount>div {
    margin: 30px 10px 0;
    font: 700 14px/12px Inter, sans-serif;
    color: #FFFFFF;
    transform: rotate(-7deg);
}
.b-first__discount span {
    color: #FFE074;
}

.b-first__compare {
    display: block;
    margin: 24px auto 0;
    width: fit-content;
    padding: 0 0 0 20px;
    background: url("../img/fire.svg")  0 center / 16px no-repeat;
    font: 14px/20px 'Inter', sans-serif;
    text-decoration: underline;
    color: #B3B7BD;
}
.b-first__compatible {
    margin: 12px auto 0;
    width: fit-content;
    padding-left: 40px;
    font: 14px/22px 'Inter', sans-serif;
    color: #92979d;
}
.mobile .b-first__compatible {
    margin: 24px auto 0;
    padding-left: 48px;
    background-size: 50px 48px;
    font: 14px/18px 'Inter', sans-serif;
    text-align: left;
}
.b-first__compatible-line {
    color: #506B90;
    margin: 0 5px;
}
.b-first__compatible-window {
    display: block;
}
.user_windows_10_or_11 {
    display: inline-block;
}
.b-first__scroll {
    position: absolute;
    left: 50%;
    bottom: -25px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background-color: #ffffff;
    box-shadow: -1px 2px 12px 0 rgba(52, 54, 116, 0.2);
    cursor: pointer;
    z-index: 10;
}
.b-first__scroll:after {
    content: " ";
    position: absolute;
    width: 12px;
    height: 12px;
    transform: rotate(-315deg);
    border: solid 2px #266de7;
    border-top: 0;
    border-left: 0;
    top: 17px;
    left: 19px;
    box-sizing: border-box;
}
.b-achivs {
    display: block;
    position: relative;
    padding-bottom: 16px;
    width: 100%;
    height: 168px;
}
.mobile .b-achivs {
    display: none;
}
.b-achivs__wrapper {
    display: flex;
    justify-content: space-around;
    position: relative;
    width: 1000px;
    height: 168px;
    margin: auto;
}
.mobile .b-achivs__wrapper {
    display: none;
}
.b-achivs__item {
    margin-top: 50px;
    padding: 0 0 0 83px;
    width: fit-content;
    height: 68px;
    background: 0 / 68px no-repeat;
    text-align: left;
    animation: achiv 450ms ease-out 1 reverse both;
}
.b-achivs__item:nth-child(1) {
    background-image: url("../img/diamond.svg");
    animation-delay: 175ms;
}
.b-achivs__item:nth-child(2) {
    background-image: url("../img/star.svg");
    animation-delay: 350ms;
}
.b-achivs__item:nth-child(3) {
    background-image: url("../img/cloud.svg");
    animation-delay: 525ms;
}
@keyframes achiv {
    0% {
        margin-top: 50px;
    }
    100% {
        margin-top: 90px;
    }
}

.b-achivs__header {
    position: relative;
    vertical-align: top;
    font: 24px/34px 'Inter', sans-serif;
    color: #ffffff;
}
.b-achivs__header span {
    font-size: 83%;
    vertical-align: 11px;
}
.b-achivs__description {
    font: 14px/14px 'Inter', sans-serif;
    color: #F9F9FB;
}
@media (max-width: 380px) {
    .mobile .b-first__productname {
        font: 700 24px/64px 'Roboto', sans-serif;
    }
}