html {
                    line-height: 1.15;
                    -webkit-text-size-adjust: 100%;
                }
                body {
                    margin: 0;
                }
                main {
                    display: block;
                }
                h1 {
                    font-size: 2em;
                    margin: 0.67em 0;
                }
                hr {
                    box-sizing: content-box;
                    height: 0;
                    overflow: visible;
                }
                pre {
                    font-family: monospace, monospace;
                    font-size: 1em;
                }
                a {
                    background-color: transparent;
                }
                abbr[title] {
                    border-bottom: none;
                    text-decoration: underline;
                    -webkit-text-decoration: underline dotted;
                    text-decoration: underline dotted;
                }
                b,
                strong {
                    font-weight: bolder;
                }
                code,
                kbd,
                samp {
                    font-family: monospace, monospace;
                    font-size: 1em;
                }
                small {
                    font-size: 80%;
                }
                sub,
                sup {
                    font-size: 75%;
                    line-height: 0;
                    position: relative;
                    vertical-align: baseline;
                }
                sub {
                    bottom: -0.25em;
                }
                sup {
                    top: -0.5em;
                }
                img {
                    border-style: none;
                }
                button,
                input,
                optgroup,
                select,
                textarea {
                    font-family: inherit;
                    font-size: 100%;
                    line-height: 1.15;
                    margin: 0;
                }
                button,
                input {
                    overflow: visible;
                }
                button,
                select {
                    text-transform: none;
                }
                button,
                [type="button"],
                [type="reset"],
                [type="submit"] {
                    -webkit-appearance: button;
                }
                button::-moz-focus-inner,
                [type="button"]::-moz-focus-inner,
                [type="reset"]::-moz-focus-inner,
                [type="submit"]::-moz-focus-inner {
                    border-style: none;
                    padding: 0;
                }
                button:-moz-focusring,
                [type="button"]:-moz-focusring,
                [type="reset"]:-moz-focusring,
                [type="submit"]:-moz-focusring {
                    outline: 1px dotted ButtonText;
                }
                fieldset {
                    padding: 0.35em 0.75em 0.625em;
                }
                legend {
                    box-sizing: border-box;
                    color: inherit;
                    display: table;
                    max-width: 100%;
                    padding: 0;
                    white-space: normal;
                }
                progress {
                    vertical-align: baseline;
                }
                textarea {
                    overflow: auto;
                }
                [type="checkbox"],
                [type="radio"] {
                    box-sizing: border-box;
                    padding: 0;
                }
                [type="number"]::-webkit-inner-spin-button,
                [type="number"]::-webkit-outer-spin-button {
                    height: auto;
                }
                [type="search"] {
                    -webkit-appearance: textfield;
                    outline-offset: -2px;
                }
                [type="search"]::-webkit-search-decoration {
                    -webkit-appearance: none;
                }
                ::-webkit-file-upload-button {
                    -webkit-appearance: button;
                    font: inherit;
                }
                details {
                    display: block;
                }
                summary {
                    display: list-item;
                }
                template {
                    display: none;
                }
                [hidden] {
                    display: none;
                }
                html {
                    box-sizing: border-box;
                    font-size: 16px;
                }
                *,
                *::before,
                *::after {
                    box-sizing: inherit;
                }
                a {
                    text-decoration: none;
                    color: inherit;
                }
                body,
                h1,
                h2,
                h3,
                h4,
                p,
                li,
                figure,
                figcaption,
                blockquote,
                dl,
                dd {
                    margin: 0;
                }
                ul,
                ol {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }
                input,
                textarea,
                select,
                button {
                    color: inherit;
                    font: inherit;
                    letter-spacing: inherit;
                }
                embed,
                iframe,
                img,
                object,
                video {
                    display: block;
                    max-width: 100%;
                }
                [hidden] {
                    display: none;
                }
                .clearfix::after {
                    content: "";
                    display: block;
                    clear: both;
                }
                .visually-hidden {
                    position: absolute;
                    z-index: -1;
                    width: 0;
                    height: 0;
                    padding: 0;
                    margin: 0;
                    border: none;
                    overflow: hidden;
                }
                .form__element {
                    display: block;
                    width: 100%;
                    border: none;
                    box-sizing: border-box;
                    border: 2px solid #e1e1e1;
                    background: #ffffff;
                    padding: 12px 0;
                    padding-right: 15px;
                    margin-bottom: 10px;
                    position: relative;
                    font-size: 16px;
                    line-height: 19px;
                    color: #000000;
                    padding-left: 15px;
                }
                .form__element--wrapper {
                    padding: 0;
                    border: none;
                    position: relative;
                }
                .form__element--select {
                    cursor: pointer;
                    z-index: 1;
                    white-space: nowrap;
                    text-indent: 0.01px;
                    background: transparent;
                    -webkit-appearance: none;
                }
                .form__arrow {
                    display: block;
                    width: 45px;
                    height: 100%;
                    background: transparent;
                    position: absolute;
                    right: 0;
                }
                .form__arrow::before {
                    content: "";
                    display: block;
                    position: absolute;
                    width: 0;
                    height: 0;
                    top: 3px;
                    bottom: 0;
                    right: 0;
                    left: 0;
                    margin: auto;
                    border-right: 5px solid transparent;
                    border-left: 5px solid transparent;
                    border-top: 6px solid #5c5c5c;
                }
                select::-ms-expand {
                    display: none;
                }
                .form__select::-ms-expand {
                    display: none;
                }
                body {
                    min-width: 320px;
                    width: 100%;
                    min-height: 100vh;
                    scroll-behavior: smooth;
                    text-rendering: optimizeSpeed;
                    line-height: 1.5;
                    font-family: "Roboto", sans-serif;
                    font-weight: 500;
                    color: #ffffff;
                    background: #f5f2e9;
                    color: #000000;
                    background: #f5f5f5;
                    direction: rtl;
                }
                .wrapper {
                    max-width: 820px;
                    width: 100%;
                    margin: 0 auto;
                    padding: 0 20px;
                }
                @media (max-width: 767px) {
                    .wrapper {
                        padding: 0 10px;
                    }
                }
                .main__inner {
                    padding-top: 25px;
                    padding-bottom: 25px;
                }
                @media (max-width: 767px) {
                    .main__inner {
                        padding: 0;
                        padding-top: 10px;
                        padding-bottom: 10px;
                    }
                }
                .promo {
                    padding: 30px;
                    background: #ffffff;
                    border-radius: 20px 20px 0 0;
                }
                @media (max-width: 767px) {
                    .promo {
                        padding: 10px;
                    }
                }
                .promo__info-list {
                    margin-bottom: 20px;
                }
                .promo__info-item {
                    display: inline-block;
                    vertical-align: middle;
                    font-weight: 300;
                    font-size: 18px;
                    line-height: 18px;
                    color: #000000;
                    position: relative;
                    margin-left: 20px;
                }
                @media (max-width: 767px) {
                    .promo__info-item {
                        font-size: 16px;
                        line-height: 20px;
                    }
                }
                .promo__info-item--update::before {
                    display: inline-block;
                    vertical-align: middle;
                    content: "";
                    width: 22px;
                    height: 22px;
                    background: url(promo-update-icon.png) no-repeat center/contain;
                }
                .promo__info-item--eye::before {
                    display: inline-block;
                    vertical-align: middle;
                    content: "";
                    width: 22px;
                    height: 22px;
                    background: url(promo-eye-icon.png) no-repeat center/contain;
                }
                .promo__title {
                    font-weight: bold;
                    font-size: 36px;
                    line-height: 50px;
                    color: #000000;
                    margin-bottom: 25px;
                }
                @media (max-width: 767px) {
                    .promo__title {
                        font-size: 28px;
                        line-height: 34px;
                    }
                }
                .promo__img-wrapper {
                    font-size: 0;
                    margin: 0 -10px;
                    margin-bottom: 25px;
                }
                @media (max-width: 767px) {
                    .promo__img-wrapper {
                        margin: 0 -10px;
                        margin-bottom: 15px;
                    }
                }
                .promo__img-wrapper img {
                    display: inline-block;
                    padding: 0 10px;
                    width: 50%;
                }
                @media (max-width: 767px) {
                    .promo__img-wrapper img {
                        width: auto;
                        display: block;
                        margin: 0 auto;
                        padding: 10px 0;
                    }
                }
                .link {
                    color: #218df0;
                }
                .link:hover {
                    text-decoration: underline;
                }
                .header__logo {
                    width: 400px;
                    height: 120px;
                    display: table-cell;
                }
                @media (max-width: 767px) {
                    .header__logo {
                        width: 137px;
                        height: 60px;
                        width: 50%;
                    }
                }
                .header__logo-img {
                    width: 274px;
                    height: 120px;
                }
                @media (max-width: 767px) {
                    .header__logo-img {
                        width: 137px;
                        height: 60px;
                    }
                }
                .header__inner {
                    display: table;
                    width: 100%;
                    padding: 20px 0;
                }
                .header__search {
                    display: table-cell;
                    vertical-align: middle;
                    height: 120px;
                    width: 380px;
                }
                @media (max-width: 767px) {
                    .header__search {
                        height: auto;
                        text-align: right;
                        width: 50%;
                    }
                }
                .header__input {
                    width: 100%;
                    background: #ffffff;
                    border: 1px solid #c7c7c7;
                    box-sizing: border-box;
                    border-radius: 50px;
                    padding: 9px 0;
                    background: url(header-input-icon.png) no-repeat left 15px center, #ffffff;
                }
                @media (max-width: 767px) {
                    .header__input {
                        width: 40px;
                        height: 40px;
                        padding: 0;
                        background: url(header-input-icon.png) no-repeat center, #ffffff;
                    }
                }
                .article {
                    background: #ffffff;
                    padding-bottom: 20px;
                }
                .article__text {
                    font-weight: normal;
                    font-size: 18px;
                    line-height: 32px;
                    color: #000000;
                    margin-bottom: 15px;
                    padding: 0 30px;
                }
                @media (max-width: 767px) {
                    .article__text {
                        font-size: 18px;
                        line-height: 28px;
                        padding: 0 10px;
                    }
                }
                .article__img {
                    display: block;
                    margin: 20px auto;
                }
                .article__img--no-btm-margin {
                    margin-bottom: 0;
                }
                .doc__columns {
                    background: #e7e7e7;
                    font-size: 0;
                    display: table;
                    padding: 30px;
                    margin-bottom: 25px;
                }
                @media (max-width: 767px) {
                    .doc__columns {
                        margin: 0;
                        margin-bottom: 15px;
                        display: block;
                        padding: 0;
                    }
                }
                .doc__column {
                    display: inline-block;
                    display: table-cell;
                    vertical-align: top;
                }
                .doc__column--left {
                    width: 285px;
                    margin-right: 20px;
                }
                @media (max-width: 767px) {
                    .doc__column--left {
                        max-width: 250px;
                    }
                }
                .doc__column--right {
                    width: calc(100% - 305px);
                }
                @media (max-width: 767px) {
                    .doc__column {
                        width: 100%;
                        display: block;
                        margin: 0 auto;
                    }
                }
                .doc__info {
                    font-size: 22px;
                    line-height: 28px;
                    color: #000000;
                    padding: 10px 0;
                }
                .doc__info b {
                    display: block;
                }
                @media (max-width: 767px) {
                    .doc__info {
                        font-size: 22px;
                        line-height: 28px;
                    }
                }
                @media (max-width: 767px) {
                    .doc__img {
                        margin: 0 auto;
                    }
                }
                .doc__text {
                    font-size: 18px;
                    line-height: 32px;
                }
                @media (max-width: 767px) {
                    .doc__text {
                        font-size: 18px;
                        line-height: 28px;
                        padding: 0 10px;
                    }
                }
                .product {
                    background: #f1e6d8;
                    border-radius: 0 0 20px 20px;
                    padding: 20px 30px;
                }
                @media (max-width: 767px) {
                    .product {
                        padding: 10px;
                    }
                }
                .product__header-text {
                    font-weight: bold;
                    font-size: 22px;
                    line-height: 32px;
                    color: #000000;
                    margin-bottom: 50px;
                    position: relative;
                }
                .product__header-text::after {
                    position: absolute;
                    content: "";
                    width: 100%;
                    height: 3px;
                    background: #ea2525;
                    bottom: -25px;
                    left: 0;
                }
                @media (max-width: 767px) {
                    .product__header-text {
                        font-size: 22px;
                        line-height: 28px;
                    }
                }
                .product__text {
                    font-weight: normal;
                    font-size: 18px;
                    line-height: 32px;
                    color: #000000;
                    margin-bottom: 25px;
                }
                @media (max-width: 767px) {
                    .product__text {
                        font-size: 18px;
                        line-height: 28px;
                        margin-bottom: 15px;
                    }
                }
                .product__img {
                    width: 336px;
                    margin: 20px auto;
                }
                .btn {
                    background: #ea2525;
                    border-radius: 50px;
                    font-weight: 900;
                    font-size: 20px;
                    line-height: 50px;
                    color: #ffffff;
                    text-align: center;
                    display: block;
                    width: 100%;
                    max-width: 580px;
                    padding: 10px 0;
                    margin: 0 auto;
                    transition: all 0.3s;
                }
                @media (max-width: 767px) {
                    .btn {
                        font-size: 16px;
                        line-height: 24px;
                        max-width: 280px;
                    }
                }
                .btn:hover {
                    transform: scale(1.05);
                }
                .comments {
                    padding-top: 20px;
                }
                .comments .wrapper {
                    background: #f5f5f5;
                }
                .comments__title {
                    font-weight: bold;
                    font-size: 22px;
                    line-height: 32px;
                    color: #3e3e3e;
                    margin-bottom: 50px;
                    position: relative;
                }
                .comments__title::after {
                    position: absolute;
                    content: "";
                    width: 100%;
                    height: 3px;
                    background: #e3e3e3;
                    left: 0;
                    bottom: -15px;
                }
                .comments__item {
                    background: #ffffff;
                    margin-bottom: 25px;
                    border-radius: 20px;
                    position: relative;
                    padding: 20px;
                    padding-right: 130px;
                }
                @media (max-width: 767px) {
                    .comments__item {
                        padding: 10px;
                    }
                }
                .comments__info {
                    display: table;
                    width: 100%;
                }
                .comments__ava {
                    border-radius: 50%;
                    overflow: hidden;
                    position: absolute;
                    right: 20px;
                    top: 20px;
                }
                @media (max-width: 767px) {
                    .comments__ava {
                        position: static;
                        width: 80px;
                        height: 80px;
                        display: inline-block;
                        margin-right: 15px;
                    }
                }
                @media (max-width: 767px) and (max-width: 479px) {
                    .comments__ava {
                        width: 50px;
                        height: 50px;
                        margin-right: 10px;
                    }
                }
                .comments__name {
                    font-weight: 900;
                    font-size: 18px;
                    line-height: 32px;
                    color: #3e3e3e;
                }
                @media (max-width: 767px) {
                    .comments__name {
                        display: inline-block;
                        vertical-align: top;
                        line-height: 80px;
                    }
                }
                @media (max-width: 479px) {
                    .comments__name {
                        line-height: 50px;
                    }
                }
                .comments__text {
                    font-weight: normal;
                    font-size: 18px;
                    line-height: 32px;
                    color: #000000;
                    margin-bottom: 25px;
                }
                @media (max-width: 767px) {
                    .comments__text {
                        font-size: 18px;
                        line-height: 28px;
                        margin-bottom: 10px;
                    }
                }
                .comments__img {
                    margin-top: 15px;
                }
                .comments__date {
                    font-style: italic;
                    font-weight: 300;
                    font-size: 18px;
                    line-height: 32px;
                    color: #000000;
                }
                @media (max-width: 767px) {
                    .comments__date {
                        font-size: 18px;
                        line-height: 32px;
                    }
                }