/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/xn7gYHE41ni1AdIRggixSuXd.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/xn7gYHE41ni1AdIRggexSg.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

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

body {
    overflow-x: hidden;
    font-family: "Manrope", sans-serif;
    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 {
    position: fixed;
    width: calc(100% - 40px);
    top: 20px;
    right: 50%;
    transform: translateX(50%);
    z-index: 10;
    background: #FFFFFF1A;
    backdrop-filter: blur(20px);
    border-radius: 50px;
    transition: all 0.3s;
}

body:has(.main) .header {
    border-radius: 50px 50px 0 0;
}

body:has(.main) .header.fixed {
    border-radius: 50px;

}

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

.header_logo {
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    color: #fff;
}

.menu {
    display: flex;
    gap: 118px;
}

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

.menu a:hover {
    color: #0C868B;
}

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

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

.header_message:hover {
    opacity: 0.8;
}

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

.header_number:hover {
    color: #0C868B;
}

section {
    margin-bottom: 100px;
}

.title {
    font-weight: 600;
    font-size: 64px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 60px;
}

.title span {
    color: #0C868B;
}

.main {
    margin-top: 20px;
    padding-top: 112px;
    position: relative;

    z-index: 1;
    overflow: hidden;
}

.main_wrapper {
    background: #FFFFFF1A;
    backdrop-filter: blur(20px);
    margin-right: 20px;
    margin-left: 20px;
    padding: 60px 0;
    border-radius: 0 0 50px 50px;
}

.main::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_circle.svg);
    width: 1659px;
    height: 2008px;
    z-index: -1;
    background-size: cover;
    top: -420px;
    right: -100px;
}

.main_title {
    font-weight: 600;
    font-size: 96px;
    line-height: 120%;
    margin-bottom: 46px;
    display: flex;
    flex-wrap: wrap;
    gap: 0 15px;
    align-items: flex-end;
}


.main_text {
    display: inline-block;
    width: 620px;
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 15px;
    color: #FFFFFFE5;
    margin-left: auto;
}

.main_title img {
    vertical-align: bottom;
}

.main_title-span {
    color: #FFFFFF1A;
}

.main_items {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 46px;
    align-items: flex-start;
}

.main_item {
    background: #FFFFFF1A;
    backdrop-filter: blur(15px);
    width: 300px;
    border-radius: 20px;
    padding: 30px;
}

.main_item:nth-child(2n) {
    margin-top: 164px;
}

.main_item-title {
    font-weight: 600;
    font-size: 48px;
    margin-bottom: 20px;
    color: #0C868B;
}

.main_item-text {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFFE5;
}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
    background: #0C868B;
    border-radius: 500px;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.01em;
    gap: 10px;
    transition: all 0.3s;
    color: #fff;
    width: fit-content;
    padding: 18px 30px;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

.btn::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    transition: all 0.3s;
    opacity: 0;
    background: linear-gradient(277.18deg, #0C868B 0%, #25B3B9 52.88%, #0C868B 100%);
}

.btn:hover::before {
    opacity: 1;
}

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

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

.create::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_circle.svg);
    width: 1659px;
    height: 2008px;
    z-index: -1;
    background-size: cover;
    right: -150px;
    pointer-events: none;
    bottom: -250px;
}

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

.create_inner {
    width: calc(33.333% - 13.32px);
    background: #FFFFFF1A;
    backdrop-filter: blur(30px);
    border-radius: 50px;
    padding: 40px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.create_inner:hover {
    z-index: 1;
}

.create_title {
    font-weight: 600;
    font-size: 28px;
    line-height: 130%;
    margin-bottom: 60px;
}

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

.create_item {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #FFFFFF1A;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    position: relative;
}

.create_item-img {
    display: flex;
    z-index: 1;
    position: relative;
}

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

.create_item:hover {
    z-index: 2;
}

.create_item-text {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: #303030;
    font-weight: 500;
    font-size: 16px;
    max-width: 290px;
    width: 0;
    overflow: hidden;
    border-radius: 500px;
    line-height: 130%;
    transition: all 0.3s;
    letter-spacing: 0.01em;
    color: #fff;
    padding: 9px 20px;
    opacity: 0;
}

.create_inner:nth-child(3n) .create_item-text {
    right: 0;
    left: auto;
}

.create_inner:nth-child(3n) .create_item:hover .create_item-text {
    padding-left: 20px;
    padding-right: 65px;
}

.create_item:hover .create_item-text {
    width: 280px;
    opacity: 1;
    padding-left: 65px;
}

.order {
    background: #FFFFFF1A;
    backdrop-filter: blur(30px);
    border-radius: 50px;
    padding: 80px;
    margin-right: 20px;
    z-index: 1;
    position: relative;
    margin-left: 20px;
}

.order::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_circle.svg);
    width: 1659px;
    height: 2008px;
    z-index: -1;
    background-size: cover;
    right: 50%;
    pointer-events: none;
    transform: translate(50%, -50%);
    top: 50%;
}

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

.order_wrapper::before {
    position: absolute;
    content: "";
    background-size: cover;
    top: -327px;
    right: 50px;
    width: 666px;
    height: 666px;
    pointer-events: none;
}

.order_info {
    width: 830px;
}

.order_text {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 60px;
    color: #FFFFFFE5;
}

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

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

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

.order_message:hover {
    opacity: 0.8;
}

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

.order_number:hover {
    color: #0C868B;
}

.order_right {
    width: 830px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.inp {
    background: #FFFFFF1A;
    color: #fff;
    backdrop-filter: blur(30px);
    border-radius: 500px;
    height: 60px;
    padding-left: 30px;
    border: none;
    width: calc(50% - 10px);
    font-weight: 500;
}

.inp::placeholder {
    color: #FFFFFF66;
}

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

.form_ok {
    display: block;
    padding-left: 30px;
    color: #FFFFFF99;
    font-size: 14px;
    line-height: 150%;
    width: calc(50% - 10px);
    position: relative;
}

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

.form_ok input {
    display: none;
}

.form_ok input:checked + span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0%200%2020%2020' fill='none'%3E%3Crect width='20' height='20' rx='2' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0482%207.72049L8.7997%2013.969L4.95117%2010.1205L6.64823%208.42344L8.7997%2010.5749L13.3512%206.02344L15.0482%207.72049Z' fill='%23225B2C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.form_ok span {
    cursor: pointer;
    border: 1px solid #fff;
    background: #fff;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 5px;
}

.phone-wrapper {
    width: calc(50% - 10px);
    position: relative;
    display: inline-block;
}

.phone-wrapper input {
    width: 100%;
    padding-left: 40px;
}

.prefix {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    pointer-events: none;
}

.team+.cases {
    overflow: hidden;
    margin-bottom: 0;
    padding-bottom: 100px;
}

.cases {
    user-select: none;
    position: relative;
    z-index: 1;
}

.cases::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_circle.svg);
    width: 1659px;
    height: 2008px;
    z-index: -1;
    background-size: cover;
    right: 0%;
    top: -20%;
    pointer-events: none;
}

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

.cases_top .title {
    margin-bottom: 0;
}

.cases_text {
    max-width: 560px;
    font-size: 24px;
    line-height: 130%;
    color: #FFFFFFE5;
}

.cases_content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 90px;
}

.cases_left {
    width: 460px;
}

.cases_subtitle {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.01em;
    margin-bottom: 44px;
    color: #0C868B;
}

.cases_title {
    font-weight: 600;
    font-size: 32px;
    line-height: 130%;
    margin-bottom: 25px;
}

.cases_right-text {
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFFE5;
}

.cases_right {
    width: 460px;
}

.cases_desc {
    font-style: Italic;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 40px;
    color: #FFFFFFE5;
}

.cases_reviews {
    font-weight: 600;
    font-size: 20px;
    display: block;
    margin-bottom: 44px;
    text-decoration: underline;
    color: #0C868B;
}

.cases_right-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 24px;
}

.cases_options li {
    font-size: 16px;
    line-height: 130%;
    padding-left: 35px;
    position: relative;
    color: #FFFFFFE5;
    margin-bottom: 15px;
}

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

.cases_tabs {
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.cases_tab {
    font-weight: 600;
    font-size: 150px;
    margin: 0 100px;
    cursor: pointer;
    transition: all 0.3s;
    line-height: 120%;
    color: #FFFFFF1A;
}

.cases_tab.slick-active {
    color: #0C868B;
}

.cases_content {
    position: relative;
    z-index: 1;
    display: none;
}

.cases_content.active {
    display: block;
}

.cases_img-wrapper {
    width: 641px;
    position: relative;
}

.cases_img {
    position: absolute;
    bottom: -20px;
    right: 50%;
    transform: translateX(50%) rotate(10deg);
    pointer-events: none;
    width: 308px;
    height: 620px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cases_img::before {
    position: absolute;
    content: "";
    background-image: url(../img/cases_img-wrapper.svg);
    background-size: cover;
    top: 0;
    right: 0;
    width: 308px;
    z-index: -1;
    height: 620px;
}

.cases_img::after {
    position: absolute;
    content: "";
    background-image: url(../img/cases_img-bef.svg);
    background-size: cover;
    top: 24px;
    right: 50%;
    width: 68px;
    height: 20px;
    transform: translateX(50%);
}

.cases_img img {
    width: 273px;
    height: 591px;
    object-fit: cover;
    mask: url("../img/cases_img.png");
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: center;
}

.cases_img-option {
    position: absolute;
    background: #FFFFFF1A;
    backdrop-filter: blur(30px);
    border-radius: 20px;
    padding: 20px;
    max-width: 204px;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFFE5;
    z-index: 1;
}

.cases_img-option:nth-child(1) {
    bottom: 296px;
    left: 0;
}

.cases_img-option:nth-child(2) {
    bottom: 224px;
    right: 0;
}

.cases_img-option:nth-child(3) {
    bottom: 0;
    right: 128px;
}

.cases_img-option span {
    font-weight: 600;
    font-size: 32px;
    display: block;
    margin-bottom: 10px;
    color: #0C868B;
}

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

.know::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_circle.svg);
    width: 1659px;
    height: 2008px;
    z-index: -1;
    background-size: cover;
    right: 30%;
    top: -40%;
    pointer-events: none;
}

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

.know_item {
    width: calc(25% - 15px);
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    padding: 40px;
    background: #FFFFFF1A;
}

.know_item-title {
    font-weight: 600;
    font-size: 28px;
    line-height: 130%;
    margin-bottom: 28px;
}

.know_item-text {
    margin-top: auto;
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFFE5;
}

.guarantees {
    margin-right: 20px;
    margin-left: 20px;
    background: #FFFFFF1A;
    border-radius: 50px;
    padding: 80px 0;
    z-index: 1;
    position: relative;
}

.guarantees::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_circle.svg);
    width: 1659px;
    height: 2008px;
    z-index: -1;
    background-size: cover;
    right: 40%;
    top: 60%;
    pointer-events: none;
}


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

.guarantees_item {
    background: #FFFFFF1A;
    border-radius: 50px;
    width: calc(25% - 15px);
    padding: 40px;
}

.guarantees_item-icon {
    display: flex;
    margin-bottom: 56px;
}

.guarantees_item-title {
    font-weight: 600;
    font-size: 28px;
    line-height: 130%;
    margin-bottom: 20px;
}

.guarantees_item-text {
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFFE5;
}

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

.price_info {
    width: calc(33.333% - 13.333px);
}

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

.price_text {
    font-size: 24px;
    line-height: 130%;
    color: #FFFFFFE5;
}

.price_item {
    width: calc(33.333% - 13.333px);
    background: #FFFFFF1A;
    border-radius: 50px;
    padding: 40px;
    backdrop-filter: blur(15px);
    position: relative;
    display: flex;
    flex-direction: column;
}

.price_item-subtitle {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 15px;
    color: #0C868B;
}

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

.price_item-text {
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFFE5;
    margin-bottom: 30px;
}

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

.price_item-price {
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 15px;
    color: #0C868B;
}

.price_item-time {
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFFE5;
}

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

.price_item-list li {
    font-size: 16px;
    line-height: 130%;
    padding-left: 35px;
    position: relative;
    color: #FFFFFFE5;
    margin-bottom: 15px;
}

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

.price_item-inner {
    background: #FFFFFF1A;
    backdrop-filter: blur(30px);
    border-radius: 30px;
    padding: 30px;
    margin-bottom: 30px;
}

.price_item-inner_title {
    font-weight: 600;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 20px;
}

.price_item-inner ul {
    list-style: disc;
    padding-left: 30px;
    line-height: 130%;
    color: #FFFFFFE5;
}

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

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

.price_item-btn {
    width: 100%;
    margin-top: auto;
}

.price_item-teg {
    position: absolute;
    top: 0;
    right: 0;
    background: #0C868B;
    border-radius: 20px;
    padding: 20px;
    font-weight: 600;
    font-size: 20px;
}

.price_wrapper .guarantees_item {
    width: calc(33.333% - 13.333px);
}

.order_two .order_wrapper::before {
    background-image: url(../img/order_two.png);
}


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

.steps::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_circle.svg);
    width: 1659px;
    height: 2008px;
    z-index: -1;
    background-size: cover;
    right: 10%;
    top: -30%;
    pointer-events: none;
}

.steps_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px;
}

.steps_item {
    width: 460px;
    border-radius: 50px;
    background: #FFFFFF1A;
    backdrop-filter: blur(30px);
    padding: 40px;
}

.steps_item-icon {
    display: flex;
    margin-bottom: 20px;
}

.steps_info {
    text-align: center;
    align-self: center;
    margin: 0 auto;
    width: 630px;
    order: -1;
}

.steps_item-title {
    font-weight: 600;
    font-size: 28px;
    line-height: 130%;
    margin-bottom: 15px;
}

.steps_item-text {
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFFE5;
}

.steps_subtitle {
    font-weight: 600;
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 10px;
    color: #0C868B;
}

.steps_title {
    font-weight: 600;
    font-size: 48px;
    line-height: 120%;
}

.steps_item:nth-child(1),
.steps_item:nth-child(6) {
    order: -1;
}

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

.why_wrapper .title {
    width: calc(33.333% - 13.333px);
}

.why_item {
    width: calc(33.333% - 13.333px);
    background: #FFFFFF1A;
    padding: 40px;
    border-radius: 50px;
}

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

.why_item-list li {
    font-size: 16px;
    line-height: 130%;
    padding-left: 35px;
    position: relative;
    color: #FFFFFFE5;
    margin-bottom: 15px;
}

.why_item-list li::before {
    position: absolute;
    content: "";
    background-image: url(../img/cases_options.svg);
    background-size: cover;
    width: 20px;
    height: 16px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.why_item-list.not li::before {
    background-image: url(../img/cases_options2.svg);
}

.info_block {
    margin-left: 20px;
    margin-right: 20px;
    background: #FFFFFF1A;
    backdrop-filter: blur(30px);
    border-radius: 50px;
    padding: 80px 0;
    margin-left: 20px;
    z-index: 2;
    position: relative;
}

.info_block::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_circle.svg);
    width: 1659px;
    height: 2008px;
    z-index: -1;
    background-size: cover;
    right: 50%;
    pointer-events: none;
    transform: translate(50%, -50%);
    top: 50%;
}

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

.info_block-img {
    width: 830px;
    height: 549px;
    border-radius: 25px;
    display: flex;
    overflow: hidden;
}

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

.info_block-info {
    width: 830px;
}

.info_block-info .title {
    margin-bottom: 30px;
}

.info_block-info p {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 20px;
    color: #FFFFFFE5;
}

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

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

.team::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_circle.svg);
    width: 1659px;
    height: 2008px;
    z-index: -1;
    background-size: cover;
    right: 40%;
    pointer-events: none;
    transform: translate(50%, -50%);
    top: 95%;
}

.team_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1100px;
    height: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

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

.team_item {
    position: absolute;
    animation: circleAnimItem 32s linear infinite;
    z-index: 1;
    width: 200px;
}

.team_items {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    animation: circleAnim 32s linear infinite;
}

@keyframes circleAnim {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes circleAnimItem {
    0% {
        transform: rotate(0deg);
    }

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

.team_item-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    background: #FFFFFF1A;
    padding: 12px 20px;
    margin: 0 auto 10px;
    width: fit-content;
    border-radius: 500px;
}

.team_item:nth-child(1) {
    top: 0;
    right: calc(50% - 100px);
}

.team_item:nth-child(2) {
    right: 100px;
    top: 140px;
}

.team_item:nth-child(3) {
    right: 100px;
    bottom: 140px;
}

.team_item:nth-child(4) {
    right: calc(50% - 100px);
    bottom: 0;
}

.team_item:nth-child(5) {
    left: 100px;
    bottom: 140px;
}

.team_item:nth-child(6) {
    left: 100px;
    top: 140px;
}

.team_item-text {
    text-align: center;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFFE5;
}

.team_item-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    overflow: hidden;
    margin: 0 auto 15px;
}

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

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

.faq_items {
    width: 850px;
}

.faq_item {
    background: #FFFFFF1A;
    margin-bottom: 20px;
    backdrop-filter: blur(30px);
    border-radius: 50px;
}

.faq_item-title {
    cursor: pointer;
    padding: 40px 60px 40px 40px;
    font-weight: 600;
    font-size: 24px;
    line-height: 130%;
    position: relative;
}

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

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

.faq_item-title span::after {
    position: absolute;
    content: "";
    width: 3px;
    height: 100%;
    background-color: #0C868B;
    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-content {
    margin: -10px;
    display: none;
    padding: 0 40px 40px 40px;
}

.faq_item-content ul {
    line-height: 130%;
    color: #FFFFFFE5;
    margin-bottom: 14px;
    padding-left: 20px;
    list-style: disc;
}

.faq_item-content p {
    line-height: 130%;
    color: #FFFFFFE5;
    margin-bottom: 14px;
}

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

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

.faq_right {
    background: #FFFFFF1A;
    border-radius: 50px;
    backdrop-filter: blur(30px);
    padding: 60px;
    position: relative;
}

.faq_right-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    margin-bottom: 20px;
}

.faq_wrapper {
    position: relative;
}

.faq_right-wrapper {
    width: 850px;
    position: relative;
}

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

.faq_right .order_right {
    width: 100%;
}

.footer {
    background: #FFFFFF1A;
    backdrop-filter: blur(30px);
    border-radius: 50px;
    padding: 80px 0;
    margin: 0 20px 20px;
}

.footer a {
    transition: all 0.3s;
}

.footer a:hover {
    color: #0C868B;
}

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

.footer_logo {
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    color: #fff;
}

.footer_menu {
    display: flex;
    gap: 118px;
}

.footer_menu a {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
}

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

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

.footer_message:hover {
    opacity: 0.8;
}

.footer_number {
    font-weight: 600;
    font-size: 32px;
    color: #FFFFFF;
}

.footer_links {
    padding: 40px 0;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: #FFFFFF1A;
    columns: 6;
    margin-bottom: -20px;
}


.footer_links a {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 20px;
    display: block;
}

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

.footer_inner-item {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
}

.menu_burger {
    display: none;
}

.page {
    min-height: 50vh;
}

.page .info_block::before,
.page .cases::before,
.page .page_default::before {
    height: auto;
}

.page_default {
    padding-top: 170px;
    position: relative;
    z-index: 1;
}

.page_default::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_circle.svg);
    width: 1659px;
    height: 2008px;
    z-index: -1;
    background-size: cover;
    right: 30%;
    pointer-events: none;
    transform: translate(50%, -50%);
    top: 40%;
}

.page_default:has(h1.title + .page_text) h1.title {
    margin-bottom: 20px;
}

.page_text {
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 60px;
    color: #FFFFFFE5;
}

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

.crumb {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #FFFFFF;
}

.crumb:last-child {
    color: #FFFFFFE5;
    opacity: 0.5;
}

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

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

.cateroty_wrapper {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
    min-height: 600px;
}

.cateroty_info {
    width: 870px;
}

.cateroty_subtitle {
    background: #FFFFFF1A;
    backdrop-filter: blur(30px);
    border-radius: 500px;
    width: fit-content;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 0.01em;
    padding: 14px 24px;
    color: #0C868B;
}

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

.cateroty_text {
    font-size: 24px;
    line-height: 130%;
    color: #FFFFFFE5;
    margin-bottom: 60px;
}

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

.cateroty_options {
    margin-bottom: 60px;
    display: flex;

    gap: 60px;
}

.cateroty_option {
    padding-left: 35px;
    position: relative;
    color: #FFFFFFE5;
}

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

.cateroty_right {
    position: relative;
    width: 590px;
}

.page_default {
    z-index: 2;
}

.page_default .cateroty_img-options {
    z-index: 3;
    position: relative;
    height: 100%;
}

.cateroty_img {
    position: fixed;
    top: 200px;
    right: 15%;
    transform: rotate(10deg);
    pointer-events: none;
    width: 308px;
    height: 620px;
    display: flex;
    transform: rotate(10deg);
    will-change: transform, right;
    pointer-events: none;
    z-index: 1;
    transition: none;
    justify-content: center;
    align-items: center;
}



.page_default .cateroty_img.done {
    display: none;
}

.cateroty_img::before {
    position: absolute;
    content: "";
    background-image: url(../img/cases_img-wrapper.svg);
    background-size: cover;
    top: 0;
    right: 0;
    width: 308px;
    z-index: -1;
    height: 620px;
}

.cateroty_img::after {
    position: absolute;
    content: "";
    background-image: url(../img/cases_img-bef.svg);
    background-size: cover;
    top: 24px;
    right: 50%;
    width: 68px;
    height: 20px;
    transform: translateX(50%);
}

.cateroty_img img {
    width: 273px;
    height: 591px;
    object-fit: cover;
    mask: url("../img/cases_img.png");
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: center;
}

.cateroty_img-option {
    position: absolute;
    background: #FFFFFF1A;
    backdrop-filter: blur(30px);
    border-radius: 20px;
    padding: 20px;
    max-width: 204px;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFFE5;
    z-index: 1;
}

.cateroty_img-option:nth-child(1) {
    bottom: 296px;
    left: 0;
}

.cateroty_img-option:nth-child(2) {
    bottom: 224px;
    right: 0;
}

.cateroty_img-option:nth-child(3) {
    bottom: 0;
    right: 128px;
}

.cateroty_img-option span {
    font-weight: 600;
    font-size: 32px;
    display: block;
    margin-bottom: 10px;
    color: #0C868B;
}

.fix_wrapper::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_circle.svg);
    width: 1659px;
    height: 2008px;
    z-index: -1;
    background-size: cover;
    right: 50%;
    pointer-events: none;
    transform: translate(50%, -50%);
    top: 50%;
}

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

.fix_left {
    width: 460px;
    display: flex;
    flex-direction: column;
}

.fix_left-title {
    font-weight: 600;
    font-size: 96px;
    line-height: 120%;
    margin-bottom: 52px;
    color: #FFFFFF1A;
    min-height: 180px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
}

.important {
    z-index: 3;
}

.fix_left.active .fix_left-title {
    color: #FFFFFF66;
}

.fix_left-subtitle {
    font-weight: 600;
    font-size: 32px;
    margin-top: auto;
    line-height: 130%;
    margin-bottom: 25px;
}

.fix_left-subtitle span {
    color: #8B100C;
}

.fix_left-text {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 40px;
    color: #FFFFFFE5;
}

.fix_left-text:last-child {
    margin-bottom: 0;
}

.fix_left-desc {
    font-weight: 600;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 25px;
}

.fix_left-list {
    margin-bottom: 40px;
}

.fix_left-list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    color: #FFFFFFE5;
}

.fix_left-list li::before {
    position: absolute;
    content: "";
    background-image: url(../img/cases_options2.svg);
    background-size: cover;
    width: 20px;
    height: 16px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}




.fix_center {
    width: 600px;
}

.fix_center .cateroty_img {
    display: none;
}

.fix_center .cateroty_img.active {
    display: flex;
    z-index: 2;
}

.fix_center-title {
    font-weight: 600;
    font-size: 150px;
    line-height: 120%;
    text-align: center;
    color: #0C868B;
    margin-bottom: 20px;
    justify-content: center;
    min-height: 180px;
    display: flex;
    align-items: center;
}

.fix_center-option span {
    display: block;
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 10px;
    color: #8B100C;

}

.fix_center-option {
    background: #FFFFFF1A;
    backdrop-filter: blur(30px);
    padding: 20px;
    max-width: 190px;
    width: fit-content;
    font-weight: 500;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    margin-bottom: 82px;
    line-height: 130%;
    color: #FFFFFFE5;
}

.fix_center-option:nth-child(1) {
    margin-left: 49px;
}

.fix_center-option:nth-child(2) {
    margin-left: 18px;
}

.fix_right {
    display: flex;
    flex-direction: column;
    width: 460px;
}

.fix_right-title {
    font-weight: 600;
    font-size: 96px;
    line-height: 120%;
    color: #FFFFFF1A;
    margin-bottom: 20px;
    min-height: 180px;
    display: flex;
    align-items: center;
    transition: all 0.3s;
}

.fix_right.active .fix_right-title {
    color: #FFFFFF66;
}

.fix_right-subtitle {
    margin-top: auto;
    font-weight: 600;
    font-size: 32px;
    line-height: 130%;
    width: 100%;
    margin-bottom: 25px;
}

.fix_right-subtitle span {
    color: #0C868B;
}

.fix_right-text {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 40px;
}

.fix_right-text:last-child {
    margin-bottom: 0;
}

body:has(.fix .cateroty_img.done) .cases_ways {
    z-index: 2;
}

.cases_ways .cases_tab {
    font-size: 80px;
    margin: 0 30px;
    width: 640px;
    text-align: center;
    word-break: break-word;
}

.cases_right-desc {
    font-size: 16px;
    line-height: 130%;
    margin-top: 25px;
    color: #FFFFFFCC;
}

.cases_right-btn {
    width: 100%;
    margin-top: 60px;
}

.cases_ways .cases_img {
    display: none;
    bottom: -150px;
}

.cases_ways .cateroty_img.fixed {
    top: auto !important;
    bottom: -130px !important;
    position: absolute !important;
}

body:has(.fix_card .cateroty_img.fixed) .page_default .cateroty_img {
    display: none;
}

.cases_ways .cases_ways .cases_img.active {
    display: flex;
}

.fix_left-hide {
    display: none;
}

.cases_right-option {
    display: flex;
    justify-content: space-between;
    color: #FFFFFFE5;
    font-size: 20px;
    line-height: 150%;
    gap: 5px;
    align-items: flex-end;
    margin-bottom: 30px;
}

.cases_right-option span {
    order: 1;
    color: #0C868B;
    font-weight: 600;
}

.cases_right-option::after {
    position: relative;
    content: "";
    border-bottom: 1px dashed #FFFFFF33;
    flex: auto;
}

.launching {
    position: relative;
}

.launching::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_circle.svg);
    width: 1659px;
    height: 2008px;
    z-index: -1;
    background-size: cover;
    right: 45%;
    pointer-events: none;
    transform: translate(50%, -50%);
    top: 65%;
}

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

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

.launching_item-icon {
    display: flex;
    margin-bottom: 60px;
}

.launching_item-title {
    font-weight: 600;
    font-size: 28px;
    line-height: 130%;
    margin-bottom: 20px;
}

.launching_item-text {
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFFE5;
    margin-bottom: 30px;
}

.launching_item-desc {
    background: #FFFFFF1A;
    line-height: 130%;
    padding: 25px;
    border-radius: 30px;
    color: #FFFFFFE5;
}

.launching_item-inner {
    position: absolute;
    top: 0;
    right: 0;
    background: #0C868B;
    border-radius: 20px;
    padding: 20px;
    width: 250px;
}

.launching_item-subtitle {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 10px;
}

.launching_item-textmini {
    font-weight: 500;
    line-height: 130%;
    color: #FFFFFFCC;
}

.category_price .price_info {
    width: 100%;
}

.price_item-value {
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 20px;
    color: #FFFFFF;
}

.functions {
    position: relative;
}

.functions::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_circle.svg);
    width: 1659px;
    height: 2008px;
    z-index: -1;
    background-size: cover;
    right: 25%;
    pointer-events: none;
    transform: translate(50%, -50%);
    top: 65%;
}

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

.functions_items {
    width: 1060px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.functions_left {
    width: 640px;
}

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

.functions_items .price_item .price_item-list {
    margin-bottom: 0;
    margin-top: auto;
}

.functions_items .price_item .price_item-text {
    color: #FFFFFFE5;
    font-size: 16px;
    line-height: 130%;
}

.category_price {
    position: relative;
}

.category_price::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_circle.svg);
    width: 1659px;
    height: 2008px;
    z-index: -1;
    background-size: cover;
    right: 65%;
    pointer-events: none;
    transform: translate(50%, -50%);
    top: 65%;
}

.price_item-options {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.price_item-option {
    background: #FFFFFF1A;
    width: calc(50% - 10px);
    backdrop-filter: blur(30px);
    padding: 20px;
    border-radius: 20px;
    font-weight: 500;
    line-height: 130%;
    color: #FFFFFFE5;
}

.price_item-option span {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 32px;
    color: #0C868B;
}

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

.guarantees_text {
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 60px;
    color: #FFFFFFE5;
}

.guarantees_inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 60px;
}

.guarantees_inner-title {
    font-weight: 600;
    font-size: 32px;
    width: calc(25% - 15px);
    line-height: 130%;
}

.guarantees_inner-item {
    width: calc(25% - 15px);
    background: #FFFFFF1A;
    backdrop-filter: blur(30px);
    padding: 40px;
    border-radius: 50px;
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFFE5;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.guarantees_inner-item span {
    display: block;
    font-weight: 600;
    font-size: 40px;
    color: #0C868B;
}

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

.process_left {
    width: 500px;
    position: relative;
}

.process .title {
    font-size: 48px;
}

.process_items {
    width: 1000px;
}

.process_item-top {
    padding-left: 162px;
    position: relative;
    margin-bottom: 30px;
}

.process_item-subtitle {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #0C868B;
}

.process_item {
    background: #FFFFFF1A;
    backdrop-filter: blur(30px);
    border-radius: 50px;
    padding: 40px;
    margin-bottom: 20px;
}

.process_item-text {
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFFE5;
    margin-bottom: 30px;
}

.process_item-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 130%;
}

.process_item-options {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.process_item-option {
    width: calc(50% - 2.5px);
    background: #FFFFFF1A;
    backdrop-filter: blur(30px);
    border-radius: 20px;
    padding: 20px 20px 20px 55px;
    position: relative;
}

.process_item-option::before {
    position: absolute;
    content: "";
    background-image: url(../img/cases_options.svg);
    background-size: cover;
    width: 20px;
    height: 16px;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.process_item-icon {
    display: flex;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.page_default .cateroty_img-option:nth-child(1) {
    bottom: 354px;
    left: 0;
}

.page_default .cateroty_img-option:nth-child(2) {
    bottom: 323px;
    right: 50px;
}

.page_default .cateroty_img-option:nth-child(3) {
    bottom: 95px;
    right: 150px;
}

.cases_ways .title,
.fix .title {
    z-index: 3;
    position: relative;
}

.cases_ways .cases_subtitle {
    margin-bottom: 44px;
    width: fit-content;
    position: relative;
}

.cases_ways .cases_subtitle::before {
    position: absolute;
    content: "";
    background-image: url(../img/cases_ways-left.svg);
    background-size: cover;
    right: -50px;
    width: 161px;
    height: 33px;
    bottom: -37px;
}

.cases_content-wrapper {
    height: 100%;
}

.cases_ways .cases_img-option {
    display: flex;
    align-items: center;
    gap: 15px;
    max-width: 224px;
}

.cases_ways .cases_img-option:nth-child(1) {
    bottom: 270px;
    left: 41px;
}

.cases_ways .cases_img-option:nth-child(2) {
    bottom: 170px;
}

.cases_ways .cases_img-option:nth-child(3) {
    bottom: -56px;
    right: 63px;
}

.cases_ways .cases_img-option:nth-child(4) {
    left: 0;
    bottom: 0;
}

.fix_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.fix_top .title {
    margin-bottom: 0;
}

.fix_text {
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFFE5;
    max-width: 560px;
}

.fix_card .fix_left-list li {
    background: #FFFFFF1A;
    backdrop-filter: blur(30px);
    border-radius: 20px;
    padding: 25px 25px 25px 60px;
    display: block;
    margin-bottom: 5px;
}

.fix_card .fix_left-list li::before {
    left: 25px;
    transform: none;
    top: 25px;
}

.fix_card .fix_left-list li span {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #FFFFFFE5;
    margin-top: 15px;
    display: block;
    margin-left: -35px;
}

.fix_right .fix_left-list {
    margin-top: 40px;
}

.fix_right .fix_left-list li::before {
    background-image: url(../img/cases_options.svg);
}

.fix_center-desc {
    background: #0C868B;
    border-radius: 20px;
    padding: 20px;
    width: 500px;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    margin-left: auto;
    color: #FFFFFFCC;
    margin-bottom: 100px;
    margin-top: 150px;
    position: relative;
    z-index: 2;
}

.fix_card .cateroty_img.fixed {
    display: flex;
    position: absolute !important;
}

.fix_center {
    position: relative;
}

.fix_center-link {
    position: absolute;
    width: 241px;
    height: 235px;
    background: #FFFFFF1A;
    backdrop-filter: blur(30px);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 240px;
    right: 40px;
    z-index: 3;
}

.fix_center-link::before {
    position: absolute;
    content: "";
    background-image: url(../img/fix_center-link.svg);
    background-size: cover;
    width: 203px;
    height: 205px;
    top: 50%;
    right: 50%;
    animation: cirlceAnim 60s linear infinite;
    transform: translate(50%, -50%);
}

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

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


.fix_card .fix_center-option {
    margin-bottom: 32px;
}

.fix_card .fix_center-option span {
    color: #0C868B;
    margin-bottom: 10px;
}

.fix_card .fix_center-option:nth-child(2) {
    margin-left: auto;
}

.card_gallery {
    margin-bottom: 100px;
}

.card_gallery-items {
    display: flex;
    justify-content: space-between;
    padding: 0 60px;
}

.card_gallery-item {
    width: 334px;
    display: flex;
    justify-content: center;
}

.card_gallery-item:nth-child(2) {
    margin-top: 20px;
}

.card_gallery-item:nth-child(2) .card_gallery-img {
    transform: rotate(-20deg);
}

.card_gallery-item:nth-child(3) {
    margin-top: 40px;
}

.card_gallery-img {
    transform: rotate(10deg);
    pointer-events: none;
    width: 308px;
    height: 620px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card_gallery-img::before {
    position: absolute;
    content: "";
    background-image: url(../img/cases_img-wrapper.svg);
    background-size: cover;
    top: 0;
    right: 0;
    width: 308px;
    z-index: -1;
    height: 620px;
}

.card_gallery-img::after {
    position: absolute;
    content: "";
    background-image: url(../img/cases_img-bef.svg);
    background-size: cover;
    top: 24px;
    right: 50%;
    width: 68px;
    height: 20px;
    transform: translateX(50%);
}

.card_gallery-img img {
    width: 273px;
    height: 591px;
    object-fit: cover;
    mask: url("../img/cases_img.png");
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: center;
}

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

.implemented_items .guarantees_inner-item,
.implemented_items .guarantees_item {
    width: calc(33.333% - 13.333px);
}

.implemented_inner {
    background: #FFFFFF1A;
    border-radius: 50px;
    padding: 40px;
    margin: 40px 0;
}

.implemented_inner::before {
    position: relative;
    content: "";
    background-image: url(../img/implemented_inner.svg);
    background-size: cover;
    width: 66px;
    height: 50px;
    display: block;
    margin-bottom: 60px;
}

.implemented_inner-text {
    font-weight: 500;
    font-size: 28px;
    line-height: 150%;
    margin-bottom: 60px;
}

.implemented_inner-title {
    font-weight: 600;
    font-size: 28px;
    line-height: 130%;
    margin-bottom: 15px;
}

.implemented_inner-subtitle {
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFFE5;
}


body:has(.cases_ways .cateroty_img.fixed) .fix .cateroty_img.done {
    display: none !important;
}

.faq_right,
.functions_left .title,
.process_left .title {
    transition: all 0.15s ease-out;
    /* ← плавность */
    will-change: position, top, bottom, width;
    /* подними выше, если нужно */
    margin-bottom: 0;
}

/* Очень помогает от дёрганий */
.sticky-top {
    /* transition работает лучше, когда не меняется position → width */
}


.popup_body {
    background: #FFFFFF33;
    backdrop-filter: blur(30px);
    width: 600px;
    padding: 60px;
    border-radius: 50px;
    color: #fff;
}

.popup_body-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    margin-bottom: 20px;
}

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

.popup_body:not(.big) .inp,
.popup_body:not(.big) .phone-wrapper {
    width: 100%;
    margin-bottom: 20px;
}

.popup_body:not(.big) .phone-wrapper .inp {
    margin-bottom: 0px;
}
 
.popup_body:not(.big) .popup_body-btn {
    width: 100%;
    margin-bottom: 20px;
}


.popup_body:not(.big) .form_ok {
    width: 100%;
} 

.popup_body .fancybox-close-small {
    top: 36px;
    right: 36px;
    background-image: url(../img/close.svg);
    opacity: 1;
    background-size: cover;
    width: 24px;
    height: 24px;
}

.popup_body .fancybox-close-small svg {
    display: none;
}

#popup_thanks {
    text-align: center;
}

.popup_body .popup_body-btn:last-child {
    margin-bottom: 0;
}

.popup_body.big {
    width: 800px;
}

.popup_body.big .popup_body-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.area {
    width: 100%;
    background: #FFFFFF1A;
    backdrop-filter: blur(30px);
    border-radius: 30px;
    padding: 20px 30px;
    height: 150px;
    resize: none;
    color: #fff;
}

.area::placeholder {
    color: #FFFFFF66;
}


.popup_body.big .form_ok {
    width: 100%;
} 

.form_file {
    width: calc(50% - 10px);
    display: flex;
    gap: 20px;
    align-items: center;
    cursor: pointer;
}

.form_file input {
    display: none;
}

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

.contacts a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}

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

    .menu {
        gap: 30px;
    }

    .header_number {
        font-size: 28px;
    }

    .main_item {
        width: 250px;
    }

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


    .create_inner:nth-child(3n) .create_item-text {
        right: auto;
        left: 0;
    }


    .create_inner:nth-child(2n) .create_item-text {
        right: 0;
        left: auto;
    }

    .create_inner:nth-child(3n) .create_item:hover .create_item-text {
        padding-left: 65px;
        padding-right: 20px;
    }

    .create_inner:nth-child(2n) .create_item:hover .create_item-text {
        padding-left: 20px;
        padding-right: 65px;
    }

    .order {
        padding: 40px 20px;
    }

    .order_info {
        width: 540px;
    }

    .order_right {
        width: 540px;
    }
    
    .phone-wrapper,
    .form_ok,
    .order_btn,
    .inp {
        width: 100%;
    }

    .order_wrapper::before {
        width: 420px;
        height: 420px;
        top: -140px;
    }

    .cases_top .title {
        max-width: 520px;
    }

    .cases_tab {
        margin: 0 40px;
    }

    .cases_right,
    .cases_left {
        width: 320px;
    }

    .cases_img-wrapper {
        width: 490px;
    }

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

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

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

    .price_info {
        width: 100%;
    }

    .price_wrapper .guarantees_item {
        padding: 30px;
    }

    .steps_info {
        width: 414px;
    }

    .steps_wrapper {
        gap: 30px;
    }

    .steps_item {
        width: 330px;
        padding: 30px;
    }

    .steps_item-icon {
        width: 90px;
    }

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

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

    .why_wrapper .title {
        width: 100%;
    }

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

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

    .info_block-info {
        width: 100%;
    }

    .faq_right {
        padding: 40px;
    }

    .faq_right-wrapper {
        width: 450px;
    }

    .faq_items {
        width: 680px;
    }

    .footer {
        padding: 60px 0;
    }

    .footer_menu {
        gap: 30px;
    }

    .footer_number {
        font-size: 28px;
    }

    .footer_links {
        columns: 4;
    }

    .cateroty_info {
        width: 620px;
    }

    .cateroty_info .title {
        font-size: 48px;
    }

    .cateroty_right {
        width: 500px;
    }

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

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

    .fix .title br {
        display: none;
    }

    .fix_left-title {
        font-size: 76px;
    }

    .fix_right-title {
        font-size: 76px;
    }

    .fix_center-title {
        font-size: 120px;
    }

    .fix_left,
    .fix_right {
        width: 320px;
    }

    .fix_center {
        width: 500px;
    }

    .fix_left-subtitle {
        font-size: 24px;
    }

    .fix_left-text {
        margin-bottom: 30px;
    }

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

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

    .cases_top .title {
        max-width: 100%;
    }

    .cases_title {
        font-size: 26px;
    }

    .cases_tabs {
        margin-bottom: 30px;
    }

    .cases_text {
        max-width: 100%;
        font-size: 18px;
    }

    .functions_wrapper {
        flex-direction: column;

    }

    .functions .title {
        width: 100%;
    }

    .functions_items {
        width: 100%;
    }

    .guarantees_inner-title,
    .guarantees_inner-item {
        width: calc(50% - 10px);
    }

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

    .process .title {
        width: 100%;
    }

    .process_items {
        width: 100%;
    }

    .fix_top {
        flex-direction: column;
        margin-bottom: 40px;
        gap: 30px;
    }

    .fix_text {
        max-width: 100%;
    }

    .fix_center-link {
        width: 220px;
        height: 220px;
    }

    .fix_center-link::before {
        width: 180px;
        height: 180px;
    }

    .fix_center-desc {
        width: 460px;
    }

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

    .card_gallery-items {
        flex-wrap: wrap;
        justify-content: center;
    }

    .fix_center-desc {
        margin-bottom: 0;
        position: absolute;
        bottom: 0;
    }

    .fix_card .fix_center-options {
        margin-bottom: 170px;
    }

    .fix_center-link {
        transform: translateX(50%);
        right: 40%;
        bottom: 120px;
    }

    .card_gallery-items {
        padding: 0;
    }

    .implemented_items .guarantees_inner-item,
    .implemented_items .guarantees_item {
        width: calc(50% - 10px);
    }

    .functions_left {
        width: 100%;
    }

    .process .title,
    .functions .title {
        position: relative !important;
        inset: auto !important;
    }
}

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

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

    .main_title {
        font-size: 72px;
    }

    .main_item {
        width: 220%;
        padding: 20px;
    }

    .create_inner {
        padding: 30px;
    }

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

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

    .title {
        font-size: 52px;
    }

    .order_bot {
        gap: 30px;
    }

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

    .cases_tab {
        font-size: 110px;
    }

    .cases_content-wrapper {
        flex-wrap: wrap;
        margin-bottom: 0;
        align-items: flex-start;
        padding-bottom: 0;
    }

    .cases_tabs {
        margin-bottom: 30px;
    }

    .cases_right,
    .cases_left {
        width: calc(50% - 10px);
    }

    .cases_img-wrapper {
        height: 670px;
        margin: 0 auto 40px;
        order: 1;
    }

    .cases_img {
        bottom: 0;
    }

    .why_item,
    .price_item,
    .guarantees_item,
    .know_item {
        padding: 30px;
    }

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

    .price_wrapper {
        gap: 20px;
    }

    .steps_info {
        width: 100%;
        order: -2;
    }

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

    .steps_wrapper {
        gap: 20px;
    }

    .steps_item:nth-child(1),
    .steps_item:nth-child(6) {
        order: 0;
    }

    .team_items {
        animation: none;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        gap: 30px 20px;
    }

    .team_wrapper::before {
        width: 900px;
        height: 900px;
    }

    .team_item {
        animation: none;
        position: relative !important;
        inset: auto !important;
    }

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

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

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

    .faq_items {
        width: 100%;
    }

    .faq_right {
        width: 100%;
        position: relative !important;
        inset: auto !important;
    }

    .faq_right-wrapper {
        width: 100%;
    }

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

    .footer_inner {
        gap: 30px;
    }

    .footer_links {
        columns: 3;
    }

    .cateroty_wrapper {
        flex-direction: column;
    }

    .cateroty_right {
        margin: 40px auto 0;
        display: flex;
        justify-content: center;
    }

    .page_default::before {
        width: 1200px;
        height: 1400px;
    }

    .page_default .cateroty_img-options {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    .cateroty_img {
        position: relative !important;
        inset: auto !important;
        transform: rotate(10deg) !important;
    }

    .cateroty_info {
        width: 100%;
    }

    .page_default .cateroty_img-option:nth-child(3) {
        right: 40px;
    }

    .page_default .cateroty_img-option:nth-child(2) {
        right: 0;
    }

    .fix_center .cateroty_img {
        display: flex;
    }

    .fix_wrapper {
        flex-wrap: wrap;
    }

    .fix_right-subtitle {
        margin-top: 0;
    }

    .fix_center {
        order: -1;
        width: 100%;
        display: flex;
        justify-content: center;
        position: relative;
        align-items: center;
        flex-direction: column;
    }

    .fix_center-options {
        width: 500px;
        position: absolute;
        bottom: 0;
    }

    .fix_left,
    .fix_right {
        width: calc(50% - 20px);
    }

    .fix_center-title {
        order: -1;
    }

    .cases_ways .cases_img-wrapper {
        display: flex;
        justify-content: center;
        margin-bottom: 0;
        margin-top: 60px;
    }

    .cases_ways .cases_img-option:nth-child(3) {
        bottom: 60px;
    }

    .cases_ways .cases_img-option:nth-child(1) {
        left: 0;
        bottom: 420px;
    }

    .cases_ways .cases_img-option:nth-child(2) {
        bottom: 340px;
    }

    .cases_ways .cases_img-option:nth-child(4) {
        bottom: 140px;
        left: -40px;
    }

    .cases_ways .cases_tab {
        font-size: 62px;
        width: 460px;
    }

    .launching_item-inner {
        width: 220px;
    }

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

    .fix_left-hide {
        display: block;
    }

    .fix_right-title {
        color: #FFFFFF66;
    }
}

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

    .header_inner {
        position: fixed;
        width: 100vw;
        height: 100vh;
        opacity: 0;
        visibility: hidden;
        transition: all 0.6s;
        background: #000000;
        top: -20px;
        right: -20px;
        padding-top: 140px;
    }

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

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

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

    .header_logo,
    .header_number,
    .header_messages {
        z-index: 1;
    }

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

    .main_title {
        font-size: 54px;
    }

    .main_title img {
        width: 120px;
    }

    .main_text {
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 14px;
    }

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

    .main_items {
        align-items: stretch;
    }

    .main {
        overflow: visible;
    }

    .create_inner {
        width: 100%;
    }

    .order_info {
        width: 100%;
    }

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

    .order_right {
        width: 100%;
    }

    .order_wrapper::before {
        display: none;
    }

    .cases_right,
    .cases_left {
        width: 100%;
    }

    .cases_tab {
        font-size: 90px;
        margin: 0 30px;
    }

    .price_item {
        width: 100%;
    }

    .why_item {
        width: 100%;
    }

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

    .info_block {
        padding: 60px 0;
    }

    .team_items {
        justify-content: center;
    }

    .header_logo {
        font-size: 32px;
    }

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

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

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

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

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

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

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

    .fix_left,
    .fix_right {
        width: 100%;
    }

    .fix_center-title,
    .fix_left-title,
    .fix_right-title {
        min-height: 1px;
    }

    .fix_wrapper {
        gap: 30px;
    }

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

    .functions_items .price_item {
        width: 100%;
    }

    .price_item-teg {
        font-size: 18px;
        padding: 14px;
    }

    .guarantees_inner-title,
    .guarantees_inner-item {
        width: 100%;
    }

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

    .fix_center-link {
        width: 190px;
        height: 190px;
    }

    .fix_center-link::before {
        width: 160px;
        height: 160px;
    }

    .card_gallery-items {
        gap: 40px;
    }

    .card_gallery-item {
        width: 100%;
    }

    .implemented_items .guarantees_inner-item {
        width: 100%;
        padding: 20px;
    }
}



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

    .header {
        width: 100%;
        top: 0;
        border-radius: 0;
    }

    body:has(.main) .header {
        border-radius: 0;
    }

    body:has(.main) .header.fixed {
        border-radius: 0;
    }

    .header_number {
        width: 40px;
        height: 40px;
        background-size: cover;
    }

    .header_message {
        width: 40px;
    }

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

    .header_logo {
        font-size: 26px;
    }

    .main_wrapper {
        margin: 0;
    }

    .main {
        margin-top: 68px;
        padding-top: 0;
    }

    .main_wrapper {
        padding: 40px 0;
        border-radius: 0 0 20px 20px;
    }

    .main_title {
        font-size: 32px;
        margin-bottom: 30px;
    }

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

    .header_wrapper {
        padding: 14px 0;
    }

    .main_item {
        width: calc(50% - 5px);
        padding: 14px;
    }

    .main_btns {
        flex-direction: column;
        gap: 10px;
    }

    .main_btn {
        width: 100%;
    }

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

    .main_title img {
        width: 80px;
    }

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

    .btn {
        font-size: 16px;
    }

    .header_inner {
        top: 0;
        right: 0;
        padding-top: 100px;
    }

    .menu {
        gap: 20px;
        padding: 0 15px;
    }

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

    section {
        margin-bottom: 60px;
    }

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

    .create_inner {
        padding: 20px;
        border-radius: 20px;
    }

    .create_wrapper {
        gap: 10px;
    }

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

    .create_item-text {
        display: none;
    }

    .create_item {
        width: 50px;
        height: 50px;
    }

    .order {
        margin-left: 0;
        margin-right: 0;
        border-radius: 20px;
        padding: 40px 0;
    }

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

    .order_bot {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .order_number {
        font-size: 24px;
    }

    .order_right {
        gap: 10px;
    }

    .cases_text {
        font-size: 16px;
    }

    .cases_tab {
        font-size: 42px;
        margin: 0 14px;
    }

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

    .cases_title {
        font-size: 24px;
    }

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

    .cases_right {
        margin-top: 20px;
    }

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

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

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

    .cases_img-wrapper {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 0;
        height: 476px;
    }

    .cases_img::before {
        width: 235px;
        height: 476px;
    }

    .cases_img {
        height: 476px;
        width: 235px;
    }

    .cases_img img {
        width: 210px;
        height: 456px;
    }

    .cases_img::after {
        top: 14px;
        width: 46px;
        height: 13px;
    }

    .why_item,
    .price_item,
    .guarantees_item,
    .know_item {
        width: 100%;
        padding: 20px;
        border-radius: 20px;
    }

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

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

    .know_items {
        gap: 10px;
    }

    .guarantees {
        padding: 40px 0;
        margin-left: 0;
        margin-right: 0;
        border-radius: 20px;
    }

    .guarantees_item-icon {
        width: 90px;
        margin-bottom: 20px;
    }

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

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

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

    .guarantees_wrapper {
        gap: 10px;
    }

    .price_text {
        font-size: 16px;
    }

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

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

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

    .price_item-wrapper {
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .price_item-price {
        font-size: 32px;
    }

    .price_item-inner {
        padding: 20px;
        margin-bottom: 20px;
        border-radius: 20px;
    }

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

    .price_wrapper {
        gap: 10px;
    }

    .price_wrapper .guarantees_item {
        width: 100%;
        padding: 20px;
    }

    .steps_subtitle {
        font-size: 18px;
    }

    .steps_title {
        font-size: 26px;
    }

    .steps_item {
        width: 100%;
        padding: 20px;
        border-radius: 20px;
    }

    .steps_wrapper {
        gap: 10px;
    }

    .steps_info {
        margin-bottom: 20px;
    }

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

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

    .why_wrapper {
        gap: 10px;
    }

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

    .info_block {
        padding: 40px 0;
        border-radius: 20px;
        margin-left: 0;
        margin-right: 0;
    }

    .info_block-img {
        border-radius: 20px;
    }

    .info_block-info p {
        font-size: 16px;
    }

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

    .team_item-title {
        font-size: 16px;
        text-align: center;
    }

    .faq_item {
        margin-bottom: 10px;
        border-radius: 20px;
    }

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

    .faq_item-content {
        padding: 0 20px 20px;
        margin: 0;
    }

    .faq_item-title span {
        right: 20px;
    }

    .faq_right {
        padding: 40px 20px;
        border-radius: 20px;
    }

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

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

    .footer {
        padding: 40px 0;
        margin-right: 0;
        margin-left: 0;
        border-radius: 20px;
    }

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

    .footer_menu {
        flex-direction: column;
        width: 100%;
        gap: 20px;
    }

    .footer_links {
        columns: unset;
        padding: 20px 0;
    }

    .footer_links a {
        margin-bottom: 12px;
    }

    .footer_inner {
        gap: 20px;
        padding-top: 20px;
        margin-top: 40px;
    }

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

    .page_default {
        padding-top: 100px;
    }

    .crumb {
        font-size: 14px;
        gap: 15px;
    }

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

    .cateroty_wrapper {
        padding-top: 20px;
    }

    .cateroty_subtitle {
        font-size: 14px;
        padding: 10px 14px;
    }

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

    .cateroty_text {
        font-size: 16px;
    }

    .cateroty_btns {
        flex-direction: column;
        gap: 10px;
    }

    .cateroty_btn {
        width: 100%;
    }

    .cases_img-option span {
        font-size: 20px;
    }

    .cases_img-option {
        font-size: 12px;
        max-width: 140px;
        padding: 14px;
    }

    .cateroty_img::before {
        width: 235px;
        height: 476px;
    }

    .cateroty_img {
        height: 476px;
        width: 235px;
    }

    .cateroty_img img {
        width: 210px;
        height: 456px;
    }

    .cateroty_img::after {
        top: 14px;
        width: 46px;
        height: 13px;
    }

    .cateroty_right {
        width: 100%;
    }

    .cateroty_img-option {
        font-size: 12px;
        max-width: 140px;
        padding: 14px;
    }

    .cateroty_img-option span {
        font-size: 20px;
    }

    .fix_center-title {
        font-size: 76px;
    }

    .fix_center-options {
        width: 100%;
    }

    .fix_center-option {
        margin-bottom: 42px;
    }

    .fix_center-option span {
        font-size: 20px;
    }

    .fix_center-option {
        font-size: 12px;
        max-width: 140px;
        padding: 14px;
    }

    .fix_left-title {
        font-size: 46px;
        margin-bottom: 32px;
    }

    .fix_left-subtitle {
        font-size: 20px;
    }

    .fix_right-title {
        font-size: 46px;
    }

    .fix_right-subtitle {
        font-size: 20px;
    }

    .cases_ways .cases_tab {
        font-size: 32px;
        width: 240px;
        margin: 0 10px;
    }

    .cases_right-option {
        margin-bottom: 15px;
        font-size: 18px;
    }

    .cases_right-btn {
        margin-top: 30px;
    }

    .cases_ways .cateroty_img.fixed {
        bottom: 0 !important;
    }

    .cases_ways .cases_img-option:nth-child(3) {
        right: 0px;
    }

    .cases_ways .cases_img-option:nth-child(4) {
        left: -5px;
    }

    .cases_ways .cases_img-option:nth-child(2) {
        bottom: 240px;
    }

    .cases_ways .cases_img-option:nth-child(1) {
        bottom: 340px;
    }

    .launching_item-inner {
        position: relative;
        width: 100%;
        padding: 14px;
        margin-bottom: 10px;
    }

    .launching_items {
        gap: 10px;
    }

    .launching_item-textmini {
        font-size: 14px;
    }

    .launching_item-icon {
        width: 90px;
        margin-bottom: 20px;
    }

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

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

    .launching_item-subtitle {
        font-size: 22px;
    }

    .cases_ways .cases_img-option {
        width: 180px;
    }

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

    .launching_item-desc {
        padding: 14px;
        border-radius: 20px;
    }

    .launching_item {
        border-radius: 30px;
    }

    .price_item-option {
        width: 100%;
        padding: 14px;
    }

    .price_item-options {
        gap: 10px;
    }

    .price_item-option span {
        font-size: 24px;
    }

    .functions_items {
        gap: 10px;
    }

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

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

    .price_item-teg {
        position: relative;
        text-align: center;
        margin-bottom: 14px;
    }

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

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

    .guarantees_inner {
        gap: 10px;
        margin-bottom: 20px;
    }

    .guarantees_inner-item {
        padding: 20px;
        border-radius: 20px;
        font-size: 18px;
    }

    .guarantees_inner-item span {
        font-size: 26px;
    }

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

    .process_item-top {
        padding-left: 0;
    }

    .process_item-icon {
        width: 90px;
        position: relative;
        transform: none;
        inset: auto;
        margin-bottom: 14px;
    }

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

    .process_item {
        padding: 20px;
        border-radius: 20px;
    }

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

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

    .process_item-option {
        width: 100%;
    }

    .fix_text {
        font-size: 16px;
    }

    .fix_center-desc {
        width: 100%;
        font-size: 14px;
    }

    .fix_center-link {
        width: 150px;
        height: 150px;
        right: 20%;
    }

    .fix_center-link::before {
        width: 130px;
        height: 130px;
    }

    .fix_center-link svg {
        width: 24px;
        height: auto;
    }

    .fix_card .fix_center-options {
        margin-bottom: 140px;
    }

    .card_gallery-items {
        flex-wrap: nowrap;
        overflow: auto;
        gap: 0 100px;
        width: calc(100% + 15px);
        justify-content: flex-start;
        padding-top: 30px;
        padding-left: 40px;
    }

    .card_gallery-item {
        margin: 20px 0;
    }

    .card_gallery {
        margin-bottom: 60px;
    }

    .fix_right .fix_left-list:last-child {
        margin-bottom: 0;
    }

    .card_gallery-items::-webkit-scrollbar {
        display: none;
    }

    .card_gallery-img {
        height: 476px;
        width: 235px;
    }

    .card_gallery-img img {
        width: 210px;
        height: 456px;
    }

    .card_gallery-img::after {
        top: 14px;
        width: 46px;
        height: 13px;
    }

    .card_gallery-img::before {
        width: 235px;
        height: 476px;
    }

    .implemented_items .guarantees_inner-item,
    .implemented_items .guarantees_item {
        width: 100%;
    }

    .implemented_items {
        gap: 10px;
    }

    .implemented_inner {
        padding: 20px;
        border-radius: 20px;
    }

    .implemented_inner::before {
        width: 33px;
        height: 25px;
        margin-bottom: 24px;
    }

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

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

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

    .implemented_inner {
        margin: 0;
    }

    .popup_body {
        padding: 60px 20px 30px;
        border-radius: 30px;
    }

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

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

    .popup_body.big .popup_body-form {
        gap: 10px;
    }

    .popup_body .fancybox-close-small {
        top: 24px;
        right: 24px;
    }
}

@media (max-width: 339.98px) {
    .header_logo {
        font-size: 22px;
    }

    .header_message {
        width: 32px;
    }

    .header_number {
        width: 32px;
        height: 32px;
    }

    .main {
        margin-top: 60px;

    }
}