/*! 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
}



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;
}

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

body {
    overflow: hidden;
    position: relative;
    font-family: "Lato", sans-serif;
    background: linear-gradient(180deg, #21248D 0%, #0B0D4C 100%);
    color: #fff;
}

body::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #ffffff1c;
    top: 0;
    right: 0;
    pointer-events: none;
    z-index: -1;
    filter: blur(20px);
}

a {
    text-decoration: none;
}

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


.flex{display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;}

/* modals */
.modal{background: linear-gradient(180deg, #21248D 0%, #0B0D4C 100%);backdrop-filter: blur(10px);width: 622px;border-radius: 20px;padding: 40px;}

/* SEO text */
.seo__text{}
.seo__text h1{margin-bottom:40px;}
.seo__text h2{margin:30px 0;}
.seo__text h3{margin:30px 0;}
.seo__text h4{margin:25px 0;}
.seo__text h5{margin:25px 0;}
.seo__text h6{margin:20px 0;}
.seo__text p{font-weight: 500;font-size: 16px;line-height: 130%;margin-bottom: 20px;}
.seo__text a{color:#ffffff; font-weight: 500;font-size: 16px;line-height: 130%;text-decoration: underline;}
.seo__text ul{font-weight: 500;font-size: 16px;line-height: 130%;padding-left: 25px;margin-bottom: 20px;list-style: disc;}
.seo__text ul li{margin-bottom: 6px;}

.seo__text ol{font-weight: 500;font-size: 16px;line-height: 130%;padding-left: 25px;margin-bottom: 20px;}
.seo__text ol li{margin-bottom: 6px;}

/* Блог */
.blog__block.flex{flex-wrap:wrap;gap:60px 20px;}
.blog__block{}
.blog__block .blog__item{width: 493px;text-decoration:none;}
.blog__block .blog__item img{width:100%;height:250px;margin-bottom:20px;object-fit: cover;object-position: 50% 0%;border-radius:20px;}
.blog__block .blog__item .blog__date{font-size:12px;opacity:0.6;margin-bottom: 15px;}
.blog__block .blog__item .blog__title{font-size: 28px;}

@media (max-width: 767px) {
    /* Блог */
    .blog__block.flex{justify-content: center;gap:40px 20px;}
    .blog__block .blog__item{width:100%;max-width: 493px;}
    .blog__block .blog__item .blog__title{font-size: 20px;}
}


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

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

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

.header_logo {
    display: flex;
}

.header_logo-img {
    display: flex;
}

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

.header_logo-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    width: 175px;
    border-left: 1px solid #FFFFFF33;
    padding-left: 25px;
    color: #fff;
    margin-left: 25px;
}

.menu {
    display: flex;
    gap: 40px;

}

.menu a {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #fff;
    transition: all 0.3s;
}

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

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

.header_message {
    display: flex;
}

.header_message path {
    transition: all 0.3s;
}

.header_message:hover path {
    fill: #f9bdb1;
}

.header_number {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 6px;
    display: block;
    transition: all 0.3s;
}

.header_number:hover {
    color: #f9bdb1;
}

.header_order {
    display: block;
    color: #FFFFFFCC;
    width: fit-content;
    margin-left: auto;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    text-decoration: underline;
    transition: all 0.3s;
}

.header_order:hover {
    color: #f9bdb1;
}

.circle {
    pointer-events: none;
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.main {
    position: relative;
    padding-top: 215px;
    z-index: 3;
    padding-bottom: 94px;
}

.main h1 {
    font-size: inherit;
}

.main .main_subtitle,
.main .main_text {
    position: relative;
    z-index: 1;
}

.main_circle {
    position: absolute;
    width: 860px;
    height: 1209px;
    top: 0px;
    right: 0px;
    background-image: url(../img/main_circle.svg);
    filter: blur(260px);
}

.main_subtitle {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 60px;
}

.main_title {
    font-weight: 500;
    font-size: 96px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 60px;
    position: relative;
    z-index: 4;
}

.main_title-teg {
    text-transform: none;
    position: absolute;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    border: 1px solid #FFFFFF;
    z-index: 1;
    border-radius: 500px;
    transition: all 1s;
    padding: 13px 30px;
    opacity: 0;
}

.main_title-teg:nth-child(1) {
    top: -14px;
    left: 256px;
    transform: translate(-100%, -320%) rotate(0deg);
    background: linear-gradient(90deg, #373998 0%, #373998 100%);
}

.main_title.animation .main_title-teg:nth-child(1) {
    transform: translate(0%, 0%) rotate(-4.4deg);
    opacity: 1;
}

.main_title-teg:nth-child(2) {
    bottom: -15px;
    transform: translate(-100%, 320%) rotate(0deg);
    left: 441px;
    transition-delay: 0.3s;
    background: linear-gradient(112.95deg, #393A97 12.78%, #4A3F91 86.38%);
}

.main_title.animation .main_title-teg:nth-child(2) {
    transform: translate(0%, 0%) rotate(-10deg);
    opacity: 1;
}

.main_title-teg:nth-child(3) {
    top: -12px;
    left: 696px;
    transform: translate(100%, -320%) rotate(0);
    background: linear-gradient(90deg, #4C428E 0%, #704F7F 100%);
}

.main_title.animation .main_title-teg:nth-child(3) {
    transform: translate(0%, 0%) rotate(7.5deg);
    transition-delay: 0.6s;
    opacity: 1;
}

.main_title-teg:nth-child(4) {
    bottom: -20px;
    right: 332px;
    transform: translate(100%, 320%) rotate(0deg);
    background: linear-gradient(90deg, #9E5870 0%, #A7596E 100%);
}

.main_title.animation .main_title-teg:nth-child(4) {
    transform: translate(0%, 0%) rotate(-3.38deg);
    transition-delay: 0.9s;
    opacity: 1;
}

.main_text {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    text-align: center;
    color: #fff;
    max-width: 830px;
    margin: 0 auto 60px;
}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
    border-radius: 500px;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s;
    z-index: 1;
    border: 1px solid #ffffff00;
    color: #393997;
}


.btn:hover {
    background: #ffffff00;
    color: #fff;
    border: 1px solid #fff;
}


.main_btns {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 154px;
}

.main_btn {
    width: 300px;
    height: 60px;
}

.main_lines {
    height: 80px;
    position: relative;
}

.main_line {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    top: 0;
    right: 0%;
    position: absolute;
}

.main_line:nth-child(2) {
    transform: rotate(-5deg);
    animation: lineAnim 20s linear infinite;
}

@keyframes lineAnim {
    from {
        transform: rotate(-5deg) translateX(-100%);
    }
}



.main_line:nth-child(2) .main_line-item {
    background: #2527D4;
}

.main_line:nth-child(1) {
    animation: lineAnim2 20s linear infinite reverse;
    transform: rotate(5deg);
}

@keyframes lineAnim2 {
    from {
        transform: rotate(5deg) translateX(-100%);
    }
}

.main_line:nth-child(1) .main_line-item {
    background: #FFFFFF1A;
}

.main_line-item {
    font-weight: 500;
    white-space: nowrap;
    padding-left: 58px;
    position: relative;
    font-size: 28px;
    line-height: 130%;
    height: 100%;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #fff;
    padding-right: 50px;
}

.main_line-item::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.services {
    margin: 150px 0;
}

.title {
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    padding-left: 26px;
    position: relative;
    width: 622px;
}

.title::before {
    position: absolute;
    content: "";
    background-image: url(../img/title.svg);
    background-size: cover;
    width: 16px;
    height: 24px;
    left: 0;
    top: 0;
}

.subtitle {
    font-weight: 500;
    font-size: 40px;
    width: 880px;
    line-height: 130%;
    text-align: right;
    color: #fff;
}

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

.services {
    position: relative;
    z-index: 2;
}

.services_circle {
    position: absolute;
    background-image: url(../img/services_bg.svg);
    background-size: cover;
    width: 1449px;
    height: 1449px;
    z-index: -1;
    top: 0px;
    left: 400px;
    filter: blur(200px)
}

.services_item {
    padding: 40px 0;
    position: relative;
}

.services_item::before {
    position: absolute;
    content: "";
    background-color: #FFFFFF33;
    height: 1px;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    width: 1520px;
}

.services_item::after {
    position: absolute;
    content: "";
    background-color: #FFFFFF33;
    height: 1px;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    width: 1520px;
}

.services_item-top {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
}

.services_item-title {
    width: 470px;
    font-weight: 500;
    font-size: 36px;
    line-height: 130%;
    text-transform: uppercase;
}

.services_item-title span {
    text-transform: none;
    display: block;
    font-size: 16px;
    margin-top: 10px;
    line-height: 130%;
    color: #FFFFFFCC;
}

.services_item-text {
    width: 500px;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFFCC;
}

.services_item-price {
    width: 290px;
    font-weight: 500;
    font-size: 36px;
    line-height: 130%;
    text-align: right;
    text-transform: uppercase;
}

.services_item-price span {
    text-transform: none;
    display: block;
    font-size: 16px;
    text-align: right;
    margin-top: 10px;
    line-height: 130%;
    color: #FFFFFFCC;
}

.services_item-wrapper {
    display: none;
}

.services_item-inner {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.services_item-options {
    width: 470px;
    min-width: 470px;
    margin-right: 60px;
}

.services_item-option {
    background: #FFFFFF1A;
    backdrop-filter: blur(10px);
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 10px;
    transform: translateX(-60px);
    transition: all 0.3s 0.3s;
    opacity: 0;
}

.services_item-option:nth-child(2) {
    transition-delay: 0.6s;
}

.services_item-option:nth-child(3) {
    transition-delay: 0.9s;
}

.services_item-option:nth-child(4) {
    transition-delay: 1.2s;
}

.services_item.active .services_item-option {
    opacity: 1;
    transform: translateX(0px);
}

.services_item-subtitle {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    text-transform: uppercase;
    color: #FFFFFF99;
    margin-bottom: 10px;
}

.services_item-option p {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 20px;
}

.services_item-option ul {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    padding-left: 25px;
    margin-bottom: 20px;
    list-style: disc;
}

.services_item-option li::marker {
    font-size: 18px;
}

.services_item-option li {
    margin-bottom: 6px;
}

.services_item-option p:last-child {
    margin-bottom: 0;
}

.services_item-img {
    width: 1080px;
    height: 590px;
    min-width: 1080px;
    border-radius: 30px;
    display: flex;

    cursor: none;
    opacity: 0;
    transition: all 0.6s 0.5s;
}

.how.active .services_item-img,
.services_item.active .services_item-img {
    opacity: 1;
    transform: rotate(-3deg);
}

.services_item-img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}

.services_item-img span {
    display: flex;
    position: absolute;
    top: 0;
    pointer-events: none;
    left: 0;
    transform: rotate(3deg) translate(0%, 0%) scale(0);
    transition: transform 0.3s ease;
}

.services_item-img span.active {
    transform: rotate(3deg) translate(0%, 0%) scale(1);
}

.order {
    position: relative;
    z-index: 2;
    margin: 150px 0;
}

.order::before {
    position: absolute;
    content: "";
    background-image: url(../img/order_bef.svg);
    background-size: cover;
    width: 963px;
    height: 787px;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    z-index: -1;
}

.order_circle {
    position: absolute;
    display: flex;
    pointer-events: none;
    width: 1230px;
    height: 825px;
    top: 10%;
    z-index: -2;
    right: 5%;
    background-image: url(../img/order_circle.svg);
    filter: blur(200px);
}

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

.order_info {
    width: 780px;
}

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

.order_title {
    font-weight: 500;
    font-size: 40px;
    line-height: 130%;
    margin-bottom: 20px;
}

.order_subtitle {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFFCC;
    margin-bottom: 100px;
}

.order_inner {
    margin-bottom: 100px;
    display: flex;
    align-items: center;
    gap: 30px;
}

.order_inner-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF99;
    width: 374px;
}

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

.order_inner-item:first-child {
    mask: none;
    border-radius: 50%;
    overflow: hidden;
    height: 60px;
}

.order.animation .order_inner-item {
    opacity: 1;
    transform: translateX(0px);
}

.order_inner-item {
    width: 60px;
    height: 66px;
    background: #FFFFFF33;
    display: flex;
    justify-content: center;
    mask: url("../img/order_inner-item.svg");
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: center;
    align-items: center;
    transform: translateX(-20px);
    opacity: 0;
    transition: all 0.3s;
    font-weight: 500;
}

.order_inner-item:nth-child(2) {
    transition-delay: 0.3s;
}

.order_inner-item:nth-child(3) {
    transition-delay: 0.6s;
}

.order_inner-item:nth-child(4) {
    transition-delay: 0.9s;
}

.order_inner-item:nth-child(5) {
    transition-delay: 1.2s;
}

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

.order_bot-links {
    display: flex;
    gap: 52px;
    margin-bottom: 30px;
}

.order_bot-number {
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    display: block;
    line-height: 100%;
    margin-bottom: 12px;
    transition: all 0.3s;
}

.order_bot-number:hover {
    color: #f9bdb1;
}


.order_bot-mail {
    font-weight: 500;
    font-size: 24px;
    display: block;
    line-height: 100%;
    color: #fff;
    margin-bottom: 12px;
    transition: all 0.3s;
}

.order_bot-mail:hover {
    color: #f9bdb1;
}

.order_bot-time {
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    color: #FFFFFFCC;
}

.order_bot-order {
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    line-height: 100%;
    text-decoration: underline;
    transition: all 0.3s;
}

.order_bot-order:hover {
    color: #f9bdb1;
}

.order_bot-btn {

    width: 210px;
    height: 60px;

}

.btn_white {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    text-transform: uppercase;
    background: none;
    color: #fff;
    display: flex;
    justify-content: center;
    cursor: pointer;
    align-items: center;
    border: 1px solid #FFFFFF;
    border-radius: 500px;
    position: relative;
    transition: all 0.3s;
    overflow: hidden;
}

.btn_white:hover {
    background: #fff;
    color: #2528d4;
}

.order_bot-messages {
    display: flex;
    gap: 10px;
}

.order_bot-message path {
    transition: all 0.3s;
}

.order_bot-message:hover path:nth-child(1) {
    stroke: #f9bdb1;
}

.order_bot-message:hover path:nth-child(2) {
    fill: #f9bdb1;
}

.order_bot-btns {
    gap: 50px;
    display: flex;
    align-items: center;
}

.order_right {
    background: #FFFFFF1A;
    backdrop-filter: blur(10px);
    width: 622px;
    border-radius: 20px;
    padding: 40px;
}

.order_right-title {
    font-weight: 500;
    font-size: 40px;
    line-height: 130%;
    margin-bottom: 15px;
}

.order_right-subtitle {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 60px;
    color: #FFFFFFCC;
}

.order_form {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

.form_inp {
    border: none;
    padding-bottom: 25px;
    display: block;
    width: calc(50% - 30px);
    background: none;
    color: #fff;
    border-bottom: 1px solid #FFFFFF;
}

input:focus::placeholder,
textarea:focus::placeholder {
    opacity: 0;
}

textarea::placeholder,
input::placeholder {
    transition: all 0.3s;
}

.form_area::placeholder,
.form_inp::placeholder {
    color: #FFFFFF99;
}

.form_area {
    border: none;
    resize: none;
    display: block;
    width: 100%;
    height: 101px;
    background: none;
    color: #fff;
    border-bottom: 1px solid #FFFFFF;
}

.order_form-btn {
    width: 100%;
    height: 60px;
}

.form_ok {
    display: block;
    cursor: pointer;
    color: #FFFFFFCC;
    margin-top: -30px;
    padding-left: 35px;
    position: relative;
    font-size: 14px;
    line-height: 150%;
}

.form_ok a {
    text-decoration: underline;
    color: #fff;
    transition: all 0.3s;
}

.form_ok a:hover {
    color: #f9bdb1;
}

.form_ok input {
    display: none;
}

.form_ok span {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 2px;
    left: 0;
    top: 2px;
}

.form_ok input:checked+span {
    background-image: url(../img/check.svg);
    background-position: center;
    background-repeat: no-repeat;
}

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

.why_circle {
    position: absolute;
    pointer-events: none;
    z-index: -1;
    background-image: url(../img/why_circle.svg);
    background-size: cover;
    width: 1612px;
    height: 1131px;
    top: 10%;
    right: 2%;
    filter: blur(200px);
}

.subtitle span {
    display: block;
    margin-top: 20px;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    text-align: left;
    color: #FFFFFFCC;
}

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

.why_item {
    width: calc(50% - 10px);
    background: #FFFFFF1A;
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 40px 40px 40px 350px;
    position: relative;
}

.why_item-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 20px;
}

.why_item p {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 20px;
}

.why_item ul {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    padding-left: 25px;
    margin-bottom: 20px;
    list-style: disc;
}

.why_item li::marker {
    font-size: 18px;
}

.why_item li {
    margin-bottom: 6px;
}

.why_item p:last-child {
    margin-bottom: 0;
}

.why_item-img {
    display: flex;
    position: absolute;
    left: 0;
    top: 50%;
    max-height: 100%;
    transform: translateY(-50%);
    max-width: 345px;
}

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

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

.cases_circle {
    position: absolute;
    background-image: url(../img/cases.svg);
    background-size: cover;
    width: 1652px;
    height: 1073px;
    filter: blur(200px);
}

.cases_circle2 {
    position: absolute;
    background-image: url(../img/cases2.svg);
    background-size: cover;
    width: 1106px;
    height: 826px;
    filter: blur(200px);
    bottom: -700px;
    left: 100px;
}

.cases_imgs {
    height: 540px;
    width: 800px;
    min-width: 800px;
}

.cases_imgs>img {
    position: absolute;
}

.cases_imgs>img:nth-child(2) {
    width: 715px;
    height: 392px;
    border-radius: 30px;
    overflow: hidden;
    top: -50px;
    border: 2px solid #613E74;
    left: 0;
}

.cases_imgs>img:nth-child(1) {
    width: 640px;
    height: 350px;
    border-radius: 30px;
    overflow: hidden;
    bottom: -80px;
    left: 152px;
    transform: rotate(10deg);
}

.promotion {
    margin: 150px 0;
    position: relative;
    z-index: 2;
}

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

.promotion_item {
    width: calc(25% - 15px);
    background: #FFFFFF1A;
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
}

.promotion_item-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    margin-bottom: 30px;
    width: 100%;
}

.promotion_item-img img {
    max-width: 100%;
    max-height: 100%;
}

.promotion_item-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 1px;
}

.promotion_item-price {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 30px;
    color: #FFFFFFCC;
}

.promotion_item-btn {
    margin-top: auto;
    height: 50px;
    width: 100%;
}

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

.advantages_circle {
    position: absolute;
    content: "";
    background-image: url(../img/advantages.svg);
    background-size: cover;
    width: 1106px;
    height: 826px;
    filter: blur(200px);
    z-index: -1;
    right: 0;
    top: -80px;
}

.advantages_circle2 {
    position: absolute;
    content: "";
    background-image: url(../img/advantages2.svg);
    background-size: cover;
    width: 1606px;
    height: 849px;
    filter: blur(200px);
    z-index: -1;
    bottom: -600px;
    right: 10%;
}

.advantages .order_right {
    width: 542px;
}

.advantages .order_right-title {
    font-size: 32px;
}

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

.advantages_items {
    width: 880px;
}

.advantages_item {
    border-top: 1px solid #FFFFFF33;
    padding: 30px 0;
}

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

.advantages_item-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 20px;
}

.advantages_item-title span {
    color: #FFFFFF99;
    margin-right: 10px;
}

.advantages_item-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF99;
}

.steps {
    position: relative;
    z-index: 2;
    margin: 150px 0;
}

.steps_circle {
    position: absolute;
    content: "";
    background-image: url(../img/steps.svg);
    background-size: cover;
    width: 1535px;
    height: 971px;
    filter: blur(200px);
    z-index: -1;
    right: 0;
    bottom: -440px;
}

.steps_slider {
    width: 150%;
}

.steps_slider .slick-track {
    display: flex;
}

.steps_slide {
    width: 450px;
    margin-right: 20px;
    height: inherit;
    display: flex !important;
    position: relative;
    flex-direction: column;
}

.steps_slide::before {
    position: absolute;
    content: "";
    width: calc(100% - 109px);
    height: 1px;
    background-color: #FFFFFF33;
    top: 25px;
    right: -20px;
}

.steps_slide::after {
    position: absolute;
    content: "";
    width: calc(0% - 109px);
    height: 1px;
    background-color: #fff;
    top: 25px;

    left: 129px;
}

.steps_slide.slick-current::after {
    width: calc(100% - 109px);
    transition: all 4.3s linear;

}

.steps_slide.slick-current .steps_slide-subtitle {
    background-color: #fff;
    color: #2A2C73;
}

.steps_slide-subtitle {
    border: 1px solid #FFFFFF;
    border-radius: 500px;
    padding: 14px 30px;
    width: fit-content;
    margin-bottom: 20px;
    font-weight: 500;
    transition: all 0.3s;
    font-size: 18px;
    line-height: 130%;
}

.steps_slide-body {
    backdrop-filter: blur(10px);
    background: #FFFFFF1A;
    padding: 30px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
}

.steps_slide-number {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #FFFFFF99;
}

.steps_slide-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 15px;
}

.steps_slide-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF99;
    margin-bottom: 30px;
}

.steps_slide-btn {
    height: 50px;
    flex: auto;
}

.steps_slide-btns {
    display: flex;
    margin-top: auto;
    flex-wrap: wrap;
    gap: 10px;
}

.price {
    position: relative;
    margin: 150px 0;
    z-index: 2;
}

.price::before {
    position: absolute;
    content: "";
    background-image: url(../img/price_bef.svg);
    background-size: cover;
    width: 796px;
    height: 794px;
    top: -140px;
    pointer-events: none;
    z-index: 0;
    left: 150px;
}

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

.price_left {
    width: 500px;
}

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

.price .subtitle {
    text-align: left;
}

.price_items {
    width: 880px;
}

.price_item {
    padding: 30px 0;
    border-top: 1px solid #FFFFFF33;
}

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

.price_item-title {
    font-weight: 500;
    font-size: 24px;
    cursor: pointer;
    line-height: 130%;
}

.price_item-title span {
    color: #FFFFFF99;
    margin-right: 10px;
}

.price_item-content {
    margin-top: 20px;
    display: none;
}

.price_item-content table {
    border-spacing: 0px;

    background: #FFFFFF1A;
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 24px;
    width: 100%;
}

.price_item-content table th {
    text-align: left;
    font-size: 18px;
}

.price_item-content th {
    padding-bottom: 18px;
    min-width: 100px;
    font-weight: 500;
}

.price_item-content td {
    border-top: 1px solid #FFFFFF33;
    padding: 18px 0;
    min-width: 100px;
}

.cursor-trail {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
}

.particle {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(65.31deg, rgba(234, 26, 101, 0.6) 7.86%, rgba(248, 152, 29, 0.6) 91.16%);
    filter: blur(10px);
    transform: translate(-50%, -50%);
}

.price_item-content tr:last-child td {
    padding-bottom: 0;
}

.faq {
    margin: 150px 0;
    position: relative;
    z-index: 3;
}

.faq_circle {
    position: absolute;
    content: "";
    background-image: url(../img/faq.svg);
    background-size: cover;
    width: 867px;
    height: 489px;
    filter: blur(100px);
    z-index: -1;
    top: 0px;
    right: 20%;
}

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

.faq_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.faq_left {
    width: 780px;

}

.faq_item-title {
    border-top: 1px solid #FFFFFF33;
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    padding: 30px 0;
    cursor: pointer;
    position: relative;
}

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

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

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

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

}

.faq_item-title span {
    margin-right: 10px;
    color: #FFFFFF99;
}

.faq_item-content {
    display: none;
}

.faq_item-content p {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 14px;
    color: #FFFFFFCC;
}

.faq_item-content ul {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 14px;
    color: #FFFFFFCC;
    padding-left: 26px;
    list-style: disc;
}

.faq .form_area {
    height: 198px;
}

.footer {
    padding-top: 50px;
    border-top: 1px solid #FFFFFF33;
    position: relative;
}

.footer_circle {
    position: absolute;
    content: "";
    background-image: url(../img/footer.svg);
    background-size: cover;
    width: 110%;
    height: 797px;
    filter: blur(200px);
    z-index: -1;
    top: -100px;
    right: calc(45% - 50vw);
}

.footer_logo {
    display: flex;
    margin-bottom: 30px;
}

.footer_logo-img {
    display: flex;
}

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

.footer_logo-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    width: 175px;
    border-left: 1px solid #FFFFFF33;
    padding-left: 25px;
    color: #fff;
    margin-left: 25px;
}

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

.footer_links {
    display: flex;
    margin-bottom: 20px;
    gap: 15px;
    align-items: center;
}

.footer_adres {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 20px;
    width: 280px;
    padding-left: 34px;
    position: relative;
}

.footer_adres::before {
    position: absolute;
    content: "";
    background-image: url(../img/ares.svg);
    background-size: cover;
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
}

.footer_mail {
    color: #fff;
    font-size: 16px;
    line-height: 150%;
    padding-left: 34px;
    position: relative;
    margin-right: 15px;
    transition: all 0.3s;
}

.footer_mail:hover {
    color: #f9bdb1;
}

.footer_mail::before {
    position: absolute;
    content: "";
    background-image: url(../img/mil.svg);
    background-size: cover;
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
}

.footer_number {
    font-weight: 500;
    font-size: 24px;
    padding-left: 34px;
    position: relative;
    color: #fff;
    line-height: 150%;
    transition: all 0.3s;
}

.footer_number:hover {
    color: #f9bdb1;
}


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

.footer_item:last-child {
    min-width: 300px;
}

.footer_item:nth-child(3) .footer_menu {
    columns: 2;
    gap: 60px;
}

.footer_item-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 30px;
}

.footer_message path {
    transition: all 0.3s;
}

.footer_message:hover path {
    fill: #f9bdb1;
}

.footer_menu a {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFFCC;
    margin-bottom: 20px;
    transition: all 0.3s;
}

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

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

.footer_inner-item {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF99;
    transition: all 0.3s;
}

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

.menu_burger {
    display: none;
}

.service_main {
    padding-bottom: 0;
}

.service_main .main_title-teg:nth-child(2) {
    bottom: 100px;
}

.service_main .main_title-teg:nth-child(3) {
    top: 100px;
}

.service_main .main_btn {
    width: auto;
    padding: 10px 60px;
}

.service_main-img {
    position: absolute;
    display: flex;
    width: 650px;
    height: 356px;
    z-index: 2;
    border-radius: 30px;
    overflow: hidden;
    transition: all 0.6s;
}

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

.service_main-img:nth-child(1) {
    left: -400px;
    opacity: 0;
    bottom: 0;
    transform: rotate(10deg);
}

.service_main-img:nth-child(2) {
    opacity: 0;
    right: -400px;
    bottom: -34px;
    transform: rotate(-3deg);
}


.service_main:has(.main_title.animation) .service_main-img:nth-child(1) {
    left: -223px;
    opacity: 1;
    transition-delay: 1.2s;
}

.service_main:has(.main_title.animation) .service_main-img:nth-child(2) {
    right: -204px;
    opacity: 1;
    transition-delay: 1.4s;
}

.service_price {
    position: relative;
    z-index: 3;
}

.service_price-items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
}

.service_price-item {
    width: calc(25% - 15px);
    background: #FFFFFF1A;
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 30px;
}

.service_price-subtitle {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 10px;
    color: #fff;
}

.service_price-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    color: #fff;
    margin-bottom: 10px;
}

.service_price-time {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFFCC;
    margin-bottom: 30px;
}

.service_price-btn {
    height: 50px;
    margin-bottom: 30px;
    width: 100%;
}

.service_price-inner:last-child {
    padding-bottom: 0;
}

.service_price-inner {
    padding: 30px 0;
    border-top: 1px solid #FFFFFF33;
}

.service_price-inner:first-child .service_price-list {
    display: block;
}

.service_price-desc {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    text-transform: uppercase;
    color: #FFFFFFCC;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.service_price-desc::after {
    position: relative;
    content: "";
    background-image: url(../img/service_price-desc.svg);
    background-size: cover;
    display: block;
    width: 12px;
    height: 8px;
}

.service_price-list {
    margin-top: 15px;
    display: none;
}

.service_price-list li {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF;
    padding-left: 24px;
    position: relative;
    margin-bottom: 15px;
}

.service_price-list li.none {
    color: #FFFFFF66;
}

.service_price-list li.none::before {
    background-image: url(../img/service_price-list2.svg);
}

.service_price-list li::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(../img/service_price-list1.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

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


.service_order .order_info .order_subtitle {
    max-width: 650px;
}

.service_order .advantages_items {
    width: 750px;
}

.service_order.order::before {
    display: none;
}

.service_order .advantages_item-text {
    color: #FFFFFF;
}

.service_order .advantages_item-text li {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF;
    padding-left: 24px;
    position: relative;
    margin-bottom: 15px;
}

.service_order .advantages_item-text li:last-child {
    margin-bottom: 0;
}

.service_order .advantages_item-text li::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(../img/service_price-list1.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.advantages_item-price {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    margin-top: 20px;
}

.advantages_item {
    position: relative;
}

.advantages_item-cursor {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
}

.advantages_item-cursor span {
    position: absolute;
    transform: scale(0);
    transition: transform 0.3s;
    pointer-events: none;
}

.advantages_item-cursor span.active {
    transform: scale(1);

}


.cycle {
    margin: 150px 0;
    position: relative;
    z-index: 2;
}

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

.cycle_item {
    width: calc(33.333% - 13.333px);
    background: #FFFFFF1A;
    backdrop-filter: blur(20px);
    padding: 30px;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
}

.cycle_item-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 130%;
    margin-bottom: 40px;
    font-weight: 700;
}

.cycle_item-subtitle {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    text-transform: uppercase;
    color: #FFFFFF99;
    margin-bottom: 10px;
}

.cycle_item-options {
    margin-bottom: 10px;
}

.cycle_item-option {
    position: relative;
    padding-left: 44px;
    padding-bottom: 30px;
}

.cycle_item-option::before {
    position: absolute;
    content: "";
    background-image: url(../img/cycle_item.svg);
    background-size: cover;
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
}

.cycle_item-option::after {
    position: absolute;
    border: 1px solid #FFFFFF33;
    width: 1px;
    height: calc(100% - 24px);
    top: 24px;
    left: 11px;
    content: "";
}

.cycle_item-option:last-child:after {
    display: none;
}

.cycle_item-bot {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cycle_item-text {
    line-height: 130%;
}

.cycle_item-btn {
    width: 200px;
    height: 50px;
}

.cycle_item-price {
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
}

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

.how_circle {
    position: absolute;
    content: "";
    background-image: url(../img/how.svg);
    background-size: cover;
    width: 1612px;
    height: 1131px;
    filter: blur(200px);
    z-index: -1;
    top: -100px;
    right: 0%;
}

.how_wrapper {
    display: flex;
}

.how_title {
    font-weight: 500;
    font-size: 40px;
    line-height: 130%;
    margin: 60px 0 20px;
}

.how_info {
    width: 650px;
    min-width: 650px;
    margin-right: 120px;
}

.how_text {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 40px;
    color: #FFFFFFCC;
}

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

.how_option {
    width: calc(50% - 10px);
    background: #FFFFFF1A;
    border-radius: 20px;
    backdrop-filter: blur(20px);
    padding: 20px;
}

.how_option-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 20px;
}

.how_option ul {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFFCC;
    padding-left: 26px;
    list-style: disc;
}

.how_option ul li {
    margin-bottom: 10px;
}

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

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

.include_circle {
    position: absolute;
    content: "";
    background-image: url(../img/include.svg);
    background-size: cover;
    width: 1612px;
    height: 1131px;
    filter: blur(200px);
    z-index: -1;
    top: 400px;
    right: 0%;
}

.include_wrapper {
    display: flex;

    justify-content: flex-end;
}

.include_info {
    min-width: 650px;
    margin-left: 120px;
    width: 650px;
}

.include_title {
    font-weight: 500;
    font-size: 40px;
    line-height: 130%;
    margin: 60px 0 20px;
}

.include_text {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 40px;
    color: #FFFFFFCC;
}

.include_subtitle {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 40px;
}

.how_img-desc {
    background: linear-gradient(90deg, #593D72 0%, #35327A 100%);
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    padding: 15px 30px;
    max-width: 547px;
    position: absolute;
    z-index: 1;
    bottom: -60px;
    left: -40px;
    font-weight: 500;
    transform: rotate(3deg);
    font-size: 18px;
    line-height: 130%;
    color: #fff;
}

.include {
    margin: 150px 0;
    position: relative;
    z-index: 2;
}

.include_option {
    padding: 25px 0;
    border-top: 1px solid #FFFFFF33;
    padding-left: 84px;
    position: relative;
}

.include_option-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 20px;
}

.include_option-icon {
    position: absolute;
    left: 0;
    top: 25px;
}

.include_option-title span {
    color: #FFFFFF99;
    margin-right: 10px;
    display: inline-block;
}

.include_option-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFFCC;
}

.include_imgs {
    position: relative;
}

.include_img {
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    position: relative;
}

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

.include_img:nth-child(1) {
    width: 1078px;
    height: 590px;
    border: 1px solid #613E74;
    transform: rotate(7deg);
    z-index: 2;
}

.include_img:nth-child(2) {
    width: 842px;
    height: 462px;
    transform: rotate(-3deg);
    margin-top: -160px;
    margin-left: auto;
    margin-right: 30px;
}

.include_img-cursor {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 3;
    right: 0;
}

.include_img-cursor span {
    position: absolute;
    transform: scale(0);
    transition: transform 0.3s;
    pointer-events: none;

}

.include_img-cursor span.active {
    transform: scale(1);

}



.connecting {
    margin: 150px 0;
    position: relative;
    z-index: 3;
}

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

.connecting_info {
    width: 650px;
}

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

.connecting_title {
    font-weight: 500;
    font-size: 40px;
    line-height: 130%;
    margin-bottom: 20px;
}

.connecting_text {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFFCC;
}

.connecting_items {
    width: 750px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.connecting_item {
    width: calc(50% - 10px);
    backdrop-filter: blur(20px);
    background: #FFFFFF1A;
    border-radius: 20px;
    padding: 30px;
}

.connecting_item-number {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    text-transform: uppercase;
    color: #FFFFFF99;
    margin-bottom: 60px;
}

.connecting_item-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 20px;
}

.connecting_item-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
}

.info_block {
    margin: 150px 0;
}

.info_block-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 150px;
    position: relative;
    z-index: 2;
}

.info_block-circle {
    position: absolute;
    content: "";
    background-image: url(../img/info_block-circle.svg);
    background-size: cover;
    width: 1106px;
    height: 826px;
    filter: blur(200px);
    z-index: -2;
    top: 0px;
    right: 0%;
}

.info_block-wrapper:last-child {
    margin-bottom: 0;
}

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

.info_block-content {
    width: 650px;
    min-width: 650px;
    margin-left: 120px;
    position: relative;
}

.info_block-content::before {
    position: absolute;
    content: "";
    background-image: url(../img/info_block.svg);
    background-size: cover;
    width: 670px;
    height: 593px;
    top: 0;
    pointer-events: none;
    right: 20px;
}

.info_block-title {
    font-weight: 500;
    font-size: 40px;
    line-height: 130%;
    margin-bottom: 20px;
}

.info_block-title span {
    color: #FFFFFF99;
}

.info_block-subtitle {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 40px;
    color: #FFFFFFCC;
}

.info_block .cycle_item-subtitle {
    color: #fff;
    font-weight: 500;
}

.info_block .cycle_item-text {
    color: #FFFFFFCC;
}

.info_block .cycle_item-text ul {
    list-style: disc;
    padding-left: 20px;
}

.info_block .include_img {
    transform: rotate(2deg);
}


.info_block-wrapper:nth-child(2) {
    flex-direction: row-reverse;
}

.info_block-wrapper:nth-child(2) .include_img {
    width: 730px;
    transform: rotate(-2deg);

}

.info_block-wrapper:nth-child(2) .info_block-content {
    margin-left: 0;
    margin-right: 120px;
}

.info_block-wrapper:nth-child(2) .info_block-circle {
    left: -20%;
    right: auto;
}




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

.development_item {
    width: calc(25% - 15px);
    backdrop-filter: blur(20px);
    background: #FFFFFF1A;
    border-radius: 20px;
    padding: 30px;
}

.development_item-number {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    text-transform: uppercase;
    color: #FFFFFF99;
    margin-bottom: 60px;
}

.development_item-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 20px;
}

.development_item-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
}

.crumbs {
    display: flex;
    margin-bottom: 60px;
    gap: 15px;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.crumb {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #fff;
}

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

.crumb:last-child {
    opacity: 0.6;
}

.crumb::after {
    position: relative;
    content: "";
    width: 20px;
    height: 1px;
    background-color: #fff;
}

.works_page-links {
    display: flex;
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
    gap: 20px;
    flex-wrap: wrap;
}

.works_page-link {
    border: 1px solid #FFFFFF;
    border-radius: 500px;
    padding: 14px 30px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    transition: all 0.3s;
}

.works_page-link:hover,
.works_page-link.active {
    background: #FFFFFF;
    color: #423D91;
}

.services_item-teg {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    border: 1px solid #FFFFFF33;
    border-radius: 500px;
    padding: 8px 15px;
    width: fit-content;
    color: #fff;
}

.services_item-text:has(.services_item-teg) {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 710px;
    align-items: center;
}

.team {
    position: relative;
    z-index: 3;
}

.team_slider {
    pointer-events: none;
    transform: translateX(-185px);
    width: calc(100% + 200px);
}

.team_slide {
    width: 365px;
    margin: 0 10px;
}

.team_slide-img {
    height: 400px;
    margin-bottom: 25px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
}

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

.team_slide-subtitle {
    font-weight: 500;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 130%;
    text-transform: uppercase;
    color: #FFFFFF99;
}

.team_slide-title {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
}

.team_slide-text {
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFFCC;
}

.main+.how {
    position: relative;
    z-index: 3;
}

.main+.how .how_wrapper {
    flex-direction: row-reverse;
    align-items: center;
}


.main+.how .how_info {
    margin-right: 0;
    margin-left: 120px;
}

.main+.how .services_item-img {
    transform: rotate(4deg);
}

.why_cards {
    position: relative;
    z-index: 4;
}

.why_card {
    background: #FFFFFF1A;
    backdrop-filter: blur(10px);
    border-radius: 20px;
    width: fit-content;
    min-width: min-content;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.why_card-prev {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    writing-mode: tb-rl;
    transform: rotate(180deg);
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 450px;
    padding: 40px;
}

.why_cards {
    display: flex;
    gap: 20px;
}

.why_card-info {
    padding: 70px 40px 70px 450px;
    max-height: 450px;
    overflow: hidden;
    position: relative;
    height: 100%;
    transition: all 0.3s;
    display: none;
}

.why_card-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 500px;
    opacity: 0.2;
}

.why_card-img img {
    width: 100%;
}

@keyframes cardAnim {
    0% {
        transform: rotate(4deg);
        opacity: 0;
    }

    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}

.why_card.active {
    animation: cardAnim 1s;
}

.why_card.active .why_card-info {
    display: block;

}

.why_card.active .why_card-prev {
    display: none;
}

.why_card-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 130%;
    margin-bottom: 40px;
}




.why_card-info p {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 14px;
    color: #FFFFFFCC;
}

.why_card-info ul {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 14px;
    color: #FFFFFFCC;
    padding-left: 26px;
    list-style: disc;
}

.now {
    margin: 150px 0;
    position: relative;
    z-index: 3;
}

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

.now_item {
    width: calc(50% - 10px);
    background: #FFFFFF1A;
    border-radius: 20px;
    padding: 40px;
}

.now_item-img {
    height: 368px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    margin-bottom: 40px;
}

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

.now_item-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 130%;
    margin-bottom: 30px;
}

.now_item-option {
    font-weight: 500;
    font-size: 16px;
    display: block;
    margin-bottom: 20px;
    line-height: 130%;
    color: #fff;
}

.now_item-option span {
    color: #FFFFFF99;
}

.now_item-option:last-child {
    margin-bottom: 0;
}

.work {
    padding: 150px 0 60px;
    position: relative;
    z-index: 3;
}

.work_circle {
    position: absolute;
    background-image: url(../img/work.svg);
    background-size: cover;
    top: -20px;
    right: -20px;
    width: 860px;
    height: 1209px;
    filter: blur(200px);
    pointer-events: none;
}

.work_wrapper {
    display: flex;
    position: relative;
    z-index: 2;
    justify-content: flex-end;
}

.work_wrapper .services_item-img {
    opacity: 1;
    transform: rotate(3deg);
}

.work_info {
    width: 650px;
    margin-left: 70px;
    min-width: 650px;
    position: relative;
}

.work_info::before {
    position: absolute;
    content: "";
    background-image: url(../img/info_block.svg);
    background-size: cover;
    width: 670px;
    height: 593px;
    top: 0;
    pointer-events: none;
    right: 20px;
}

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

.work_title {
    font-weight: 500;
    font-size: 40px;
    line-height: 130%;
    margin-bottom: 20px;
}

.work_subtitle {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 60px;
    color: #FFFFFFCC;
}

.work_options {
    display: flex;
    gap: 40px;
    margin-bottom: 60px;
}

.work_option {
    padding-right: 40px;
    border-right: 1px solid #FFFFFF33;
}

.work_option:last-child {
    padding-right: 0;
    border-right: none;
}

.work_option-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFFCC;
    margin-bottom: 10px;
}

.work_option-text {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
}

.work_value {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 20px;
}

.work_team-wrapper {
    margin-top: 60px;
    position: relative;
    z-index: 2;
}

.work_team-title {
    font-weight: 500;
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 30px;
}

.work_team-items {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 60px;
}

.work_team-item {
    width: 182px;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
}

.work_team-item img {
    width: 100%;
    height: 182px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 15px;
}

.work_text {
    columns: 2;
    font-weight: 400;
    gap: 100px;
    font-size: 20px;
    line-height: 130%;
    position: relative;
    z-index: 2;
    color: #FFFFFFCC;
}

.work_text p {
    margin-bottom: 10px;
}

.work_gallery {
    position: relative;
    z-index: 1;
}

.work_gallery-circle {
    position: absolute;
    content: "";
    background-image: url(../img/work_gallery.svg);
    background-size: cover;
    width: 1449px;
    height: 1449px;
    filter: blur(200px);
    z-index: -2;
    top: 0px;
    right: 0%;
}

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

.work_gallery-item {
    width: calc(33.333% - 20px);
    position: relative;
}

.work_gallery-img {
    height: 583px;
    width: 100%;
    border-radius: 20px;
    display: flex;
    overflow: hidden;
    margin-bottom: 30px;
}

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

.work_gallery-title {
    font-weight: 500;
    font-size: 26px;
    line-height: 130%;
    color: #fff;
}




.work_gallery-item span {
    position: absolute;
    transform: scale(0);
    transition: transform 0.3s;
    pointer-events: none;
}

.work_gallery-item span.active {
    transform: scale(1);
    z-index: 2;
}

.times {
    margin: 150px 0;
    position: relative;
    z-index: 3;
}

.times_items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px;
    position: relative;
}

.times_items::before {
    position: absolute;
    content: "";
    background-color: #FFFFFF33;
    width: 100vw;
    height: 1px;
    right: 50%;
    transform: translateX(50%);
    top: 12px;
}

.times_item {
    padding-top: 44px;
    position: relative;
    width: 25%;
    padding-right: 30px;
}

.times_item::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 25px;
    background-image: url(../img/times_item.svg);
    background-size: cover;
    top: 0;
    left: 0;
}

.times_item-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 20px;
}

.times_item-option {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 130%;
}

.times_subtitle {
    font-weight: 500;
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 130%;
    margin-bottom: 30px;
}























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

    .main_title {
        font-size: 84px;
    }

    .menu {
        gap: 20px;
    }

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

    .header_logo-title {
        padding-left: 15px;
        width: 160px;
        margin-left: 15px;
    }

    .header_number {
        font-size: 20px;
    }

    .main_title-teg:nth-child(1) {
        left: 150px;
    }

    .main_title-teg:nth-child(2) {
        left: 320px;
    }

    .main_title-teg:nth-child(3) {
        left: 580px;
    }

    .main_title-teg:nth-child(4) {
        right: 240px;
    }

    .title {
        width: 460px;
    }

    .subtitle {
        width: 650px;
    }

    .services_item-title {
        width: 400px;
    }

    .services_item-text {
        width: 440px;
    }

    .services_item-price {
        width: 280px;
    }

    .services_item-options {
        width: 380px;
        min-width: 380px;
    }

    .services_item-img {
        width: 880px;
        min-width: 880px;
        height: 484px;
    }

    .order_info {
        width: 660px;
    }

    .order_right {
        width: 460px;
    }

    .order::before {
        width: 810px;
        height: 650px;
    }

    .subtitle span {
        font-size: 18px;
    }

    .why_item-img {
        width: 200px;
    }

    .why_item {
        padding: 30px 30px 30px 224px;
    }

    .cases_imgs>img:nth-child(1) {
        width: 520px;
        height: 284px;
        bottom: -30px;
    }

    .cases_imgs>img:nth-child(2) {
        height: 320px;
        width: 580px;
        top: -30px;
    }

    .advantages_items {
        width: 650px;
    }

    .advantages .order_right {
        width: 460px;
    }

    .price_items {
        width: 650px;
    }

    .price .subtitle {
        width: 100%;
    }

    .price .subtitle br {
        display: none;
    }

    .price_left {
        width: 460px;
    }

    .faq_left {
        width: 620px;
    }

    .footer_item:last-child {
        min-width: 1px;

    }

    .service_main-img {
        width: 460px;
        height: 252px;
    }

    .main_text {
        max-width: 670px;
    }

    .service_order .advantages_items {
        width: 480px;
    }

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

    .how_info {
        margin-right: 60px;
        width: 600px;
        min-width: 600px;
    }

    .include_info {
        margin-left: 60px;
        width: 600px;
        min-width: 600px;
    }

    .include_img:nth-child(1) {
        width: 880px;
        height: 484px;
    }

    .include_img:nth-child(2) {
        width: 720px;
        margin-top: -100px;
        height: auto;
    }

    .connecting_info {
        width: 520px;
    }

    .connecting_items {
        width: 610px;
    }

    .info_block-content {
        margin-left: 60px;
        width: 600px;
        min-width: 600px;
    }

    .work_info {
        margin-left: 60px;
        width: 600px;
        min-width: 600px;
    }

    .info_block-wrapper:nth-child(2) .info_block-content {
        margin-right: 60px;
    }

    .works_page-links {
        gap: 10px;
    }

    .why_card-info {
        padding: 30px 30px 30px 240px;
    }

    .why_card-img {
        width: 240px;
    }

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

    .why_card-title {
        margin-bottom: 20px;
    }

    .why_card-info ul,
    .why_card-info p {
        font-size: 14px;
    }

    .main+.how .how_info {
        margin-left: 60px;
    }

    .now_item-img {
        height: 267px;
    }

    .work_gallery-img {
        height: 430px;
    }
}

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

    .header_logo-title {
        display: none;
    }

    .header_wrapper {
        padding: 20px 0;
    }

    .header_number {
        font-size: 18px;
    }

    .header_logo {
        width: 120px;
    }

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

    .main_subtitle {
        font-size: 20px;
    }

    .main_title {
        font-size: 72px;
    }

    .main {
        padding-top: 170px;
    }

    .main_title-teg:nth-child(1) {
        left: 90px;
    }

    .main_title-teg:nth-child(2) {
        left: 210px;
    }

    .main_title-teg {
        font-size: 16px;
        padding: 10px 20px;
    }

    .main_title-teg:nth-child(3) {
        left: auto;
        right: 180px;
    }

    .main_line-item {
        font-size: 22px;
    }

    .main_lines {
        height: 45px;
    }

    .main_title-teg:nth-child(4) {
        right: 100px;
    }

    .main_btns {
        margin-bottom: 120px;
    }

    .services {
        margin: 100px 0;
    }

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

    .subtitle {
        width: 100%;
        text-align: left;
    }

    .services_item-top {
        flex-wrap: wrap;
        gap: 20px;
    }

    .services_item-text {
        text-align: right;
        width: 480px;
    }

    .services_item-price {
        text-align: left;
        width: 100%;
    }

    .services_item-price span {
        text-align: left;
    }

    .services_item-inner {
        gap: 40px;
        flex-direction: column-reverse;
    }

    .services_item-options {
        width: 100%;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

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

    .services_item-img {
        width: 700px;
        min-width: 1px;
        height: 384px;
    }

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

    .order_info {
        width: 100%;
    }

    .order_right {
        width: 100%;
    }

    .why_item {
        width: 100%;
    }

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

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

    .advantages_items {
        width: 100%;
    }

    .advantages .order_right {
        width: 100%;
    }

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

    .price_left {
        width: 100%;
    }

    .price_items {
        width: 100%;
    }

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

    .faq_left {
        width: 100%;
    }

    .footer_wrapper {
        flex-wrap: wrap;
        gap: 30px;
    }

    .services_item-option {
        margin-bottom: 0;
    }

    .service_main {
        padding-bottom: 20px;
    }

    .service_main .main_title {
        font-size: 70px;
    }

    .service_main .main_title-teg:nth-child(2) {
        bottom: 68px;
    }

    .service_main .main_title-teg:nth-child(3) {
        top: 70px;
    }

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

    .service_order .advantages_items {
        width: 100%;
    }

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

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

    .how_info {
        width: 100%;
        margin: 0;
    }

    .how.active .services_item-img {
        width: 100%;
        height: auto;
    }

    .include_wrapper {
        flex-direction: column-reverse;
        gap: 50px;
    }

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

    .include_info {
        margin: 0;
        width: 100%;
    }

    .connecting_items,
    .connecting_info {
        width: 100%;
    }

    .info_block-wrapper {
        flex-direction: column-reverse;
        gap: 50px;
    }

    .info_block-wrapper:nth-child(2) .info_block-content {
        margin: 0;
    }

    .info_block-wrapper:nth-child(2) {
        flex-direction: column-reverse;
        gap: 50px;
    }

    .info_block-content {
        margin: 0;
        width: 100%;
    }

    .include_img:nth-child(1) {
        width: 100%;
        height: auto;
    }

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

    .works_page-link {
        padding: 10px 18px;
        font-size: 16px;
    }

    .services_item-text:has(.services_item-teg) {
        width: 500px;
    }

    .team_slide {
        width: 320px;
    }

    .team_slide-img {
        height: 350px;
    }

    .why_card-prev {
        display: none;
    }

    .why_card-info {
        padding: 20px 20px 200px;
        min-height: 1px;
        max-height: none;
        display: block;
    }

    .why_card-img {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

    .why_card-img img {
        object-fit: contain;
        object-position: bottom;
    }

    .why_cards {
        flex-wrap: wrap;
    }

    .why_card {
        width: calc(50% - 10px);
        min-width: 1px;

    }

    .main+.how .how_wrapper {
        flex-direction: column;
    }

    .main+.how .how_info {
        margin: 0;
    }

    .now_item {
        padding: 20px;
    }

    .now_item-img {
        height: 226px;
        margin-bottom: 20px;
    }

    .now_item-title {
        font-size: 28px;
    }

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

    .work_info {
        margin: 0;
        width: 100%;
        min-width: 1px;
    }

    .work_gallery-img {
        height: 340px;
    }

    .times_item-option {
        font-size: 16px;
    }
}


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

    .header {
        position: fixed;
    }

    .header::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background: #FFFFFF1A;
        transition: all 0.6s;
        z-index: -1;
        backdrop-filter: blur(10px);
        opacity: 0;
    }

    .header.fixed::before {
        opacity: 1;
    }

    .header:has(.header_inner.active)::before {
        opacity: 1;
        height: 100vh;
    }

    .header_inner {
        position: fixed;
        width: 100%;
        height: 100%;
        display: block;
        top: 65px;
        padding: 40px 0 110px;
        right: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.6s;
    }

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

    .menu {
        width: 700px;
        margin: 0 auto;
        flex-direction: column;
    }

    .header_order {
        display: none;
    }

    .header_number {
        margin-bottom: 0;
    }

    .menu_burger {
        width: 40px;
        height: 40px;
        display: block;
        margin-left: 30px;
        background: #FFFFFF1A;
        backdrop-filter: blur(20px);
        border-radius: 50%;
        position: relative;
    }

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

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

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

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

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

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

    .header_messages {
        margin-left: auto;
        margin-right: 30px;
    }

    .header_number {
        width: 25px;
        height: 25px;
        font-size: 0;
        background-size: cover;
        background-image: url(../img/phone2.svg);
    }

    .main {
        padding-top: 110px;
        padding-bottom: 60px;
    }

    .main_subtitle {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .main_title-teg {
        font-size: 14px;
        padding: 6px 12px;
    }

    .main_title {
        font-size: 56px;
        margin-bottom: 40px;
    }

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

    .main_btns {
        margin-bottom: 90px;
    }

    .title {
        font-size: 20px;
    }

    .subtitle {
        font-size: 26px;
    }

    .block_top {
        margin-bottom: 30px;
    }

    .services_item {
        padding: 20px 0;
    }

    .services_item-price,
    .services_item-title {
        width: 100%;
        font-size: 28px;
    }

    .services_item-text {
        text-align: left;
        width: 100%;
    }

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

    .faq,
    .price,
    .steps,
    .advantages,
    .promotion,
    .cases,
    .why,
    .order {
        margin: 100px 0;
    }

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

    .order_subtitle {
        margin-bottom: 60px;
    }

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

    .why_item ul,
    .why_item p {
        font-size: 14px;
    }

    .cases_imgs {
        height: 560px;
    }

    .cases_imgs>img:nth-child(1) {
        bottom: 0;
    }

    .cases_imgs>img:nth-child(2) {
        top: 0;
    }

    .services_item-option {
        width: 100%;
    }

    .steps_slide {
        width: 380px;
    }

    .footer_left,
    .footer_item {
        width: calc(50% - 15px);
    }

    .footer_inner {
        flex-wrap: wrap;
    }

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

    .service_main .main_title {
        font-size: 52px;
    }

    .service_main .main_title-teg:nth-child(2) {
        bottom: 52px;
    }

    .service_main .main_title-teg:nth-child(3) {
        top: 50px;
    }

    .service_main .main_btn {
        padding: 10px 40px;
    }

    .service_main-img {
        display: none;
    }

    .service_main {
        padding-bottom: 0;
    }

    .cycle_item-btn {
        width: 100%;
    }

    .info_block-wrapper:nth-child(2) .include_img {
        max-width: 100%;
    }

    .services_item-text:has(.services_item-teg) {
        width: 100%;
    }

    .now_item {
        width: 100%;
    }

    .now_item-img {
        height: auto;
    }

    .work {
        padding-top: 100px;
    }

    .work_team-item {
        width: 145px;
    }

    .work_team-item img {
        height: 145px;
    }

    .work_text {
        columns: unset;
        gap: 0;
    }

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

    .work_gallery-img {
        height: 402px;
    }

    .times_items {
        gap: 30px 0;
    }

    .times_items::before {
        display: none;
    }

    .times_item {
        width: 50%;
    }
}

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

    .main_title {
        font-size: 32px;
    }

    .main_title br {
        display: none;
    }

    .header_messages {
        margin-right: 20px;
        gap: 20px;
        display: none;
    }

    .header_links {
        display: none;
    }

    .header_wrapper {
        padding: 14px 0;
    }

    .menu_burger {
        margin-left: 20px;
    }

    .menu {
        width: 100%;
        padding: 0 15px;
    }

    .header_inner {
        padding-top: 20px;
    }

    .header_logo {
        width: 110px;
    }

    .main_text {
        font-size: 16px;
    }

    .main_btns {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 60px;
    }

    .main_btn {
        width: 100%;
        height: 51px;
        font-size: 16px;
    }

    .main_line-item {
        font-size: 14px;
        padding: 0 20px;
    }

    .main {
        padding-bottom: 0;
    }

    .subtitle {
        font-size: 24px;
    }

    .title {
        width: 100%;
        font-size: 16px;
    }

    .services_item-price,
    .services_item-title {
        font-size: 20px;
    }


    .order_title {
        font-size: 24px;
    }

    .order_inner {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 30px;
    }

    .order_inner-text {
        width: 100%;
    }

    .order_subtitle {
        font-size: 18px;
        margin-bottom: 40px;
    }

    .services_item-options {
        min-width: 1px;
        gap: 10px;
    }

    .order_bot-links {
        gap: 20px;
    }

    .order_bot-number {
        font-size: 20px;
    }

    .order_bot-btns {
        gap: 10px;
        height: 50px;
    }

    .order_bot-btn {
        width: calc(100% - 120px);
        height: 51px;
    }

    .order_bot-message {
        width: 50px;
    }

    .order_bot-message svg {
        width: 100%;
        height: auto;
    }

    .order_right {
        padding: 30px 16px;
    }

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

    .order_right-subtitle {
        font-size: 18px;
        margin-bottom: 28px;
    }

    .form_inp {
        width: 100%;
    }

    .order_form {
        gap: 20px;
    }

    .order_form-btn {
        height: 51px;
    }

    .form_ok {
        margin-top: -10px;
    }

    .why_item {
        padding: 160px 20px 20px;
    }

    .why_item-img {
        top: 10px;
        transform: none;
        width: 110px;
    }

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

    .why_items {
        gap: 10px;
    }

    .cases_imgs {
        height: auto;
        display: flex;
        flex-direction: column-reverse;
    }

    .cases_imgs>img:nth-child(2) {
        width: 100%;
        height: auto;
        position: relative;
        inset: auto;
        left: 10px;
        margin-bottom: -20px;
    }

    .cases_imgs>img:nth-child(1) {
        width: calc(100% - 10px);
        height: auto;
        position: relative;
        inset: auto;
    }

    .promotion_item {
        width: 100%;
        padding: 20px;
        min-width: 280px;
    }

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

    .promotion_item-img {
        height: 240px;
    }

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

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

    .advantages_item {
        padding: 20px 0;
    }

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

    .advantages .order_right-title {
        font-size: 24px;
    }

    .steps_slide {
        width: 290px;
    }

    .price_item-title,
    .steps_slide-title {
        font-size: 20px;
    }

    .steps_slide-body {

        padding: 20px;
    }

    .steps_slide-number {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .steps_slide-text {
        margin-bottom: 20px;
    }

    .steps_slide-btn {
        width: 100%;
        font-size: 14px;
        text-align: center;
    }

    .price_item-content {
        overflow: auto;
        width: calc(100% + 15px);
        padding-bottom: 20px;
    }

    .price_item-content::-webkit-scrollbar {
        background: #FFFFFF1A;
        backdrop-filter: blur(20px);
        border-radius: 20px;
        height: 5px;
    }

    .price_item-content::-webkit-scrollbar-thumb {
        background: #FFFFFF;
        border-radius: 20px;
    }

    .price_item-content table {
        margin-right: 15px;
        min-width: 800px;
    }

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

    .footer_left {
        width: 100%;
    }

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

    .footer_wrapper {
        gap: 30px;
        margin-bottom: 20px;
    }

    .footer_item-title {
        margin-bottom: 20px;
    }

    .footer_left {
        margin-bottom: 20px;
    }

    .footer_number {
        font-size: 20px;
    }

    .footer_inner {
        padding: 20px 0;
        flex-direction: column-reverse;
        gap: 10px;
    }

    .main_title-teg {
        font-size: 18px;
        padding: 14px 30px;
        position: relative !important;
        inset: auto !important;
        white-space: nowrap;
        background: none !important;
    }

    .main_title-tegs {
        display: flex;
        justify-content: center;
        margin-top: 30px;
        transform: translateX(80px);
        gap: 20px;
    }

    .advantages_circle2,
    .advantages_circle,
    .cases_circle2,
    .order_circle {
        z-index: 1;
        zoom: 0.6;
    }

    .services_circle,
    .main_circle {
        z-index: 1;
        zoom: 0.4;
    }

    .why_circle {
        z-index: 1;
        zoom: 0.6;
        width: 800px;
        height: 600px;
    }

    .circle {
        transform: none !important;
    }

    .main_circle {
        right: -20%;
    }

    .services_circle {
        left: -200px;
    }

    .main_btns,
    .main_text,
    .main_title,

    .main_subtitle {
        position: relative;
        z-index: 2;
    }

    .footer_circle {
        width: 110%;
        height: 100%;
        z-index: 1;
        top: 0px;
        right: 25%;
    }

    .footer .container,
    .advantages .container,
    .cases .container,
    .why .container,
    .order .container,
    .services .container {
        position: relative;
        z-index: 2;
    }

    .order::before {
        width: 420px;
        height: 350px;

    }

    .service_main .main_title {
        font-size: 26px;
    }

    .service_main .main_title-teg:nth-child(2) {
        bottom: 16px;
    }

    .service_main .main_title-teg:nth-child(3) {
        top: 10px;
        right: 0px;
    }

    .service_main .main_title-teg:nth-child(4) {
        bottom: 10px;
    }

    .service_price-item {
        width: 100%;
    }

    .service_price-items {
        gap: 10px;
    }

    .cycle {
        margin: 100px 0;
    }

    .cycle_item {
        width: 100%;
    }

    .cycle_items {
        gap: 10px;
    }

    .cycle_item-title {
        font-size: 22px;
        margin-bottom: 14px;
    }

    .how {
        margin: 100px 0;
    }

    .how_title {
        font-size: 24px;
    }

    .how_info {
        min-width: 1px;
    }

    .how_text {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .how_option {
        width: 100%;
    }

    .how_options {
        gap: 10px;
    }

    .how_img-desc {
        font-size: 14px;
        padding: 14px;
        width: 100%;
        left: 0;
    }

    .include {
        margin: 100px 0;
    }

    .include_info {
        min-width: 1px;
    }

    .include_title {
        font-size: 20px;
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .include_text {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .include_subtitle {
        font-size: 18px;
    }


    .include_img:nth-child(2) {
        width: 100%;
        margin-top: -30px;
    }

    .connecting .title {
        margin-bottom: 20px;
    }

    .connecting {
        margin: 100px 0;
    }

    .connecting_title {

        font-size: 20px;
    }

    .connecting_wrapper {
        gap: 20px;
    }

    .development_item,
    .connecting_item {
        width: 100%;
        padding: 20px;
    }

    .connecting_items {
        gap: 10px;
    }

    .development_item-number,
    .connecting_item-number {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .info_block .title {
        margin-bottom: 20px;
    }

    .info_block-title,
    .connecting_item-title {
        font-size: 20px;

    }

    .info_block-subtitle,
    .connecting_text {
        font-size: 16px;
    }

    .info_block-wrapper {
        gap: 30px;
        margin-bottom: 60px;
    }

    .info_block-wrapper:nth-child(2) {
        gap: 30px;
    }

    .how_title {
        margin-top: 30px;
    }

    .info_block {
        margin: 100px 0;
    }

    .info_block-content {
        min-width: 1px;
    }

    .info_block-content::before {
        width: 420px;
        height: 390px;
        right: 0;
    }

    .crumb {
        font-size: 14px;
    }

    .crumbs {
        margin-bottom: 30px;
    }

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

    .works_page-links::-webkit-scrollbar {
        display: none;
    }

    .works_page-link {
        white-space: nowrap;
    }

    .works_page-links {
        margin-bottom: 20px;
    }

    .team_slider {
        transform: none;
        padding-left: 15px;
    }

    .team_slide {
        width: 280px;
        margin: 0 10px 0 0;
    }

    .team_slide-img {
        height: 306px;
    }

    .why_cards {
        gap: 10px;
    }

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

    .why_card {
        width: 100%;
    }

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

    .now_item-option {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .work {
        padding-top: 80px;
    }

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

    .work_title {
        font-size: 28px;
    }

    .work_subtitle {
        font-size: 18px;
        margin-bottom: 20px;
    }

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

    .work_value {
        font-size: 18px;
    }

    .work_team-items {
        gap: 10px;
    }

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

    .work_team-item img {
        height: calc(50vw - 20px);
    }

    .work_text {
        font-size: 16px;
    }

    .work_gallery-items {
        gap: 30px;
    }

    .work_gallery-item {
        width: 100%;
    }

    .work_gallery-img {
        height: auto;
        margin-bottom: 10px;
    }

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

    .times {
        margin: 100px 0;
    }

    .times_item {
        width: 100%;
    }

    .times_subtitle {
        font-size: 24px;
    }

    .times_items {
        margin-bottom: 50px;
    }

    @keyframes lineAnim {
        from {
            transform: rotate(-10deg) translateX(-100%);
        }
    }


    @keyframes lineAnim2 {
        from {
            transform: rotate(10deg) translateX(-100%);
        }
    }

    .main_line:nth-child(2) {
        transform: rotate(-10deg);
    }



    .main_line:nth-child(1) {
        transform: rotate(10deg);
    }

    .how_info .title {
        margin-bottom: 420px;
    }

    .how .services_item-img {
        top: 50px;
        position: absolute;
        left: 25px;
        width: 570px !important;
        transform: rotate(-5.5deg) !important;
    }

    .services_item-options {
        align-items: flex-start;
        overflow: auto;
        flex-wrap: nowrap;

        padding-right: 15px;
    }

    .services_item-inner {
        width: calc(100% + 15px);
    }

    .services_item-options::-webkit-scrollbar {
        display: none;
    }

    .services_item-option {
        min-width: 300px;
    }

    .services_item-img {
        width: 570px;
    }

    .services_item-inner {
        align-items: flex-start;
    }

    .order_bot-mail,
    .order_bot-number {
        font-size: 16px;
    }

    .order_bot-time,
    .order_bot-order {
        font-size: 14px;
    }

    .why_card-img {
        height: 220px;
    }

    .why_card-img img {
        max-height: 100%;
    }

    .footer_item:nth-child(3) {
        width: 100%;
        order: 1;
    }
}