/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
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 {
    -webkit-box-sizing: content-box;
    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 {
    -webkit-box-sizing: border-box;
    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"] {
    -webkit-box-sizing: border-box;
    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
}




@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue-Roman.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Roman.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


.contacts__page{}
.contacts__page p{font-size: 32px;line-height: 120%;margin-bottom: 20px;}
.contacts__page p a{color: #F04438;font-weight: bold;border-bottom: 1px solid;transition:all 0.5s linear;}
.contacts__page p a:hover{border-bottom-color:transparent;}


p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: 400;
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

* {
    outline: none;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    overflow-x: hidden;
    font-family: 'HelveticaNeue';
    background: #000000;
    color: #fff;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.container {
    max-width: 1750px;
    margin: 0 auto;
    padding: 0 15px;

}

.header_logo {
    display: flex;
}

.header {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 10;
}

.header_wrapper {
    padding: 35px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu {
    display: flex;
    gap: 50px;
    z-index:1000;
}

.menu a {
    display: block;
    color: #fff;
    transition: all 0.3s;
}

.menu a:hover {
    color: #F04438;
}

.header_messages {
    display: flex;
    gap: 10px;
}

.header_message {
    display: flex;
    transition: all 0.3s;
}

.header_message:hover {
    transform: scale(1.1);
}

.header_number {
    font-size: 32px;
    color: #fff;
    transition: all 0.3s;
}

.header_number:hover {
    color: #F04438;
}

#pageCanvas {
    position: fixed;
    display: block;
    bottom: 0;
    left: 0;
    height: 100%;
    right: 0;
    pointer-events: none;
    top: 0;
    width: 100%;
    z-index: -1;
}

.main {
    padding: 150px 0 30px;
    position: relative;
    z-index: 1;
}

.main_circle {
    position: absolute;
    background: linear-gradient(65.31deg, rgba(240, 68, 56, 0.2) 7.86%, rgba(0, 0, 0, 0.2) 91.16%);
    width: 1614px;
    height: 1082px;
    top: -167px;
    left: -31px;
    transform: rotate(-15deg);
    border-radius: 500px;
    filter: blur(100px);
    pointer-events: none;
}

.main h1 {
    font-size: 200px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 116px;
}

.main h1 span {
    text-align: right;
    display: block;
}

.main h1 span {
    color: #F04438;
}

.main_bot {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    z-index: 1;
}

.main_text {
    font-size: 48px;
    line-height: 120%;
    color: #fff;
    width: 810px;
}

.main_text span {
    color: #F04438;
}

.main_right-text {
    font-size: 20px;
    line-height: 150%;
    text-align: right;
    margin-bottom: 20px;
    color: #FFFFFFCC;
}

.main_link {
    font-size: 40px;
    line-height: 120%;
    text-transform: uppercase;
    color: #F04438;
    padding-bottom: 5px;
    border-bottom: 2px solid #F04438;
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 20px;
}

.main_link svg {
    transition: all 0.3s;
}

.main_link:hover svg {
    transform: rotate(45deg);
}

.main_wrapper {
    position: relative;
}

.main_inner-title {
    font-size: 32px;
    line-height: 150%;
    margin-bottom: 22px;
    color: #F04438;
}

.main_inner {
    top: 247px;
    position: absolute;
    width: 890px;
    left: 0;
}

.main_items {
    position: relative;
    height: 222px;
    z-index: 1;
}

.main_items::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_items.svg);
    background-size: cover;
    top: -118px;
    left: -100px;
    width: 857px;
    height: 426px;
    z-index: -1;
}

.main_item {
    width: 350px;
    padding-left: 60px;
    position: absolute;
}

.main_item::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_item.svg);
    background-size: cover;
    width: 30px;
    height: 30px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.main_item:nth-child(1) {
    top: 0;
    left: 0;
}

.main_item:nth-child(2) {
    top: 132px;
    left: 340px;
}

.main_item:nth-child(3) {
    top: 20px;
    right: 0;
}

.main_item-title {
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 5px;
}

.main_item-text {
    line-height: 150%;
    color: #FFFFFF99;
}

.main_download {
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    width: 230px;
    height: 230px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 70px;
    right: 28px;
    transition: all 0.3s;
}

.main_download:hover {
    backdrop-filter: blur(15px);
}

.main_download::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_download.svg);
    background-size: cover;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 195px;
    height: 195px;
    animation: circleAnim 20s linear infinite;
}

@keyframes circleAnim {
    0% {
        transform: translate(50%, -50%) rotate(0);
    }

    100% {
        transform: translate(50%, -50%) rotate(360deg);
    }
}

.promotion {
    padding: 150px 0;
    position: relative;
}

.promotion_circle {
    position: absolute;
    background: linear-gradient(65.31deg, rgba(240, 68, 56, 0.2) 7.86%, rgba(0, 0, 0, 0.2) 91.16%);
    width: 1614px;
    height: 1082px;
    top: 10%;
    left: 30%;
    transform: rotate(-15deg);
    border-radius: 500px;
    filter: blur(100px);
    pointer-events: none;
    z-index: -1;
}

.promotion::before {
    position: absolute;
    content: "";
    background-image: url(../img/promotion.svg);
    background-size: cover;
    width: 900px;
    height: 900px;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    pointer-events: none;
}

.promotion_top {
    display: flex;
    justify-content: center;
    gap: 200px;
    align-items: flex-start;
    margin-bottom: 180px;
}

.promotion_title {
    font-size: 96px;
    line-height: 120%;
    text-align: right;
    text-transform: uppercase;
    color: #fff;
    width: 760px;
}

.promotion_title span {
    color: #F04438;
}

.promotion_info {
    width: 760px;
    padding-right: 123px;
    padding-left: 50px;
    text-align: right;
    padding-bottom: 30px;
    position: relative;
}

.promotion_info::before {
    position: absolute;
    content: "";
    background-image: url(../img/promotion_info.svg);
    background-size: cover;
    z-index: -1;
    width: 738px;
    top: 100%;
    right: 123px;
    height: 153px;
}

.promotion_info-title {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 10px;
    color: #F04438;
}

.promotion_info-text {
    font-size: 20px;
    line-height: 150%;
}

.promotion_bot {
    width: 760px;
    margin-left: auto;
}

.promotion_bot-subtitle {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 120%;
    text-align: right;
    color: #fff;
}

.promotion_bot-title {
    font-size: 96px;
    line-height: 120%;
    text-transform: uppercase;
}

.promotion_bot-title span {
    color: #F04438;
}

.promotion_wrapper {
    position: relative;
}

.promotion_item {
    font-size: 20px;
    width: 350px;
    text-align: right;
    padding-right: 60px;
    position: absolute;
    line-height: 150%;
}

.promotion_item:nth-child(1) {
    top: 370px;
    left: 156px;
}

.promotion_item:nth-child(2) {
    top: 494px;
    left: 495px;
}

.promotion_item::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_item.svg);
    background-size: cover;
    width: 30px;
    height: 30px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.principles {
    margin-bottom: 100px;
}

.principles_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 60px;
}

.principles_top .title {
    width: 1175px;
}

.title {
    font-size: 80px;
    line-height: 120%;
    text-transform: uppercase;
}

.title span {
    color: #F04438;

}

.principles_text {
    font-size: 40px;
    width: 485px;
}

.principles_text span {
    color: #F04438;
}

.principles_items {
    margin-bottom: 60px;
}

.principles_item {
    display: flex;
    justify-content: space-between;
    padding: 50px 0;
    border-top: 1px solid #FFFFFF33;
    align-items: center;
}

.principles_item:last-child {
    border-bottom: 1px solid #FFFFFF33;
}

.principles_item-title {
    font-size: 32px;
    line-height: 130%;
}

.principles_item-link {
    font-size: 32px;
    line-height: 120%;
    text-transform: uppercase;
    color: #F04438;
    display: flex;
    align-items: center;
    gap: 20px;
    border-bottom: 2px solid #F04438;
    padding-bottom: 5px;
}

.principles_item-link svg {
    transition: all 0.3s;
}

.principles_item-link:hover svg {
    transform: rotate(45deg);
}

.principles_options {
    display: flex;
}

.principles_option {
    width: 33.333%;
    padding: 20px 50px;
    display: flex;
    align-items: center;
    gap: 40px;
    font-size: 20px;
    line-height: 150%;
    border-left: 1px solid #FFFFFF33;
}

.principles_option:nth-child(3n) {
    border-right: 1px solid #FFFFFF33;
}

.recommendations {
    padding: 100px 0;
    position: relative;
}

.recommendations_circle {
    position: absolute;
    background: linear-gradient(65.31deg, rgba(240, 68, 56, 0.2) 7.86%, rgba(0, 0, 0, 0.2) 91.16%);
    width: 1614px;
    height: 1082px;
    top: 10%;
    left: 5%;
    transform: rotate(-15deg);
    border-radius: 500px;
    filter: blur(100px);
    pointer-events: none;
}

.recommendations_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.recommendations_info {
    width: 832px;
}

.recommendations_info .title {
    margin-bottom: 60px;
}

.recommendations_subtitle {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 60px;
}

.recommendations_subtitle span {
    color: #F04438;
}

.recommendations_text {
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 25px;
    color: #FFFFFFCC;
}

.recommendations_desc {
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 25px;
}

.recommendations_desc span {
    color: #F04438;
}

.recommendations_steps {
    width: calc(100% - 832px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 2;
    align-items: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(calc(-50% + 75px));
}

.recommendations_step:first-child {
    margin-top: 0;
}


.recommendations_step {
    border: 2px solid #F04438;
    width: 635px;
    height: 410px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000000;
    flex-direction: column;
    border-radius: 50%;
    cursor: pointer;
    padding: 30px 100px;
    text-align: center;
    transition: margin 0.3s, transform 0.3s;
    margin-top: -325px;
}

.recommendations_step:hover {
    transform: translateY(-5px);
}

.recommendations_step:nth-child(1) {
    z-index: -1;
}

.recommendations_step:nth-child(2) {
    z-index: -2;
}

.recommendations_step:nth-child(3) {
    z-index: -3;
}

.recommendations_step:nth-child(4) {
    z-index: -4;
}

.recommendations_step.active {
    z-index: 2;
    margin-top: -160px;
}

.recommendations_step.active .recommendations_step-number,
.recommendations_step.active .recommendations_step-title,
.recommendations_step.active .recommendations_step-text {
    opacity: 1;
}

.recommendations_step-number {
    font-size: 96px;
    text-align: center;
    text-transform: uppercase;
    color: #F04438;
    opacity: 0;
    transition: all 0.3s;
}

.recommendations_step-title {
    font-size: 32px;
    line-height: 130%;
    text-align: center;
    margin-bottom: 5px;
    opacity: 0;
    transition: all 0.3s;
}

.recommendations_step-text {
    opacity: 0;
    transition: all 0.3s;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFFCC;
    opacity: 0;
    transition: all 0.3s;
}

.recommendations_number {
    font-size: 48px;
    color: #fff;
    margin-right: 40px;
    transition: all 0.3s;
}

.recommendations_number:hover {
    color: #F04438;
}

.recommendations_links {
    display: flex;
    align-items: center;
}

.recommendations_message {
    transition: all 0.3s;
    display: flex;
    margin-right: 10px;
}

.recommendations_message:hover {
    transform: scale(1.1);
}

.resalts {
    margin: 100px 0;
}

.resalts .title {
    margin-bottom: 100px;
    width: calc(50% - 50px);
}

.resalts_item-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.resalts_items {
    display: flex;
    flex-wrap: wrap;
    gap: 100px;
}

.resalts_item {
    width: calc(50% - 50px);
}

.resalts_item:nth-child(2n) {
    margin-top: -288px;
}

.resalts_item-teg {
    border: 1px solid #FFFFFF;
    border-radius: 400px;
    padding: 10px 30px;
    font-size: 20px;
}

.resalts_item-img {
    margin-bottom: 30px;
    height: 500px;
    display: flex;
    overflow: hidden;
}

.resalts_item-img:hover img {
    transform-origin: top left;
    transform: scale(1.05);
}

.resalts_item-img img {
    
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}

.resalts_item-title {
    font-size: 26px;
    line-height: 120%;
    display: block;
    color: #fff;
    transition: all 0.3s;
    margin-bottom: 15px;
}

.resalts_item-title:hover {
    color: #F04438;
}

.resalts_item-text {
    font-size: 18px;
    line-height: 150%;
    color: #FFFFFFCC;
}

.resalts .main_right {
    width: fit-content;
    margin-left: auto;
    transform: translateY(-188px);
}

.price {
    padding: 100px 0;
}

.price .title {
    max-width: 960px;
}

.price_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

.price_text {
    font-size: 32px;
    line-height: 120%;
    width: 570px;
}

.price_text span {
    color: #F04438;
}

.price_items {
    display: flex;
}

.price_item {
    width: 33.333%;
    padding: 50px;
    display: flex;
    flex-direction: column;
}

.price_item:nth-child(1) {
    border-left: 1px solid #FFFFFF33;
}

.price_item:nth-child(2) {
    background: #FFFFFF1A;
}

.price_item-title {
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 15px;
}

.price_item-text {
    font-size: 20px;
    line-height: 150%;
    color: #FFFFFFCC;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #FFFFFF33;
}

.price_item-list {
    margin-bottom: 10px;
}

.price_item-list li {
    line-height: 150%;
    margin-bottom: 20px;
    color: #FFFFFFCC;
    padding-left: 40px;
    position: relative;
}

.price_item-list li::before {
    position: absolute;
    content: "";
    background-image: url(../img/price_item-list.svg);
    background-size: cover;
    width: 20px;
    height: 22px;
    left: 0;
    top: 0;
}

.price_item-bot {
    margin-top: auto;
    padding-top: 30px;
    border-top: 1px solid #FFFFFF33;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price_item-value {
    font-size: 32px;
    line-height: 120%;
    color: #fff;
}

.price_item-link {
    font-size: 24px;
    line-height: 120%;
    text-transform: uppercase;
    color: #F04438;
    border-bottom: 2px solid #F04438;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.price_item-link img {
    transition: all 0.3s;
}

.price_item-link:hover img {
    transform: rotate(45deg);
}

.price_item:nth-child(3) {
    background: #F04438;
}

.price_item:nth-child(3) .price_item-list li::before {
    background-image: url(../img/price_item-list2.svg);
}

.price_item:nth-child(3) .price_item-link {
    border-bottom: 2px solid #fff;
    color: #fff;
}

.customers {
    margin: 100px 0;
    position: relative;
}

.customers_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.customers_title {
    color: #fff;
    width: fit-content;
    font-size: 128px;
    line-height: 120%;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.customers_title span {
    color: #F04438;
    display: block;
}

.customers_items {
    width: 1200px;
}

.customers_item-tegs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.customers_item-teg {
    border: 1px solid #F04438;
    border-radius: 100px;
    padding: 10px 24px;
}

.customers_item-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.customers_item-title {
    font-size: 40px;
    line-height: 120%;
}

.customers_item {
    padding: 60px 0 60px 240px;
    position: relative;
}

.customers_item-number {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    width: 137px;
    height: 100%;
    border-right: 1px solid #FFFFFF33;
    font-size: 26px;
    line-height: 120%;
    color: #ffffff59;
}

.customers_item-text {
    color: #FFFFFFCC;
    font-size: 18px;
}

.customers_circle {
    position: absolute;
    background: linear-gradient(65.31deg, rgba(240, 68, 56, 0.2) 7.86%, rgba(0, 0, 0, 0.2) 91.16%);
    width: 1614px;
    height: 1082px;
    top: 15%;
    left: 20%;
    transform: rotate(-15deg);
    border-radius: 500px;
    filter: blur(100px);
    pointer-events: none;
}

.customers_bot {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.customers_desc {
    font-size: 36px;
    line-height: 120%;
    max-width: 1000px;
}

.customers_desc span {
    color: #F04438;
}

.reviews {
    padding: 100px 0;
}

.reviews_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 60px;
}

.reviews_top .title {
    max-width: 1000px;
}

.reviews_items {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.reviews_item {
    width: calc(25% - 22.5px);
}

.reviews_item-img {
    height: 450px;
    margin-bottom: 25px;
    display: flex;
}

.reviews_item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reviews_item-subtitle {
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 10px;
    color: #F04438;
}

.reviews_item-title {
    font-size: 26px;
    line-height: 120%;
    margin-bottom: 10px;
    color: #fff;
}

.reviews_item-text {
    font-size: 18px;
    line-height: 150%;
    color: #FFFFFFCC;
}

.faq {
    margin: 100px 0;
}

.faq .title {
    margin-bottom: 30px;
}

.faq_items {
    columns: 2;
    gap: 60px;
}

.faq_item {
    border-bottom: 1px solid #FFFFFF66;
    overflow: hidden;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    break-inside: avoid-column;
}

.faq_item-title {
    font-size: 24px;
    padding: 30px 60px 30px 0;
    cursor: pointer;
    position: relative;
    line-height: 120%;
}

.faq_item-title span {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.faq_item-title span::before {
    position: absolute;
    content: "";
    background: #FFFFFF;
    width: 100%;
    height: 2px;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    transition: all 0.3s;
}

.faq_item-title.active span::after {
    transform: translate(50%, -50%) rotate(90deg);
}

.faq_item-title span::after {
    position: absolute;
    content: "";
    background: #FFFFFF;
    width: 2px;
    height: 100%;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    transition: all 0.3s;
}

.faq_item-text {
    line-height: 150%;
    color: #FFFFFFCC;
    padding-bottom: 30px;
    display: none;
}

.question {
    padding: 100px 0;
}

.question_wrapper {
    display: flex;
    justify-content: space-between;
}

.question_info {
    width: 720px;
}

.question_info-title {
    font-size: 96px;
    line-height: 120%;
    text-transform: uppercase;
    color: #fff;
}

.question_info-title img {
    transform: translateY(14px);
}

.question_info-title span {
    color: #F04438;
}

.question_info-mail {
    background: #F04438;
    padding: 20px 25px;
    font-size: 32px;
    display: block;
    width: fit-content;
    color: #fff;
    margin-bottom: 104px;
    margin-left: 58px;
    margin-top: -25px;
    transform: rotate(7deg);
    position: relative;
}

.question_info-mail::before {
    position: absolute;
    content: "";
    background-image: url(../img/question_info-mail.svg);
    background-size: cover;
    width: 60px;
    height: 60px;
    left: 110px;
    bottom: -45px;
    transform: rotate(-7deg);
}

.question_info-subtitle {
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 25px;
}

.question_right {
    width: 800px;
}

.question_right-title {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 80px;
}

.question_right-title span {
    color: #F04438;
}

.question_form {
    display: flex;
    gap: 80px;
    flex-wrap: wrap;
}

.question_form-inp {
    width: calc(50% - 40px);
    padding-bottom: 25px;
    color: #fff;
    background: none;
    border: none;
    border-bottom: 1px solid #FFFFFF66;
}

.question_form-area {
    width: 100%;
    color: #fff;
    height: 150px;
    background: none;
    border: none;
    resize: none;
    border-bottom: 1px solid #FFFFFF66;
}

.question_form-ok {
    font-size: 20px;
    line-height: 150%;
    text-align: right;
    width: 470px;
    margin-left: 77px;
    color: #FFFFFF99;
}

.question_form-ok a {
    color: #FFFFFF;
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: all 0.3s;
}

.question_form-ok a:hover {
    color: #F04438;
}

.question_form-btn {
    color: #F04438;
    font-size: 40px;
    line-height: 120%;
    background: none;
    text-transform: uppercase;
    display: flex;
    gap: 20px;
    border: none;
    align-items: center;
    border-bottom: 2px solid #F04438;
    padding-bottom: 5px;
    width: fit-content;
    margin-left: auto;
    padding: 0;
    cursor: pointer;
}

.question_form-btn svg {
    transition: all 0.3s;
}

.question_form-btn:hover svg {
    transform: rotate(45deg);
}

.footer {
    padding: 100px 0;
}

.footer_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.footer_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.footer_menu {
    width: 690px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.footer_menu li {
    width: calc(33.333% - 20px);
}

.footer_menu a {
    font-size: 18px;
    line-height: 130%;
    color: #FFFFFFCC;
    transition: all 0.3s;
}

.footer_menu a:hover {
    color: #F04438;
}

.footer_number {
    font-size: 128px;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.3s;
}

.footer_number:hover {
    color: #F04438;
}

.footer_inner {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #FFFFFF33;
    padding-top: 30px;
}

.footer_inner-item {
    font-size: 20px;
    transition: all 0.3s;
    line-height: 150%;
    color: #FFFFFFCC;
}

a.footer_inner-item:hover {
    color: #F04438;
}

.menu_burger {
    display: none;
}


.header_mobile-links {
    display: none;
}

.service_page .main_text {
    font-size: 40px;
}

.crumbs {
    display: flex;
    margin-bottom: 30px;
    gap: 15px;
}

.crumb {
    color: #F04438;
    line-height: 130%;
    display: flex;
    align-items: center;
}

.crumb::after {
    position: relative;
    content: "";
    border: 1px solid #F04438;
    width: 20px;
    height: 1px;
    margin-left: 15px;
}

.crumb:last-child {
    color: #FFFFFFCC;
}

.crumb:last-child::after {
    display: none;
}

.main_subtitle {
    position: absolute;
    top: 70px;
    right: 0;
    font-size: 40px;
    line-height: 130%;
    text-align: right;
    max-width: 340px;
}

.main_subtitle span {
    color: #F04438;
}

.service_page .main_wrapper::before {
    position: absolute;
    content: "";
    background-image: url(../img/service_page.svg);
    background-size: cover;
    width: 766px;
    height: 440px;
    top: 164px;
    left: 46px;
    z-index: -1;
}

.main_options {
    position: absolute;
    display: flex;
    top: 220px;
    align-items: flex-start;
    gap: 45px;
    left: 81px;
}

.main_option {
    background: #FFAEAE33;
    width: 281px;
    backdrop-filter: blur(25px);
    padding: 30px;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
    line-height: 120%;
}


.main_option:nth-child(2) {
    margin-top: 90px;
}

.main_option:nth-child(3) {
    margin-top: 180px;
}

.service_principles {
    margin-top: 150px;
}

.service_principles-title {
    margin-bottom: 60px;
    font-size: 64px;
    text-transform: uppercase;
}

.service_principles-title span {
    font-size: 190px;
    line-height: 100%;
    display: block;
    color: #F04438;
}

.service_promotion .promotion_info {
    width: 600px;
    padding: 0 0 30px 0;
}

.service_promotion .promotion_info::before {
    right: 0;
}

.service_promotion .promotion_info-text {
    font-size: 36px;
    line-height: 120%;
    text-align: left;
}

.service_promotion .promotion_info-text span {
    color: #F04438;
}

.service_promotion .promotion_item:nth-child(1) {
    top: 310px;
    left: 338px;
}

.service_promotion .promotion_item:nth-child(2) {
    padding-right: 0;
    padding-left: 60px;
    text-align: left;
    right: 336px;
    left: auto;
    top: 290px;
}

.service_promotion .promotion_item:nth-child(2)::before {
    left: 0;
    right: auto;
}

.promotion_inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.steps_wrapper {
    display: flex;
    justify-content: space-between;
}

.steps {
    padding: 150px 0;
    position: relative;
}

.steps_circle {
    position: absolute;
    background: linear-gradient(65.31deg, rgba(240, 68, 56, 0.2) 7.86%, rgba(0, 0, 0, 0.2) 91.16%);
    width: 1614px;
    height: 1082px;
    top: 20%;
    left: 10%;
    transform: rotate(-15deg);
    border-radius: 500px;
    filter: blur(100px);
    pointer-events: none;
}

.steps_items {
    width: 810px;
}

.steps_item {
    border-top: 1px solid #FFFFFF33;
}

.steps_item:last-child {
    border-bottom: 1px solid #FFFFFF33;
}

.steps_item.active {
    background: #FFFFFF1A;
}

.steps_item-title {
    font-size: 32px;
    line-height: 120%;
    padding: 30px;
    cursor: pointer;
    display: flex;
    gap: 5px;
    align-items: flex-start;
}

.steps_item-title span {
    color: #F04438;
}

.steps_item-text {
    font-size: 20px;
    line-height: 150%;
    color: #FFFFFFCC;
    padding: 10px 30px 30px;
    display: none;
}

.steps_title span {
    display: block;
    font-size: 40px;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 50px;
}

.steps_title {
    font-size: 128px;
    line-height: 100%;
    text-transform: uppercase;
    color: #F04438;
}

.steps_info {
    width: 720px;
}

.steps_wrapper {
    position: relative;
}

.steps_wrapper .main_right {
    bottom: 0;
    position: absolute;
    left: 0;
}

.resalts_subtitle {
    font-size: 40px;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.turnkey {
    margin: 150px 0;
}

.turnkey_title {
    font-size: 80px;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 60px;
}

.turnkey_title span {
    display: block;
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 100%;
    color: #F04438;
}

.turnkey_item {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
    justify-content: space-between;
}

.turnkey_item:nth-child(2n) {
    flex-direction: row-reverse;
}

.turnkey_item:last-child {
    margin-bottom: 0;
}

.turnkey_item-title {
    font-size: 128px;
    line-height: 120%;
    text-transform: uppercase;
    color: #F04438;
}

.turnkey_item-text {
    font-size: 20px;
    line-height: 150%;
    width: 560px;
    display: flex;
    align-items: center;
    gap: 40px;
    min-width: 560px;
}

.turnkey_item:nth-child(3) {
    margin-left: 200px;
}

.turnkey_inner {
    display: flex;
    justify-content: space-between;
    margin-top: 150px;
    position: relative;

}

.turnkey_inner-desc {
    width: 810px;
    font-size: 48px;
    line-height: 120%;
}

.turnkey_inner-desc span {
    color: #F04438;
}

.turnkey_inner .main_right {
    position: absolute;
    bottom: 0;
    left: 0;
}

.turnkey_inner-items {
    width: 810px;
}

.turnkey_inner-item {
    margin-bottom: 20px;
    background: #FFFFFF1A;
    padding: 50px;
}

.turnkey_inner-title {
    font-size: 40px;
    line-height: 120%;
    margin-bottom: 30px;
}

.turnkey_inner-title span {
    color: #F04438;
    margin-right: 6px;
}

.turnkey_inner-text {
    font-size: 20px;
    line-height: 150%;
    color: #FFFFFFCC;
}

.cases {
    margin: 150px 0;
    position: relative;
    z-index: 1;
}

.cases_title {
    font-size: 40px;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 60px;
    color: #F04438;
}

.cases_item {
    border-bottom: 1px solid #FFFFFF33;
    transition: all 0.3s;
}

.cases_item-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px;
    cursor: pointer;
}

.cases_item-title {
    font-size: 40px;
    line-height: 120%;

}

.cases_item-title span {
    color: #F04438;
    margin-right: 4px;
}

.cases_item-tegs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cases_item-teg {
    border: 1px solid #F04438;
    border-radius: 100px;
    padding: 10px 24px;
    line-height: 150%;
}

.cases_item-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 10px 50px 50px;
    display: none;
}

.cases_item.active {
    background: #FFFFFF1A;
}

.cases_item-wrapper[style*="display: block"] {
    display: flex !important;
}

.cases_item-left {
    width: 1050px;
}

.cases_item-options {
    display: flex;
}

.cases_item-option {
    width: 25%;
    line-height: 150%;
    color: #FFFFFFCC;
}

.cases_item-option span {
    display: block;
    margin-top: 10px;
    font-size: 24px;
    line-height: 120%;
    color: #F04438;
}

.cases_item-resalt {
    height: 400px;
    margin-bottom: 30px;
    display: flex;
}

.cases_item-right {
    width: 530px;
}

.cases_item-resalt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cases_item-imgs {
    margin-top: 30px;
    display: flex;
    gap: 30px;
}

.cases_item-img:nth-child(1) {
    width: 827px;
}

.cases_item-img:nth-child(2) {
    width: 194px;
}

.cases_item-img {
    height: 500px;
}

.cases_item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cases_item-img:nth-child(2) img {
    object-position: top;
}

.quality {
    margin: 150px 0;
}

.quality_wrapper {
    display: flex;
    justify-content: space-between;
}

.quality_info {
    width: 832px;
    display: flex;
    flex-direction: column;
}

.quality_title {
    font-size: 80px;
    line-height: 120%;
    text-transform: uppercase;
    color: #F04438;
    margin-bottom: auto;
}

.quality_title span {
    font-size: 40px;
    line-height: 100%;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
    color: #fff;
}

.positioning {
    margin: 150px 0;
}

.positioning_title {
    font-size: 80px;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 60px;
    color: #fff;
}

.positioning_title span {
    font-size: 40px;
    line-height: 100%;
    text-transform: uppercase;
    display: block;
    color: #F04438;
    margin-bottom: 20px;
}

.positioning_items {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.positioning_item {
    width: calc(33.333% - 13.333px);
    background: #FFFFFF1A;
    padding: 50px;
}

.positioning_item-title {
    font-size: 40px;
    line-height: 120%;
    margin-bottom: 30px;
    color: #fff;
}

.positioning_item-title span {
    color: #F04438;
    margin-right: 4px;
}

.positioning_item-text {
    font-size: 20px;
    line-height: 150%;
    color: #FFFFFFCC;
}

.recommendations_bot {
    display: flex;
    justify-content: space-between;
    margin-top: 124px;
}

.recommendations_bot .main_link {
    margin-left: auto;
}

.recommendations_bot-text {
    max-width: 290px;
    font-size: 36px;
    line-height: 120%;
}

.recommendations_teg {
    font-size: 40px;
    line-height: 100%;
    text-transform: uppercase;
    color: #F04438;
    margin-bottom: 20px;
}


.technical {
    position: relative;
    z-index: 1;
    margin: 150px 0;
}

.technical .quality_title {
    width: 810px;
}

.technical_wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
}


.technical_right {
    width: 810px;
}

.technical_subtitle {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 30px;
}


.technical_subtitle span {
    color: #F04438;
}

.technical_items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.technical_item {
    background: #FFFFFF1A;
    padding: 40px;
    width: calc(50% - 10px);
}

.technical_item-text {
    font-size: 24px;
    line-height: 120%;
    display: flex;
    gap: 4px;
    margin-top: 82px;
}

.technical_item-text span {
    color: #F04438;
}

.technical_info {
    width: 810px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.technical_text {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 50px;
}

.technical_text span {
    color: #F04438;
}

.technical_info .main_link {
    margin-left: auto;
}

.contextual_page .main_text {
    font-size: 40px;
}

.contextual_page .main_options {
    left: 0;
    top: 230px;
}

.contextual_page .main_subtitle {
    top: 480px;
    max-width: 480px;
}

.contextual_principles {
    margin-top: 160px;
}

.contextual_principles .service_principles-title span {
    text-align: right;
    font-size: 128px;
    margin-top: -80px;
}

.contextual_principles-bot {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

.contextual_principles-text {
    font-size: 48px;
    line-height: 120%;
    max-width: 860px;
}

.contextual_principles-text span {
    color: #F04438;
}

.contextual_quality .quality_info {
    padding-bottom: 182px;
}

.contextual_quality .quality_wrapper {
    position: relative;
}

.contextual_quality .main_right {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 785px;
}

.contextual_quality .main_link {
    margin-left: auto;
}

.lids .title span {
    color: #fff;
    font-size: 40px;
    display: block;
    text-transform: uppercase;
}

.lids .title {
    font-size: 96px;
    margin-bottom: 60px;
    color: #F04438;
}

.lids_item:first-child {
    border-top: 1px solid #FFFFFF33;
}

.lids_item {
    border-bottom: 1px solid #FFFFFF33;
}

.lids_item-content {
    padding-bottom: 50px;
    display: none;
}

.lids_item-title {
    font-size: 40px;
    line-height: 120%;
    padding: 50px 0;
    cursor: pointer;
}

.lids_item-title span {
    color: #F04438;
}

.lids_item-text {
    font-size: 20px;
    line-height: 150%;
    color: #FFFFFFCC;
    margin-bottom: 40px;
}

.lids_options {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.lids_option {
    width: calc(33.333% - 13.333px);
    background: #FFFFFF1A;
    padding: 40px;
    display: flex;
    flex-direction: column;
}

.lids_option-title {
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 30px;
}

.lids_option-title span {
    margin-right: 4px;
    color: #F04438;
}

.lids_option-tegs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}

.lids_option-teg {
    border: 1px solid #F04438;
    border-radius: 100px;
    padding: 10px 18px;
    line-height: 150%;
}

.lids_option-text {
    margin-top: auto;
    font-size: 20px;
    line-height: 150%;
    color: #FFFFFFCC;
}

.evolution {
    margin: 150px 0;
}



.evolution .title span {
    color: #fff;
    font-size: 40px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.evolution .title {
    font-size: 96px;
    line-height: 1.2;
    margin-bottom: 0px;
    color: #F04438;
}

.evolution_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

.evolution_text {
    font-size: 24px;
    line-height: 130%;
    max-width: 570px;
}

.evolution_text span {
    color: #F04438;
}

.evolution_items {
    display: flex;
}

.evolution_item {
    padding: 0 50px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    justify-content: center;
    border-left: 1px solid #FFFFFF33;
}

.evolution_item:last-child {
    border-right: 1px solid #FFFFFF33;
}

.evolution_item-title {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 30px;
}

.evolution_item-title span {
    color: #F04438;
}

.evolution_item-text {
    color: #FFFFFFCC;
    font-size: 20px;
    line-height: 150%;
}

.evolution_item-options {
    display: flex;
    margin-top: 30px;
    gap: 20px;
}

.evolution_item-option {
    width: calc(33.333% - 13.333px);
    background: #FFFFFF1A;
    padding: 30px;
}

.evolution_item-subtitle {
    font-size: 26px;
    line-height: 120%;
    margin-bottom: 15px;
}

.evolution_item-info {
    display: none;
}

.evolution_item-number {
    font-size: 36px;
    line-height: 120%;
    color: #F04438;
    align-self: center;
}

.evolution_item.active {
    cursor: default;

}

@keyframes slideAnim {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

.evolution_item.active .evolution_item-number {
    display: none;
}

.evolution_item.active .evolution_item-info {
    display: block;
    animation: slideAnim 0.5s;
}

.card {
    margin: 150px 0 0;
}

.card_title {
    font-size: 80px;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 100px;
}

.card_title span {
    display: block;
    text-align: right;
    margin-top: 30px;
    line-height: 100%;
    text-transform: uppercase;
    color: #F04438;
    font-size: 128px;
}

.card_wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
    align-items: center;
}

.card_img {
    width: 920px;
    height: 790px;
    display: flex;
}

.card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card_info {
    width: 710px;
}

.card_teg {
    border: 1px solid #F04438;
    border-radius: 100px;
    padding: 10px 30px;
    margin-bottom: 40px;
    width: fit-content;
}

.card_subtitle {
    font-size: 64px;
    line-height: 120%;
    text-align: right;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.card_subtitle span {
    color: #F04438;
}

.card_list {
    list-style: disc;
    padding-left: 20px;
    font-size: 20px;
    margin-bottom: 40px;
}

.card_list li {
    margin-bottom: 10px;
}

.card_list li:last-child {
    margin-bottom: 0;
}

.card_desc {
    font-size: 26px;
    line-height: 120%;
    color: #F04438;
    margin-bottom: 40px;
}

.card_item:first-child {
    border-left: 1px solid #FFFFFF33;
}

.card_items {
    display: flex;
}

.card_item {
    padding: 0 50px;
    width: 33.333%;
    border-right: 1px solid #FFFFFF33;
}

.card_item-title {
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 20px;
}

.card_item-text {
    font-size: 20px;
    line-height: 150%;
    color: #FFFFFFCC;
}

.card_steps .steps_title {
    font-size: 96px;
}

.card_steps .steps_title img {
    transform: translateY(10px);
}

.card_steps .steps_info {
    width: 755px;
}

.card_body {
    position: relative;

}

.card .main_download {
    right: 0;
    top: 5px;
    font-weight: 500;
    font-size: 48px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #F04438;
}

.card .main_download::before {
    background-image: url(../img/main_download2.svg);
}

.card_resalts .resalts_item:nth-child(2n) {
    margin-top: -196px;
}

.card_resalts .main_right {
    width: fit-content;
    margin-left: auto;
    transform: translateY(-100px);
}
.popup_body {
    background: #191919;
    width: 730px;
    padding: 50px;
}
.popup_body .question_form-inp{
    width: 100%;
    margin-bottom: 80px;
}
.popup_body-title{
    font-size: 40px;
    line-height: 120%;
    color:#fff;
    margin-bottom: 60px;
}
.popup_body .question_form-ok{
    margin-left: auto;
    margin-bottom: 30px;
}
#popup_thanks .popup_body-title{
    margin-bottom: 20px;
}
#popup_thanks .popup_body-text{
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 60px;
    color:#FFFFFFCC;
}

.popup_body-list {
    font-size: 18px;
    line-height: 150%;
}

@media(max-width:1750px) {
    .container {
        max-width: 1180px;
    }

    .menu {
        gap: 20px;
    }

    .menu a {
        font-size: 14px;
    }

    .header_message {
        width: 40px;
    }

    .header_message img {
        width: 100%;
        height: auto;
    }

    .header_number {
        font-size: 20px;
    }

    .header_logo {
        width: 180px;
    }

    .header_logo img {
        width: 100%;
        height: auto;
    }

    .main h1 {
        font-size: 142px;
        margin-bottom: 130px;
    }

    .main_download {
        width: 180px;
        height: 180px;
        top: 82px;
        right: 20px;
    }

    .main_download::before {
        width: 160px;
        height: 160px;

    }

    .main_text {
        font-size: 30px;
        width: 600px;
    }

    .main_link {
        font-size: 26px;
    }

    .main_inner-title {
        font-size: 20px;
    }

    .main_item-title {
        font-size: 18px;
    }

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

    .main_inner {
        top: 180px;
        width: 580px;
    }

    .main_item {
        padding-left: 40px;
        width: 272px;
    }

    .main_item:nth-child(2) {
        top: 120px;
        left: 152px;
    }

    .main_items::before {
        top: -118px;
        left: -229px;
        width: 730px;
        height: 364px;
    }

    .promotion_title {
        width: 500px;
        font-size: 62px;
    }

    .promotion_top {
        gap: 100px;
    }

    .promotion_info {
        padding-right: 0;
        padding-left: 0;
        width: 480px;
    }

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

    .promotion_bot-title {
        font-size: 62px;
    }

    .promotion_bot {
        width: 480px;
    }

    .promotion::before {
        width: 720px;
        height: 720px;
    }

    .promotion_item {
        width: 292px;
        font-size: 16px;
    }

    .promotion_item:nth-child(1) {
        top: 254px;
        left: 0;
    }

    .promotion_item:nth-child(2) {
        top: 400px;
        left: 300px;
    }

    .promotion_info::before {
        right: 0;
        width: 552px;
        top: 100%;
        height: 105px;
    }

    .principles_top .title {
        width: 720px;
    }

    .principles_text {
        width: 390px;
        font-size: 32px;
    }

    .title {
        font-size: 62px;
    }

    .principles_item-title {
        font-size: 24px;
    }

    .principles_item {
        padding: 30px 0;
    }

    .principles_item-link {
        font-size: 24px;
    }

    .principles_option {
        padding: 20px;
        font-size: 16px;
    }

    .principles_option img {
        width: 120px;
        height: auto;
    }

    .recommendations_info {
        width: 520px;
    }

    .recommendations_steps {
        width: 540px;
    }

    .recommendations_step {
        width: 100%;
        margin-top: -350px;
    }

    .recommendations_number {
        font-size: 32px;
    }

    .recommendations_info .title {
        margin-bottom: 30px;
    }

    .recommendations_subtitle {
        margin-bottom: 30px;
        font-size: 24px;
    }

    .recommendations_text {
        font-size: 16px;
    }

    .recommendations_desc {
        font-size: 20px;
    }

    .resalts_item-img {
        height: 324px;
    }

    .resalts_items {
        gap: 60px;
    }

    .resalts_item {
        width: calc(50% - 30px);
    }

    .resalts .title {
        width: calc(50% - 30px);
        margin-bottom: 30px;
    }

    .main_link {
        margin-left: auto;
    }

    .price .title {
        width: 620px;
    }

    .price_text {
        font-size: 22px;
        width: 500px;
    }

    .price_item {
        padding: 24px;
    }

    .price_item-value {
        font-size: 24px;
    }

    .price_item-link {
        font-size: 18px;
    }

    .price_item-bot {
        flex-wrap: wrap;
        gap: 10px;
    }

    .customers_item {
        padding: 20px 0 20px 120px;
    }

    .customers_items {
        width: 760px;
    }

    .customers_title {
        font-size: 106px;
    }

    .customers_item-number {
        width: 80px;
    }

    .customers_item-title {
        font-size: 32px;
    }

    .customers_item-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .customers_desc {
        font-size: 24px;
        max-width: 530px;
    }

    .reviews_top .title {
        width: 700px;
    }

    .reviews_item-img {
        height: 292px;
    }

    .reviews_item-subtitle {
        font-size: 16px;
    }

    .reviews_item-title {
        font-size: 22px;
    }

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

    .faq_item-title {
        font-size: 20px;
    }

    .question_info {
        width: 500px;
    }

    .question_right {
        width: 590px;
    }

    .question_info-title {
        font-size: 66px;
    }

    .question_info-mail {
        margin-top: -10px;
        font-size: 28px;
    }

    .footer_logo {
        width: 620px;
        display: flex;
    }

    .footer_logo img {
        width: 100%;
        height: auto;
    }

    .footer_number {
        font-size: 72px;
    }

    .footer_menu {
        width: 520px;
        gap: 20px;
    }

    .main_subtitle {
        top: 75px;
        font-size: 32px;
    }

    .service_page .main_text {
        font-size: 30px;
    }

    .service_page.main h1 {
        margin-bottom: 280px;
    }

    .service_page .main_wrapper::before {
        width: 720px;
        height: 400px;
    }

    .main_option {
        width: 260px;
        padding: 20px;
    }

    .main_options {
        left: 20px;
    }

    .service_principles-title span {
        font-size: 126px;
    }

    .service_promotion .promotion_info-text {
        font-size: 28px;
    }

    .service_promotion .promotion_info {
        width: 490px;
    }

    .service_promotion .promotion_item:nth-child(2) {
        right: 150px;
        top: 244px;
    }

    .service_promotion .promotion_item:nth-child(1) {
        top: 250px;
        left: 152px;
    }

    .steps_title {
        font-size: 80px;
    }

    .steps_items,
    .steps_info {
        width: calc(50% - 20px);
    }

    .steps_item-title {
        font-size: 26px;
    }

    .turnkey_item-title {
        font-size: 62px;
    }

    .turnkey_item:nth-child(3) {
        margin-left: 0;
    }

    .turnkey_inner-items {
        width: calc(50% - 20px);

    }

    .turnkey_inner-desc {
        width: calc(50% - 20px);
        font-size: 32px;
    }

    .turnkey_inner-item {
        padding: 30px;
    }

    .turnkey_inner-title {
        font-size: 26px;
    }

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

    .cases_item-left {
        width: 620px;
    }

    .cases_item-right {
        width: 410px;
    }

    .cases_item-resalt {
        height: 360px;
    }

    .cases_item-img {
        height: 292px;
    }

    .cases_item-img:nth-child(1) {
        width: 478px;
    }

    .cases_item-img:nth-child(2) {
        width: 120px;
    }

    .cases_item-options {
        gap: 20px;
        flex-wrap: wrap;
    }

    .cases_item-option {
        width: calc(50% - 10px);
    }

    .quality_info {
        width: 520px;
    }

    .quality_title {
        font-size: 58px;
    }

    .quality_title span {
        font-size: 28px;
    }

    .positioning_title {
        font-size: 64px;
    }

    .positioning_title span {
        font-size: 32px;
    }

    .positioning_item {
        padding: 30px;
    }

    .positioning_item-title {
        font-size: 32px;
    }

    .positioning_item-text {
        font-size: 18px;
    }

    .customers_desc {
        font-size: 20px;
    }

    .recommendations .title {
        font-size: 52px;
    }

    .recommendations_teg {
        font-size: 32px;
    }

    .recommendations_bot {
        flex-direction: column;
        gap: 30px;
    }

    .technical .quality_title {
        width: calc(50% - 20px);
    }

    .technical_info,
    .technical_right {
        width: calc(50% - 20px);
    }

    .technical_item {
        padding: 20px;
    }

    .technical_item-text {
        font-size: 20px;
    }

    .technical_text {
        font-size: 26px;
    }

    .technical_item-text {
        margin-top: 32px;
    }

    .technical_item-img {
        width: 60px;
    }

    .technical_item-img img {
        width: 100%;
        height: auto;
    }

    .technical {
        margin-bottom: 60px;
    }

    .contextual_page.main h1 {
        margin-bottom: 260px;
    }

    .contextual_page .main_subtitle {
        top: 620px;
    }

    .contextual_principles-text {
        width: 620px;
    }

    .contextual_principles .service_principles-title span {
        margin-top: 0;
        text-align: left;
    }

    .contextual_quality .main_right {
        width: 520px;
    }

    .evolution_text {
        max-width: 520px;
    }

    .evolution .title {
        max-width: 620px;
    }

    .evolution_item-options {
        flex-wrap: wrap;
    }

    .evolution_item-option {
        flex: auto;
        width: calc(50% - 10px);
    }

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

    .steps {
        padding: 0;
        margin: 100px 0;
    }

    .lids_option {
        padding: 20px;
    }

    .lids_option-teg {
        font-size: 14px;
    }

    .card_title {
        font-size: 54px;
    }

    .card_title span {
        font-size: 92px;
    }

    .card_img {
        width: calc(50% - 20px);
        height: 476px;
    }

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

    .card_item {
        padding: 0 30px;
    }

    .card_steps .steps_title {
        font-size: 62px;
    }

    .card_steps .steps_info {
        width: 570px;
    }

    .card_info {
        width: calc(50% - 20px);
    }
}

@media (max-width: 1200px) {
    .container {
        max-width: 950px;
    }

    .header {
        position: fixed;
        border-bottom: 1px solid #FFFFFF1A;
        background-color: #000000;
    }

    .header_inner {
        position: fixed;
        opacity: 0;
        visibility: hidden;
        background-color: #000000;
        width: 100%;
        height: 100%;
        top: 76px;
        right: 0;
        transition: all 0.6s;
        padding-top: 40px;
    }

    .header_inner::after {
        position: absolute;
        content: "";
        background-image: url(../img/header_inner.svg);
        background-size: cover;
        top: 0px;
        right: 50%;
        max-width: 100%;
        transform: translateX(50%);
        width: 431px;
        height: 479px;
    }

    .header_inner.active {
        opacity: 1;
        visibility: visible;
    }

    .menu {
        max-width: 930px;
        margin: 0 auto 30px;
        flex-direction: column;
    }

    .menu a {
        font-size: 16px;
        text-align: center;
    }

    .menu {
        gap: 40px;
    }

    .header_message {
        width: 35px;
    }

    .header_number {
        background-image: url(../img/phone.svg);
        width: 35px;
        margin-left: 10px;
        min-width: 35px;
        height: 35px;
        font-size: 0;
    }

    .header_wrapper {
        padding: 20px 0;
    }

    .header_messages {
        margin-left: auto;
    }

    .main h1 {
        font-size: 108px;
        margin-bottom: 60px;
    }

    .main_inner {
        position: relative;
        width: 100%;
        inset: auto;
        margin-bottom: 80px;
    }

    .main_download {
        left: 28px;
        right: auto;
    }

    .main_items {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        height: auto;
    }

    .main {
        padding-top: 120px;
    }

    .main_item {
        position: relative;
        inset: auto !important;
    }

    .main_items::before {
        display: none;
    }

    .main_bot {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }

    .main_right {
        margin-left: auto;
    }

    .promotion_top {
        flex-direction: column;
        gap: 40px;
    }

    .promotion_title {
        text-align: left;
    }

    .promotion_info {
        margin-left: auto;
    }

    .promotion_top {
        margin-bottom: 250px;
    }

    .promotion_bot-title {
        text-align: right;
    }

    .promotion::before {
        top: 56%;
    }

    .promotion_item:nth-child(2) {
        top: 400px;
        left: 40px;
    }

    .promotion_item:nth-child(1) {
        top: 210px;
    }

    .promotion_info::before {
        width: 450px;
    }

    .principles_top {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }

    .principles_text {
        width: 100%;
    }

    .principles_item {
        flex-direction: column;
        gap: 20px;
        text-align: left;
        align-items: flex-start;
    }

    .principles_item:nth-child(2n) {
        text-align: right;
        align-items: flex-end;
    }

    .principles_options {
        flex-wrap: wrap;
    }

    .principles_option {
        width: 50%;
        border: none;
    }

    .principles_option:nth-child(3n) {
        border-right: none;
    }

    .recommendations_steps {
        inset: auto;
        transform: none;
        margin-top: 200px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
        position: relative;
    }

    .recommendations_info {
        width: 100%;
    }


    .resalts_item:nth-child(2n) {
        margin-top: 0;
    }

    .resalts_item-teg {
        font-size: 16px;
        padding: 12px;
    }

    .resalts_item-img {
        height: 266px;
    }

    .resalts .main_right {
        transform: none;
        margin-top: 40px;
    }

    .price_top {
        flex-direction: column;
        gap: 20px;
    }

    .price_text {
        width: 100%;
    }

    .price_items {
        flex-wrap: wrap;
    }

    .price_item {
        flex: auto;
        width: 50%;
    }

    .customers_title {
        transform: none;
        writing-mode: horizontal-tb;
        margin-bottom: 20px;
        width: 100%;
        font-size: 86px;
    }

    .customers_items {
        width: 100%;
    }

    .customers_wrapper {
        flex-direction: column;
    }

    .customers_bot {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }

    .reviews_top {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }

    .reviews_item {
        width: calc(50% - 15px);
    }

    .reviews_item-img {
        height: 490px;
    }

    .faq_items {
        columns: 1;
    }

    .question_wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .question_right,
    .question_info {
        width: 100%;
    }

    .footer_top {
        flex-direction: column;
        gap: 20px;
    }

    .footer_wrapper {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }

    .footer_inner-item {
        font-size: 18px;
    }

    .footer_menu {
        width: 100%;
    }

    .menu_burger {
        display: block;
        width: 17px;
        height: 15px;
        margin-left: 30px;
        position: relative;
    }

    .menu_burger::before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        width: 100%;
        height: 2px;
        background-color: #fff;
        transition: all 0.3s;
    }

    .menu_burger.active::before {
        transform: rotate(45deg);
        top: 6px;
    }

    .menu_burger::after {
        position: absolute;
        content: "";
        bottom: 0;
        right: 0;
        width: 100%;
        height: 2px;
        background-color: #fff;
        transition: all 0.3s;
    }

    .menu_burger.active::after {
        transform: rotate(-45deg);
        bottom: 7px;
    }

    .menu_burger span {
        position: absolute;
        content: "";
        top: 6.5px;
        right: 0;
        width: 60%;
        height: 2px;
        background-color: #fff;
        transition: all 0.3s;
    }

    .menu_burger.active span {
        transform: scale(0);
    }

    .header_mobile-links {
        display: block;
        margin-top: auto;
        max-width: 700px;
        margin: auto auto 0;
    }

    .header_inner {
        display: flex;
        flex-direction: column;
        height: calc(100% - 75px);
        padding-bottom: 30px;
        overflow: auto;
    }

    .header_mobile-links .header_messages {
        justify-content: center;
    }

    .header_mobile-links .header_message {
        width: 50px;
    }

    .header_mail {
        line-height: 120%;
        text-transform: uppercase;
        color: #F04438;
        gap: 10px;
        border-bottom: 1px solid #F04438;
        padding-bottom: 10px;
        width: fit-content;
        margin: 0 auto;
    }

    .header_mobile-links .header_number {
        font-size: 32px;
        background: none;
        display: flex;
        margin: 40px auto 20px;

        width: auto;
    }

    .service_page .main_wrapper::before {
        display: none;
    }

    .main_subtitle {
        position: relative;
        inset: auto;
        max-width: 100%;
        margin-bottom: 20px;
        text-align: left;
    }

    .service_page.main h1 {
        margin-bottom: 40px;
    }

    .main_options {
        position: relative;
        inset: auto;
        margin-bottom: 40px;
    }

    .main_option:nth-child(3),
    .main_option:nth-child(2) {
        margin-top: 0;
    }

    .service_principles-title span {
        font-size: 96px;
    }

    .service_principles-title {
        font-size: 52px;
    }

    .service_principles {
        margin-bottom: 0;
    }

    .service_promotion .promotion_item:nth-child(1) {
        top: 304px;
        left: 54px;
    }

    .service_promotion .promotion_item:nth-child(2) {
        right: 34px;
        top: 357px;
    }

    .service_promotion .promotion_info-text {
        font-size: 20px;
    }

    .service_promotion .promotion_info {
        width: 330px;
    }

    .promotion_inner .main_right {
        width: 350px;
    }

    .promotion+.steps {
        padding: 0;
    }

    .steps_wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .steps_items,
    .steps_info {
        width: 100%;
    }

    .steps_wrapper .main_right {
        position: relative;
        inset: auto;
    }

    .steps_title img {
        width: 142px;
    }

    .turnkey_item {
        gap: 30px;
    }

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

    .turnkey_item-text img {
        width: 160px;
    }

    .turnkey_item-title {
        font-size: 42px;
    }

    .cases_item-top {
        padding: 30px;
    }

    .cases_item-wrapper {
        padding: 10px 30px 30px;
        flex-direction: column;
        gap: 20px;
    }

    .cases_item-right {
        width: 100%;
    }

    .cases_item-resalt {
        width: 410px;
        margin-left: auto;
    }

    .cases_item-imgs {
        width: 100%;
    }

    .cases_item-img {
        width: calc(50% - 10px) !important;
    }

    .cases_item-left {
        width: 100%;
    }

    .quality_wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .quality_info {
        width: 100%;
    }

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

    .positioning_item-title {
        font-size: 24px;
    }

    .recommendations_bot-text {
        max-width: 100%;
    }

    .technical_info {
        position: relative;
    }

    .technical_wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .technical_info,
    .technical_right,
    .technical .quality_title {
        width: 100%;
    }

    .contextual_page.main h1 {
        margin-bottom: 60px;
    }

    .contextual_page .main_options {
        inset: auto;
    }

    .contextual_page .main_subtitle {
        inset: auto;
    }

    .contextual_page .main_text {
        font-size: 30px;
    }

    .contextual_principles .service_principles-title span {
        font-size: 76px;
    }

    .contextual_principles-text {
        max-width: 420px;
        font-size: 32px;
    }

    .contextual_quality .quality_info {
        padding-bottom: 0;
    }

    .contextual_quality .main_right {
        position: relative;
        inset: auto;
    }

    .lids_option {
        width: calc(50% - 10px);
    }

    .evolution_top {
        flex-direction: column;
        gap: 20px;
    }

    .evolution_text,
    .evolution .title {
        max-width: 100%;
    }

    .evolution_items {
        flex-wrap: wrap;
    }

    .evolution_item {
        width: 100%;
        padding: 30px 0;
        border-top: 1px solid #FFFFFF33;
        border-left: none;
    }

    .evolution_item:last-child {
        border-right: none;
    }

    .evolution_item-number {
        display: none;
    }

    .evolution_item-info {
        display: block;
    }

    .evolution_item-text,
    .evolution_item-options {
        display: none;
    }

    .evolution_item.active .evolution_item-text,
    .evolution_item.active .evolution_item-options {
        display: flex;
    }

    .card .main_download {
        display: none;
    }

    .card_title {
        margin-bottom: 20px;
    }

    .card_wrapper {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }

    .card_items {
        flex-wrap: wrap;
    }

    .card_item {
        padding: 0 20px;
    }

    .card_info {
        width: 100%;
    }

    .card_img {
        width: 620px;
        height: 532px;
    }

    .resalts .title {
        width: 100%;
    }

    .card_resalts .resalts_item:nth-child(2n) {
        margin-top: 0;
    }
}


@media (max-width: 991.98px) {
    .container {
        max-width: 730px;
    }

    .menu {
        max-width: 700px;
    }

    .main h1 {
        font-size: 78px;
    }

    .main_download {
        width: 160px;

        height: 160px;
        top: 50px;
    }

    .main_download::before {
        width: 135px;
        height: 135px;
    }

    .main_items {
        flex-wrap: wrap;
        gap: 20px;
    }

    .main_item {
        width: calc(50% - 10px);
    }

    .main_text {
        font-size: 24px;
    }

    .main_link {
        font-size: 22px;
    }

    .main_link svg {
        width: 18px;
        height: auto;
    }

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

    .promotion_top {
        margin-bottom: 278px;
    }

    .promotion_info {
        margin-left: 0;
    }

    .promotion_item:nth-child(1) {
        top: auto;
        bottom: 262px;
        left: auto;
        right: -19px;
    }

    .promotion_item:nth-child(2) {
        top: auto;
        left: 0px;
        bottom: 192px;
    }

    .promotion_info::before {
        background-image: url(../img/promotion_info2.svg);
    }

    .promotion {
        padding: 100px 0;
    }

    .resalts_item-top {
        flex-wrap: wrap;
        gap: 6px;
    }

    .resalts_item-title {
        font-size: 20px;
    }

    .resalts_item-img {
        height: 198px;
    }

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

    .reviews_item-img {
        height: 370px;
    }

    .main_options {
        gap: 10px;
        flex-wrap: wrap;
        align-items: stretch;
    }

    .main_option {
        width: calc(50% - 5px);
    }

    .service_principles {
        margin-top: 60px;
    }

    .service_principles-title span {
        font-size: 72px;
    }

    .service_principles-title {
        font-size: 40px;
    }

    .service_promotion .promotion_item:nth-child(1) {
        top: 420px;
        left: -15px;
        right: auto;
        bottom: auto;
    }

    .service_promotion .promotion_item:nth-child(2) {
        bottom: auto;
        right: -14px;
        top: 420px;
    }

    .service_promotion .promotion_top {
        margin-bottom: 220px;
    }

    .service_promotion .promotion_inner {
        flex-direction: column-reverse;
        gap: 10px;
    }

    .service_promotion .promotion_inner .main_right {
        width: 100%;
    }

    .service_promotion .promotion_info {
        width: 488px;
    }

    .service_promotion .promotion_info-text {
        font-size: 26px;
    }

    .steps_title {
        font-size: 56px;
    }

    .steps_title img {
        width: 120px;
        transform: translateY(10px);
    }

    .steps_title span {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .turnkey_title span {
        font-size: 32px;
    }

    .turnkey_title {
        font-size: 56px;
    }

    .turnkey_item:nth-child(2n),
    .turnkey_item {
        align-items: flex-start;
        flex-direction: column;
    }

    .turnkey_inner {
        margin-top: 30px;
        flex-direction: column;
        gap: 30px;
    }

    .turnkey_inner-items,
    .turnkey_inner-desc {
        width: 100%;
    }

    .turnkey_inner .main_right {
        position: relative;
    }

    .cases_item-top {
        flex-wrap: wrap;
        gap: 15px;
    }

    .cases_item-resalt {
        display: none;
    }

    .cases_item-img {
        height: 190px;
    }

    .cases_item-title {
        font-size: 32px;
    }

    .positioning_item {
        width: calc(50% - 10px);
    }

    .recommendations {
        padding: 0;
        margin: 60px 0;
    }

    .contextual_principles {
        margin-top: 60px;
    }

    .contextual_principles .service_principles-title span {
        font-size: 62px;
    }

    .contextual_principles-bot {
        flex-direction: column;
        gap: 20px;
    }

    .steps,
    .evolution,
    .quality {
        margin: 60px 0;
    }

    .evolution .title span,
    .lids .title span {
        font-size: 30px;
        line-height: 1;
    }

    .evolution .title,
    .lids .title {
        font-size: 62px;
    }

    .lids_item-title {
        font-size: 32px;
        padding: 20px 0;
    }

    .lids_option-text,
    .lids_item-text {
        font-size: 16px;
    }

    .evolution_item-title {
        font-size: 32px;
    }


    .card {
        margin-top: 118px;
    }

    .card_img {
        width: 100%;
        height: auto;
    }

    .card_item {
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid #FFFFFF33;
        border-right: none;
    }

    .card_item:first-child {
        border-left: none;
        border-top: 1px solid #FFFFFF33;
    }
}

@media (max-width: 767.98px) {
    .container {
        max-width: 100%;
    }

    .header_logo {
        width: 120px;
    }

    .main h1 {
        font-size: 40px;
        margin-bottom: 80px;
    }

    .main_download {
        width: 135px;
        top: 26px;
        height: 135px;
    }

    .main_download img {
        width: 21px;
        height: auto;
    }

    .main_download::before {
        width: 115px;
        height: 115px;
    }

    .main_inner-title {
        font-size: 24px;
        margin-bottom: 22px;
    }

    .main_item {
        width: 100%;
        padding-left: 38px;
    }

    .main_item:nth-child(1) {
        margin-left: 30px;
    }

    .main_item:nth-child(2) {
        margin-left: 16px;
    }

    .main_item::before {
        width: 18px;
        height: 18px;
    }

    .main_item-title {
        font-size: 16px;
    }

    .main_inner {
        margin-bottom: 20px;
    }

    .main_text {
        width: 100%;
    }

    .main_items::before {
        display: block;
        background-image: url(../img/main_items2.svg);
        width: 160px;
        height: 426px;
        left: -15px;
    }

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

    .main_link {
        gap: 10px;
        font-size: 16px;
    }

    .main_link svg {
        width: 12px;
    }

    .promotion {
        padding: 0;
        margin: 60px 0;
    }

    .promotion_title {
        font-size: 40px;
        width: 100%;
    }

    .promotion_top {
        gap: 10px;
        margin-bottom: 410px;
    }

    .promotion_info {
        width: 283px;
    }

    .promotion_info-title {
        font-size: 20px;
        line-height: 120%;
        margin-bottom: 10px;
    }

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

    .promotion_bot-subtitle {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .promotion_bot-title {
        font-size: 40px;
    }

    .promotion_bot {
        width: 100%;
    }

    .promotion_item {
        width: 238px;
        font-size: 14px;
        padding-right: 33px;
    }

    .promotion_item::before {
        width: 18px;
        height: 18px;
    }

    .promotion_info {
        margin: 0 auto;
        transform: translateX(-20px);
    }

    .promotion_title {
        max-width: 330px;
    }

    .promotion_info::before {
        left: auto;
        right: 0;
        width: 284px;
        height: 104px;
    }

    .promotion::before {
        width: 500px;
        height: 500px;
        top: 170px;
        transform: translateX(50%);
    }

    .promotion_item:nth-child(2) {
        padding-right: 0;
        padding-left: 33px;
        text-align: left;
    }

    .promotion_item:nth-child(1) {
        right: calc(50% - 178px);
    }

    .promotion_item:nth-child(2) {
        left: calc(50% - 174px);
    }

    .promotion_item:nth-child(2)::before {
        right: auto;
        left: 0;
    }

    .principles_top .title {
        width: 100%;
    }

    .title {
        font-size: 40px;
    }

    .principles_text {
        font-size: 20px;
        text-align: right;
    }

    .principles_top {
        margin-bottom: 30px;
    }

    .principles_item-title {
        font-size: 20px;
    }

    .principles_item-link {
        font-size: 18px;
        gap: 10px;
    }

    .principles_item-link svg {
        width: 13px;
        height: auto;
    }

    .principles_option:first-child {
        border: none;
    }

    .principles_option {
        width: 100%;
        padding: 30px 0;
        border-top: 1px solid #FFFFFF33;
        font-size: 14px;
    }

    .principles_items {
        margin-bottom: 0;
    }

    .recommendations {
        margin: 60px 0;
        padding: 0;
    }

    .principles {
        margin-bottom: 60px;
    }

    .recommendations_subtitle {
        font-size: 20px;
        text-align: right;
    }

    .recommendations_steps {
        width: 100%;
        margin-bottom: 30px;
    }

    .recommendations_step {
        height: 250px;
        padding: 40px;
        margin-top: -200px;
    }

    .recommendations_step-number {
        font-size: 32px;
    }

    .recommendations_step-title {
        font-size: 20px;
    }

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

    .recommendations_step:first-child {
        margin-top: -160px;
    }

    .recommendations_text {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .recommendations_number {
        font-size: 24px;
        margin-right: auto;
    }


    .recommendations_message {
        width: 35px;
    }

    .recommendations_message img {
        width: 100%;
        height: auto;
    }

    .resalts {
        padding: 0;
        margin: 60px 0;
    }

    .resalts_item {
        width: 100%;
    }

    .resalts_items {
        gap: 30px;
    }

    .resalts_item-teg {
        font-size: 14px;
        padding: 8px 15px;
    }

    .resalts_item-top {
        margin-bottom: 15px;
    }

    .resalts_item-img {
        height: 213px;
        margin-bottom: 15px;
    }

    .resalts_item-title {
        font-size: 16px;
        margin-bottom: 10px;
    }

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

    .main_right-text {
        margin-bottom: 5px;
    }

    .price {
        padding: 0;
        margin: 60px 0;
    }

    .price .title {
        width: 100%;
    }

    .price_text {
        font-size: 16px;
        text-align: right;
    }

    .price_top {
        margin-bottom: 30px;
    }

    .price_item {
        width: 100%;
        padding: 20px;
        background: #FFFFFF1A;
        margin-bottom: 20px;
    }

    .price_item:last-child {
        margin-bottom: 0;
    }

    .price_item:nth-child(1) {
        border: none;
    }

    .price_item-list li {
        font-size: 14px;
        margin-bottom: 15px;
        padding-left: 35px;
    }

    .price_item-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .price_item-text {
        font-size: 16px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .price_item-value {
        font-size: 20px;
    }

    .price_item-bot {
        padding-top: 20px;
    }

    .price_item-link {
        font-size: 16px;
        gap: 10px;
    }

    .price_item-link img {
        width: 12px;
        height: auto;
    }

    .customers {
        padding: 0;
        margin: 60px 0;
    }

    .customers_title {
        font-size: 40px;
    }

    .customers_item-number {
        width: 38px;
        font-size: 16px;
    }

    .customers_item {
        padding-left: 58px;
    }

    .customers_item-title {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .customers_item-teg {
        padding: 5px 15px;
        font-size: 14px;
    }

    .customers_item-tegs {
        gap: 5px;
    }

    .customers_item-top {
        margin-bottom: 15px;
    }

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

    .customers_desc {
        font-size: 20px;
        text-align: right;

    }

    .reviews {
        padding: 0;
        margin: 60px 0;
    }

    .reviews_top .title {
        width: 100%;
    }

    .reviews_items {
        gap: 20px;
        flex-wrap: nowrap;
        overflow: auto;
        width: calc(100% + 15px);
        padding-right: 15px;
    }

    .reviews_items::-webkit-scrollbar {
        display: none;
    }

    .reviews_item {
        width: 300px;
        min-width: 300px;
    }

    .reviews_wrapper {
        padding-bottom: 82px;
        position: relative;
    }

    .reviews_wrapper .main_right {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .reviews_top {
        margin-bottom: 30px;
    }

    .reviews_item-img {
        height: 320px;
        margin-bottom: 15px;
    }

    .reviews_item-subtitle {
        font-size: 14px;
    }

    .reviews_item-title {
        font-size: 16px;
    }

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

    .faq {
        margin: 60px 0;
    }

    .faq_item-title {
        font-size: 16px;
        padding: 20px 35px 20px 0;
    }

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

    .question {
        padding: 0;
        margin: 60px 0;
    }

    .question_info-title {
        font-size: 40px;
    }

    .question_info-title img {
        width: 110px;
    }

    .question_info-mail {
        margin-top: 10px;
        margin-left: 0;
        font-size: 24px;
    }

    .question_info-subtitle {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .question_right-title {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .question_form-inp {
        width: 100%;
    }

    .question_form {
        gap: 40px;
    }

    .question_form-ok {
        margin: 0;
        width: 100%;
        font-size: 14px;
    }

    .question_form-btn {
        font-size: 18px;
    }

    .footer {
        padding: 60px 0;
    }

    .footer_logo {
        width: 100%;
    }

    .footer .main_right {
        margin: 0 auto;
    }

    .footer .main_link {
        margin: 0 auto;
    }

    .footer_menu li {
        width: 100%;
        text-align: center;
    }

    .footer_menu {
        gap: 30px;
    }

    .footer_number {
        font-size: 40px;
        text-align: center;
        display: block;
        width: 100%;
    }

    .footer_inner {
        padding-top: 20px;
        flex-direction: column;
        gap: 30px;
    }

    .footer_inner-item {
        font-size: 16px;
        text-align: center;
    }

    .header_mobile-links {
        display: block;
    }

    .main_subtitle {
        font-size: 24px;
    }

    .main_option {
        width: 100%;
        flex-direction: row;
        font-size: 14px;
        align-items: center;
    }

    .main_option img {
        width: 40px;
        height: auto;
    }

    .service_page .main_text {
        font-size: 20px;
    }

    .service_principles-title span {
        font-size: 40px;
        text-align: right;
    }

    .service_principles-title {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .service_promotion.promotion::before {
        display: none;
    }

    .service_promotion .promotion_info-text {
        text-align: center;
        font-size: 16px;
    }

    .service_promotion .promotion_info::before {
        background-image: url(../img/promotion_info3.svg);
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        width: 500px;
        height: 500px;
        left: auto;
        bottom: auto;
    }

    .service_promotion .promotion_info {
        margin: 110px 0;
        width: 100%;
        padding: 0;
        transform: none;
    }

    .service_promotion .promotion_top {
        margin: 0;
    }

    .service_promotion .promotion_item:nth-child(1) {
        top: 117px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        padding: 0 0 28px;
    }

    .service_promotion .promotion_item:nth-child(1)::before {
        bottom: 0;
        right: 50%;
        top: auto;
        transform: translateX(50%);
    }

    .service_promotion .promotion_item:nth-child(2) {
        right: 50%;
        transform: translateX(50%);
        bottom: 169px;
        text-align: center;
        top: auto;
        padding: 28px 0 0;
    }

    .service_promotion .promotion_item:nth-child(2)::before {
        bottom: auto;
        right: 50%;
        top: 0;
        left: auto;
        transform: translateX(50%);
    }

    .steps_title span {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .steps_title {
        font-size: 36px;
    }

    .steps_title img {
        display: none;
    }

    .steps_item-title {
        padding: 20px 0;
        font-size: 20px;
    }

    .steps_item-text {
        padding: 0 0 20px;
        font-size: 14px;
    }

    .steps_item.active {
        background: none;
    }

    .turnkey {
        margin: 60px 0;
    }

    .turnkey_title span {
        font-size: 24px;
        text-align: left;
    }

    .turnkey_title {
        font-size: 36px;
        margin-bottom: 30px;
        text-align: right;
    }

    .turnkey_item-text img {
        width: 120px;
    }

    .turnkey_item-text {
        width: 100%;
        min-width: 1px;
        font-size: 14px;
    }

    .turnkey_item-title {
        font-size: 36px;
        text-align: right;
        width: 100%;
    }

    .turnkey_item:nth-child(2n) .turnkey_item-title {
        text-align: left;
    }

    .turnkey_item {
        margin-bottom: 30px;
    }

    .turnkey_inner-desc {
        font-size: 20px;
    }

    .turnkey_inner-item {
        padding: 20px;
    }

    .turnkey_inner-title {
        margin-bottom: 15px;
        font-size: 20px;
    }

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

    .cases {
        margin: 60px 0;
    }

    .cases_title {
        margin-bottom: 30px;
        font-size: 24px;
    }

    .cases_item-top {
        padding: 20px 0;
    }

    .cases_item.active {
        background: none;
    }

    .cases_item-title {
        font-size: 20px;
    }

    .cases_item-teg {
        font-size: 14px;
        padding: 5px 15px;
    }

    .cases_item-wrapper {
        padding: 10px 0 20px;
    }

    .cases_item-option span {
        font-size: 16px;
    }

    .cases_item-option {
        font-size: 14px;
    }

    .cases_item-imgs {
        gap: 10px;
        overflow: auto;
        width: calc(100% + 15px);
        padding: 15px;
    }

    .cases_item-imgs::-webkit-scrollbar {
        display: none;
    }

    .cases_item-img {
        width: 300px;
        height: 300px;
        min-width: 300px;
    }

    .positioning,
    .quality {
        margin: 60px 0;
    }

    .quality_title span {
        font-size: 24px;
        text-align: left;
    }

    .quality_title {
        font-size: 36px;
        text-align: right;
    }

    .positioning_title span {
        text-align: left;
        font-size: 24px;
    }

    .positioning_title {
        text-align: right;
        font-size: 32px;
        margin-bottom: 20px;
    }

    .positioning_item {
        width: 100%;
        padding: 20px;
    }

    .positioning_item-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

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

    .recommendations_teg {
        font-size: 24px;
    }

    .recommendations .title {
        text-align: right;
        font-size: 32px;
    }

    .recommendations_bot {
        margin-top: 30px;
    }

    .recommendations_bot-text {
        font-size: 20px;
    }

    .technical {
        margin: 60px 0;
    }

    .technical_subtitle {
        font-size: 20px;
    }

    .technical_item {
        width: 100%;
        align-items: center;
    }

    .technical_item-img {
        width: 60px;
        margin: 0 auto 30px;
    }

    .technical_item-text {
        font-size: 16px;
        margin-top: 0;
        text-align: center;
        justify-content: center;
    }

    .technical_text {
        margin-bottom: 15px;
        font-size: 20px;
    }

    .contextual_page.main h1 {
        margin-bottom: 20px;
    }

    .contextual_page .main_text {
        font-size: 20px;
    }

    .contextual_principles .service_principles-title span {
        font-size: 40px;
        text-align: right;
        margin-top: 20px;
    }

    .contextual_principles-bot {
        gap: 30px;
        margin-top: 30px;
    }

    .contextual_principles-text {
        width: 100%;
        font-size: 20px;
    }

    .recommendations_text {
        margin-top: 20px;
    }

    .recommendations_desc {
        font-size: 16px;
    }

    .recommendations_desc:last-child {
        margin-bottom: 0;
    }

    .contextual_quality .main_right {
        width: 100%;
    }

    .lids .title span {
        font-size: 24px;
        text-align: left;
    }

    .lids .title {
        font-size: 36px;
        margin-bottom: 30px;
        text-align: right;
    }

    .lids_item-title {
        font-size: 20px;
    }

    .lids_option-text,
    .lids_item-text {
        font-size: 14px;
    }

    .lids_item-text {
        margin-bottom: 10px;
    }

    .lids_option {
        width: 100%;
    }

    .lids_option-title {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .lids_option-teg {
        padding: 5px 15px;
    }

    .lids_option-tegs {
        margin-bottom: 15px;
    }

    .lids .customers_desc {
        font-size: 16px;
        text-align: left;
    }

    .evolution .title span {
        font-size: 24px;
        text-align: left;
        margin-bottom: 10px;
    }

    .evolution .title {
        font-size: 36px;
        text-align: right;
        margin-bottom: 0px;
    }

    .evolution_text {
        font-size: 20px;
    }

    .evolution_top {
        margin-bottom: 30px;
    }

    .evolution_item-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

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

    .evolution_item-option {
        padding: 20px;
        width: 100%;
    }

    .evolution_item-subtitle {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .resalts_subtitle {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .card_title {
        font-size: 40px;
    }

    .card_title span {
        font-size: 48px;
        margin-top: 0;
    }

    .card_teg {
        font-size: 14px;
        padding: 8px 15px;
        margin-bottom: 20px;
    }

    .card_subtitle {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .card_list {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .card_desc {
        font-size: 16px;
    }

    .card_wrapper {
        margin-bottom: 60px;
    }

    .card_item-title {
        font-size: 20px;
    }

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

    .card_steps .steps_info {
        width: 100%;
    }

    .card_steps .steps_title span {
        line-height: 1.2;
        text-align: left;
    }

    .card_steps .steps_title {
        font-size: 40px;
        text-align: right;
        line-height: 1.2;
    }
    .popup_body{
        padding: 40px 20px;
    }
    .popup_body-title{
        font-size:24px;
        margin-bottom:30px;
    }
    .popup_body .question_form-inp {
    margin-bottom: 30px;
}
 .popup_body .question_form-btn svg {
    width: 16px;
    height: auto;
}
 .popup_body  .question_form-btn {
        font-size: 18px;
        padding-bottom: 4px;
        gap:10px;
    }
    #popup_thanks .popup_body-text {
    font-size: 16px;
    margin-bottom: 34px;
    }
}



#cookie_note{
    display: none;
    gap: 5px;
    align-items: center;
    justify-content: center;
    position: fixed;
    max-width:900px;
    z-index: 10;
    bottom: 15px;
    left: 50%;
    width: 90%;
    transform: translateX(-50%);
    padding: 10px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}
#cookie_note.show { display: flex; }
#cookie_note>button {
    width: 270px;
    font-size: 10px;
    line-height: 25px;
    color: white;
    background: black;
    padding: 5px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: none;
}

#cookie_note>button:hover {
    background-color: #F04438;
}

#cookie_note p{
    margin: 0;
    font-size: 0.7rem;
    line-height:1.2;
    text-align: left;
    color: black;
}
#cookie_note p a{color:#F04438;}
@media (max-width: 991px) {
    #cookie_note{ flex-direction:column; }
}


.policyPersonal__page h4{font-size: 25px;margin:30px 0;}
.policyPersonal__page h5{font-size: 20px;margin:20px 0;}
.policyPersonal__page .descr{margin-bottom:15px;}
.policyPersonal__page .ol{}
.policyPersonal__page .ol .li{margin-bottom:10px;}
.policyPersonal__page table{border-collapse: collapse; width:100%;}
.policyPersonal__page table tr{}
.policyPersonal__page table td,
.policyPersonal__page table th{border: 1px solid;padding:20px;}