* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/gilroy/Gilroy/Gilroy-Thin.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/gilroy/Gilroy/Gilroy-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/gilroy/Gilroy/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/gilroy/Gilroy/Gilroy-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Coolvetica';
    src: url('fonts/coolvetica/coolvetica compressed hv.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}


body {
    background-color: #000;
    overflow-y: auto;
}

html {
    scroll-behavior: smooth;
}

/* навигация */

.nav {
    width: 840px;
    height: 51.7px;
    background: rgba(255, 255, 255, 0.01); 
    border-radius: 25.64px; 
    border: 0.83px rgba(255, 255, 255, 0.20) solid; 
    backdrop-filter: blur(12.50px);
    display: flex;
    align-items: center;
    position: fixed;
    top: 36px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}

.nav-text-container {
    display: flex;
    gap: 40px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.nav-text-container a {
    text-decoration: none;
}

/* Плавная замена логотипа */
.logo img {
    transition: opacity 0.3s ease;
}

/* Инверсия цветов навигации на белом фоне */
.nav.inverted {
    background: rgba(0, 0, 0, 0.05);
    border: 0.83px rgba(0, 0, 0, 0.20) solid;
}

/* Пункты навигации - чёрный цвет */
.nav.inverted .nav-text {
    color: black;
    transition: color 0.3s ease;
}

/* Кнопка - чёрный фон, белый текст */
.nav.inverted .button {
    color: white;
    background-color: black;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Плавный переход для навигации */
.nav {
    transition: background 0.3s ease, border-color 0.3s ease;
}

.fast_telegram_whatsapp {
    width: 51.7px;
    height: 103.7px;
    background: rgba(255, 255, 255, 0.01); 
    border-radius: 25.64px; 
    border: 0.83px rgba(255, 255, 255, 0.20) solid; 
    backdrop-filter: blur(12.50px);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    bottom: 50px;
    right: 50px;
    transform: translateX(-50%);
    z-index: 100;
}

.button_icon {
    position: relative;
    top: 5px;
    width: 45px;
    height: 45px;
    transition: transform 0.1s ease;
}

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



.logo {
    margin-left: 36px;
    
}

.burger-menu {
    display: none;
}

.fixed_button {
    display: none;
}


.nav-text {
    color: white;
    font-size: 18.80px;
    font-family: 'Gilroy';
    font-weight: 500;
    line-height: 24.44px;
    letter-spacing: 0.19px;
    word-wrap: break-word;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.nav-text:hover {
    opacity: 1;
}

.button {
    width: 145px;
    height: 42.4px;
    color: black;
    background-color: white;
    border-radius: 25.64px;
    font-size: 18.80px;
    font-family: 'Gilroy';
    font-weight: 600;
    line-height: 24.44px;
    letter-spacing: 0.19px;
    margin-left: auto;
    outline: none;
    border: none;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.button:hover {
    transform: scale(1.02);
}

.modal_window {
    width: 360px;
    height: 550px;
    background: rgba(15, 15, 15, 0.2); /* Полупрозрачный фон */
    border-radius: 25.64px; /* Скругленные углы */
    border: 0.83px rgba(255, 255, 255, 0.20) solid; /* Белая рамка */
    backdrop-filter: blur(12.50px); /* Размытие фона */
    display: flex; /* Flexbox для центрирования */
    align-items: center; /* Центрируем по вертикали */
    justify-content: center; /* Центрируем по горизонтали */
    position: fixed; /* Фиксируем позицию */
    bottom: 100px; /* Отступ снизу */
    left: 50%; /* Позиционируем по центру */
    transform: translateX(-50%); /* Сдвигаем на 50% влево для центрирования */
    z-index: 101; /* Размещаем поверх всех элементов */
    opacity: 0; /* Делаем невидимым */
    visibility: hidden; /* Скрываем от взаимодействия */
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s;
    /* ↑ ИСПРАВЛЕНО: visibility вместо visebility */
  }
  
  .modal_window.open {
    opacity: 1; /* Делаем видимым */
    visibility: visible; /* Делаем доступным для взаимодействия */
    transform: translateX(-50%) translateY(0); /* Возвращаем на место */
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0s;
    /* ↑ Без задержки при открытии */
  }
  
  /* Модальное окно "спасибо" */
  .thank_you_modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0s 0.3s;
  }
  
  .thank_you_modal.open {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0s 0s;
  }
  
  .thank_you_window {
    width: 360px;
    height: 400px;
    background: rgba(15, 15, 15, 0.2);
    border-radius: 25.64px;
    border: 0.83px rgba(255, 255, 255, 0.20) solid;
    backdrop-filter: blur(12.50px);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .close_thank_you {
    display: block;
    border-radius: 40px;
    border: none;
    outline: none;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 42.42px;
    height: 42.42px;
    background-color: white;
  }
  
  .thank_you_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 20px;
  }
  
  .thank_you_title {
    color: white;
    font-size: 48px;
    font-family: 'Coolvetica';
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.48px;
    margin-bottom: 20px;
  }
  
  .thank_you_text {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
    font-family: 'Gilroy';
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 30px;
  }
  
  .thank_you_button {
    width: 200px;
    height: 51.7px;
    background: linear-gradient(7deg, #2C8CFB 30%, #FFFFFF 150%);
    border-radius: 16.65px;
    border: none;
    outline: none;
    cursor: pointer;
    color: white;
    font-family: 'Gilroy';
    font-weight: 600;
    font-size: 18px;
    transition: transform 0.3s ease;
  }
  
  .thank_you_button:hover {
    transform: scale(1.05);
  }

.close_modal {
    display: block;
    border-radius: 40px;
    border: none;
    outline: none;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 42.42px;
    height: 42.42px;
    background-color: white;
}

.close {
    position: relative;
    top: 2px;
}

/* ИМЯ */

.input_area {
    position: absolute;
    top: 75px;
    left: 44px;
    display: flex;
    flex-direction: column;
    gap: 25px
}

.input_block_text {
    display: inline-block;
    color: white;
    font-size: 50px;
    font-family: 'Coolvetica';
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.76px;
    word-wrap: break-word;
}

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

.input_name {
    width: 270px;
    height: 51.7px;
    background-color: white;
    border-radius: 17px;
    border: none;
    outline: none;
    font-family: Gilroy;
    font-weight: 400;
    line-height: 27.72px;
    letter-spacing: 0.27px;
    font-size: 20px;
    padding-left: 15px;
}

.input-phone {
    width: 270px;
    height: 51.7px;
    background-color: white;
    border-radius: 17px;
    border: none;
    outline: none;
    font-family: Gilroy;
    font-weight: 400;
    line-height: 27.72px;
    letter-spacing: 0.27px;
    font-size: 20px;
    padding-left: 15px;
}

.input-phone::placeholder {
    font-family: Gilroy;
    font-weight: 400;
    line-height: 27.72px;
    letter-spacing: 0.27px;
    font-size: 20px;
    opacity: 0.3;
    position: relative;
}

.input_name::placeholder {
    font-family: Gilroy;
    font-weight: 400;
    line-height: 27.72px;
    letter-spacing: 0.27px;
    font-size: 20px;
    opacity: 0.3;
    position: relative;
}

.checkbox_block {
    display: flex;
    position: relative;
    top: 10px;
}

.checkbox_text {
    position: relative;
    left: 12px;
    font-family: Gilroy;
    font-weight: 400;
    line-height: 17.72px;
    letter-spacing: 0.27px;
    color: rgb(227, 227, 227);
    font-size: 13px;
    position: relative;
}

.checkbox_input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 42.41px;
    width: 42.41px;
    background-color: white;
    border-radius: 40px;
}

.checkbox_input:checked {
    background: linear-gradient(7deg, #2C8CFB 30%, #FFFFFF 130%);
}

.checkbox_input:checked::after {
    content: url('images/svg/галочка.svg');
    display: block;
    position: relative;
    top: 8px;
    left: 9px;
    color: white;
    font-size: 24px;
    font-weight: bold;
}


.send_bid {
    position: absolute;
    bottom: 45px;
    left: 44px;
    transition: transform 0.3s ease 999999s;
    width: 270px;
    justify-content: center;
    height: 51.7px;
    background: linear-gradient(7deg, #2C8CFB 30%, #FFFFFF 150%);
    border-radius: 16.65px;
    padding: 15px;
    cursor: pointer;
    display: flex;
    outline: none;
    border: none;
    color: white;
    font-family: Gilroy;
    font-weight: 500;
    line-height: 27.72px;
    letter-spacing: 0.27px;
    font-size: 20px;
}

.form {
    width: 100%;
    height: 100%;
    position: relative;
}


/* блок 1 */
.block_1 {
    width: 840px;
    height: 608px;
    margin: 39px auto;
    display: flex;
}

.title_block_1_container {
    position: relative;
    top: 106px;
    left: 50%;
    transform: translateX(-50%);
}

.title_block_1 {
    margin-top: 106px;
    color: white;
    font-size: 76.20px;
    font-family: 'Coolvetica';
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.76px;
    word-wrap: break-word;
}

.blue-text {
    color: #2C8CFB;
}

.description_block_1 {
    margin-top: 18.17px;
    color: rgba(255, 255, 255, 0.50);
    font-size: 16.21px;
    font-family: 'Gilroy';
    font-weight: 500;
    line-height: 21.08px;
    letter-spacing: 0.16px;
    word-wrap: break-word
}

.button_block_1 {
    margin-top: 65.33px;
    margin-left: 0;
    width: 368px;
    height: 42.4px;
    color: black;
    background-color: white;
    border-radius: 25.64px;
    font-size: 18.80px;
    font-family: 'Gilroy';
    font-weight: 600;
    line-height: 24.44px;
    letter-spacing: 0.19px;
    outline: none;
    border: none;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.button_block_1:hover {
    transform: scale(1.02);
}

.block_1_image {
    margin-left: auto;
    display: block;
    width: 393px;
    height: 608px;
}

/* блок 2 */

.block_2 {
    width: 840px;
    height: 100%;
    margin: 5px auto;
    display: flex;
    flex-direction: column;
}

.title_block_2 {
    margin-top: 50px;
    color: white;
    font-size: 76.20px;
    font-family: 'Coolvetica';
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.76px;
    word-wrap: break-word;
}

.scroll_case {
    height: 767px;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 20px;
    -webkit-mask-image: linear-gradient(
    to right,
    #000 0,
    #000 calc(100% - 50px),
    transparent 100%
    );

    mask-image: linear-gradient(
    to right,
    #000 0,
    #000 calc(100% - 50px),
    transparent 100%
    );
}
/* градиент слева
.scroll_case::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 737px;
    background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    backdrop-filter: blur(10px);
    filter: blur (10px);
    z-index: 100;
} */

.case {
    position: relative;
    top: 30px;
    width: 495px;
    height: 737px;
    background-color: #161616;
    border: 0.64px solid #313030;
    border-radius: 50px;
    flex-shrink: 0;
}

.title_case_2 {
    padding-top: 50px;
    text-align: center;
    color: #FBFBFB;
    font-size: 27.66px;
    font-family: Gilroy;
    font-weight: 600;
    line-height: 27.66px;
    word-wrap: break-word
}

.img_case_2 {
    width: 406px;
    height: 248px;
    display: block;
    margin: 24px auto;
}

.indicators {
    display: flex;
    justify-content: center;
    gap: 10px
}

.view_and_cost {
    display: block;
    position: relative;
}

.case.visible .low_block {
    transform: translateY(85.7px);
    transition: transform 0.3s ease 0s;
}

.high_block {
    width: 85.7px;
    height: 85.7px;
    background-color: #161616;
    border-radius: 16.65px;
    border: 1px #313030 solid;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    flex-direction: column;
}

.middle_block {
    position: absolute;
    top: 0;
    transition: transform 0.3s ease 999999s;
    width: 85.7px;
    height: 85.7px;
    background-color: #161616;
    border-radius: 16.65px;
    border: 1px #313030 solid;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    flex-direction: column;
}

.text_high_block {
    color: #B9B9B9;
    font-size: 11.39px;
    font-family: Gilroy;
    font-weight: 600;
    line-height: 11.39px;
    display: block;
    word-wrap: break-word;
    text-align: center;
}

.number_high_block {
    color: #FFFFFF;
    font-size: 25.59px;
    font-family: Gilroy;
    font-weight: 600;
    line-height: 11.39px;
    display: block;
    word-wrap: break-word;
    text-align: center;
    margin-top: auto;
}

.low_block {
    position: absolute;
    top: 0;
    transition: transform 0.3s ease 999999s;
    width: 85.7px;
    margin-right: 10px;
    height: 85.7px;
    background-color: #FFFFFF;
    border-radius: 16.65px;
    border: 1px #313030 solid;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.low_block_2 {
    position: absolute;
    top: 0;
    transition: transform 0.3s ease 999999s;
    width: 85.7px;
    margin-right: 10px;
    height: 85.7px;
    background: linear-gradient(35deg, #2C8CFB 30%, #FFFFFF 200%);
    border-radius: 16.65px;
    border: 1px #313030 solid;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.text_low_block_2 {
    color: #CAE2FE;
    font-size: 11.39px;
    font-family: Gilroy;
    font-weight: 600;
    line-height: 11.39px;
    display: block;
    word-wrap: break-word;
    text-align: center;
}

.number_low_block_2 {
    color: #FFFFFF;
    font-size: 25.59px;
    font-family: Gilroy;
    font-weight: 600;
    line-height: 11.39px;
    display: block;
    word-wrap: break-word;
    text-align: center;
    margin-top: auto;
}

.text_low_block {
    color: #161616;
    font-size: 11.39px;
    font-family: Gilroy;
    font-weight: 600;
    line-height: 11.39px;
    display: block;
    word-wrap: break-word;
    text-align: center;
}

.number_low_block {
    color: #161616;
    font-size: 25.59px;
    font-family: Gilroy;
    font-weight: 600;
    line-height: 11.39px;
    display: block;
    word-wrap: break-word;
    text-align: center;
    margin-top: auto;
}

.k {
    font-size: 16.5px;
}

.contact_and_cost {
    display: block;
    position: relative;
}

.case.visible .low_block {
    transform: translateY(85.7px);
    transition: transform 0.3s ease 0s;
}

.target_and_cost {
    display: block;
    position: relative;
}

.case.visible .low_block {
    transform: translateY(85.7px);
    transition: transform 0.3s ease 0s;
}

.sale_and_cost {
    display: block;
    position: relative;
    margin-right: 0;
}

.case.visible .middle_block {
    transform: translateY(85.7px);
    transition: transform 0.3s ease 0s;
}

.case.visible .low_block_2 {
    transform: translateY(171.4px);
    transition: transform 0.3s ease 0s;
}

.review_1 {
    width: 296px;
    height: 85.8px;
    position: absolute;
    top: 584.83px;
    right: 156.33px;
    transform: scale(0.94);
    transform-origin: top right;
}

.review_2 {
    width: 355px;
    height: 119px;
    position: absolute;
    top: 584.83px;
    right: 156.33px;
    transform: scale(0.78);
    transform-origin: top right;
}

.review_3 {
    width: 355px;
    height: 129px;
    position: absolute;
    top: 585.83px;
    right: 157.33px;
    transform: scale(0.78);
    transform-origin: top right;
}

.review_4 {
    width: 344px;
    height: 129px;
    position: absolute;
    top: 585.83px;
    right: 157.33px;
    transform: scale(0.80);
    transform-origin: top right;
}

.review_5 {
    width: 353px;
    height: 129px;
    position: absolute;
    top: 585.83px;
    right: 157.33px;
    transform: scale(0.78);
    transform-origin: top right;
}

/* блок 3 */

.block_3 {
    position: relative;
    top: 80px;
    width: 840px;
    height: 750px;
    margin: 5px auto;
    display: block;
}

.title_block_3 {
    display: inline-block;
    color: white;
    font-size: 76.20px;
    font-family: 'Coolvetica';
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.76px;
    word-wrap: break-word;
}

.content_block_3 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    top: 10px;
    gap: 9px;
}

.utp_block_3 {
    position: relative;
    top: 10px;
    left: 0;
    padding: 35px;
    width: 274px;
    height: 263px;
    background-color: #161616;
    border-radius: 50px;
    border: 0.64px solid #313030;
}

.title2_block_3 {
    color: white;
    font-size: 27.44px;
    font-family: Gilroy;
    font-weight: 400;
    line-height: 27.72px;
    letter-spacing: 0.27px;
    word-wrap: break-word;
}

.icon_block_3 {
    width: 274.27px;
    height: 263.37px;
    position: absolute;
    top: 0;
    left: 0;
}

/* блок 4 */

.block_4 {
    position: relative;
    top: 120px;
    width: 100%;
    height: 1210.33px;
    background-color: white;
    border-radius: 83.33px;
    margin: 5px auto;
    display: block;
}

.content_block_4 {
    position: relative;
    width: 840px;
    height: 100%;
    margin: 5px auto;
    display: block;
}

.title_block_4 {
    position: relative;
    top: 70.17px;
    display: inline-block;
    color: black;
    font-size: 76.20px;
    font-family: 'Coolvetica';
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.76px;
    word-wrap: break-word;
}

.steps_block_4 {
    position: absolute;
    top: 245px;
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}

.steps {
    display: flex;
    flex-direction: column;
    height: 376px;
    position: relative;
}

.text_steps {
    position: absolute;
    bottom: 0;
    color: #000;
    font-family: Gilroy;
    font-size: 29.55px;
    font-style: normal;
    font-weight: 500;
    line-height: 26.595px;
    letter-spacing: -0.591px;
}

.blue_text_steps {
    color: #2C8CFB;
    font-family: Gilroy;
    font-size: 29.55px;
    font-style: normal;
    font-weight: 500;
    line-height: 26.595px; /* 26.595px */
    letter-spacing: -0.591px;
}

.img_step {
    width: 233px;
    height: 272px;
    position: relative;
    top: 0;
}

.button_block_4 {
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 368px;
    height: 42.4px;
    color: white;
    background-color: black;
    border-radius: 25.64px;
    font-size: 18.80px;
    font-family: 'Gilroy';
    font-weight: 600;
    line-height: 24.44px;
    letter-spacing: 0.19px;
    outline: none;
    border: none;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.button_block_4:hover {
    transform: scale(1.02);
}


/* блок 5 */

.block_5 {
    position: relative;
    top: 160px;
    width: 840px;
    height: 100%;
    margin: 5px auto;
    display: block;
}

.content_block_5 {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 30px;
    gap: 40px;
}

.utp_block_5 {
    display: flex;
}

.fear_block_5 {
    display: flex;
    align-items: center;
    padding-left: 30px;
    width: 840px;
    height: 110px;
    background-color: #0E0E0E;
    backdrop-filter: blur(45.92px);
    border: 0.83px #313030 solid;
    border-radius: 33.33px;
    z-index: 1;
}

.titleh2_block_5 {
    width: 300px;
    color: #dedede;
    font-size: 25.18px;
    font-family: Gilroy;
    font-weight: 400;
    line-height: 25.43px;
    letter-spacing: 0.25px;
    word-wrap: break-word;
    position: relative;
}

.results_block_5 {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    width: 471.67px;
    height: 110px;
    background-color: #2C8CFB;
    border-radius: 33.33px;
    z-index: 2;
    box-shadow: 
        0 10px 35px rgba(44, 140, 251, 0.7),
        inset 0 10px 20px rgba(152, 200, 255, 0.5);
}

.titleh3_block_5 {
    position: relative;
    color: #ffffff;
    font-size: 25.18px;
    font-family: Gilroy;
    font-weight: 500;
    line-height: 25.43px;
    letter-spacing: 0.25px;
    word-wrap: break-word;
}

/* блок 6 */

.block_6 {
    position: relative;
    top: 220px;
    width: 840px;
    height: 100%;
    margin: 5px auto;
    display: block;
}

.content_block_6 {
    display: flex;
    position: relative;
    gap: 10px;
    top: 53px;
}

.days {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 51.2px;
    height: 17.4px;
    background-color: #2C8CFB;
    border-radius: 8.721px;
    position: absolute;
    top: 178px;
    left: 40px;
}

.days_full {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60.2px;
    height: 17.4px;
    background-color: #000000;
    border-radius: 8.721px;
    position: absolute;
    top: 178px;
    left: 40px;
}

.days_text {
    color: #FFFFFF;
    font-family: Gilroy;
    font-size: 12.194px;
    font-style: normal;
    font-weight: 700;
    line-height: 101%; /* 12.316px */
    letter-spacing: 0.122px;
}

.tarif_test {
    width: 273px;
    height: 518px;
    background-color: rgba(14, 14, 14, 0.2);
    backdrop-filter: blur(45.92px);
    border: 0.83px #313030 solid;
    border-radius: 33.33px;
    box-shadow: inset 0px 0px 54px rgba(39, 39, 39, 0.7);
    z-index: 1;
}

.tarif_test_higth {
    width: 273px;
    height: 186.67px;
    padding: 37px;
    border-bottom: 0.83px #313030 solid;
}

.test_title {
    width: 170px;
    color: #FFF;
    font-family: Gilroy;
    font-size: 18.061px;
    font-style: normal;
    font-weight: 700;
    line-height: 101%; /* 18.242px */
    letter-spacing: 0.181px;
}

.test_price {
    color: #FFF;
    font-family: Coolvetica;
    font-size: 81.778px;
    font-style: normal;
    font-weight: 900;
    line-height: 101%; /* 82.595px */
    letter-spacing: 0.818px;
}

.tarif_test_low {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 273px;
    height: 331.33px;
    padding: 37px;
}

.test_low_puncts {
    display: flex;
    height: 25.833px;
    gap: 10px;
}

.punct_text {
    color: #FFF;
    font-family: Gilroy;
    font-size: 12.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 101%; /* 12.625px */
    letter-spacing: 0.125px;
}

.button_test_block_6 {
    width: 196.667px;
    height: 35.044px;
    flex-shrink: 0;
    border-radius: 37.137px;
    background: #388EF0;
    cursor: pointer;
    outline: none;
    border: none;
    color: #FFF;

    font-family: Gilroy;
    font-size: 13.076px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 16.999px */
    letter-spacing: 0.131px;

    margin-top: auto;

    transition: transform 0.3s ease;
}

.button_test_block_6:hover {
    transform: scale(1.05);
}

/* тариф фулл */

.tarif_full {
    position: relative;
    width: 273px;
    height: 636px;
    background-color: #2C8CFB;
    border: 0.83px #313030 solid;
    border-radius: 33.33px;
    box-shadow: 
        0 10px 55px rgba(44, 140, 251, 0.7),
        inset 0 10px 20px rgba(152, 200, 255, 0.5);
    z-index: 3;
}

.test_price_small {
    color: #7EBAFF;
    font-family: Gilroy;
    font-size: 22.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 101%; /* 22.725px */
    letter-spacing: 0.225px;
}

.tarif_full_higth {
    width: 273px;
    height: 186.67px;
    padding: 37px;
    border-bottom: 0.83px #72b4ff solid;
}

.tarif_full_low {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 273px;
    height: 449.17px;
    padding: 37px;
}

.button_full_block_6 {
    width: 196.667px;
    height: 35.044px;
    flex-shrink: 0;
    border-radius: 37.137px;
    background: #000000;
    cursor: pointer;
    outline: none;
    border: none;
    color: #FFF;

    font-family: Gilroy;
    font-size: 13.076px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 16.999px */
    letter-spacing: 0.131px;

    margin-top: auto;
    transition: transform 0.3s ease;    
}

.button_full_block_6:hover {
    transform: scale(1.05);
}

@media (max-width: 480px) {
    html,
    body {
        width: 100%;
    }

    .head,
    .about_me,
    .cases,
    .price,
    .button {
        display: none;
    }

    .logo {
        margin-right: auto;
        margin-left: 20px;
        align-items: center;
    }

    .nav {
        width: 360px;
        height: 51.7px;
        background: rgba(255, 255, 255, 0.01); 
        border-radius: 25.64px; 
        border: 0.83px rgba(255, 255, 255, 0.20) solid; 
        backdrop-filter: blur(12.50px);
        display: flex;
        align-items: center;
        position: fixed;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 100;
    } 

    .burger-menu {
        display: block;
        border-radius: 40px;
        padding: 11px;
        border: none;
        outline: none;
        cursor: pointer;
        margin-left: auto;
        margin-right: 5px;
        width: 42.42px;
        height: 42.42px;
        background-color: white;
    }
    
    /* фикс кнопки telegram, whatsapp, modile */
    .fast_telegram_whatsapp {
        flex-direction: row;
        padding-top: 4px;
        padding-left: 4px;
        padding-right: 10px;
        width: 99px;
        height: 51.7px;
        bottom: 20px;
        right: 6%;
        transform: none; /* убираем transform из базовых стилей */
    }

    .button_icon {
        top: 0;
    }

    /* модальное окно */
    .fixed_button {
        width: 240px;
        height: 51.7px;
        background: rgba(255, 255, 255, 0.01); 
        border-radius: 25.64px; 
        border: 0.83px rgba(255, 255, 255, 0.20) solid; 
        backdrop-filter: blur(12.50px);
        color: white;
        font-size: 18.80px;
        font-family: 'Gilroy';
        font-weight: 600;
        line-height: 24.44px;
        letter-spacing: 0.19px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: 20px;
        left: 6%;
        z-index: 101;
    }

    /* Инверсия fixed_button на белом фоне */
    .fixed_button.inverted {
        color: black;
        background: rgba(0, 0, 0, 0.05);
        border: 0.83px rgba(0, 0, 0, 0.20) solid;
        transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;
    }

    .modal_window {
        width: 360px;
        height: 550px;
        background: rgba(15, 15, 15, 0.2); 
        border-radius: 25.64px; 
        border: 0.83px rgba(255, 255, 255, 0.20) solid; 
        backdrop-filter: blur(12.50px);
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 101;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, transform 0.3s ease, visebility 0s 0.3s;

    }

    .modal_window.open {
        opacity: 1; /* видимо */
        visibility: visible; /* доступно для взаимодействия */
        transform: translateX(-50%) translateY(0); /* возврат на место */
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0s; /* без задержки при открытии */
    }

    .close_modal {
        display: block;
        border-radius: 40px;
        border: none;
        outline: none;
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 42.42px;
        height: 42.42px;
        background-color: white;
    }

    .close {
        position: relative;
        top: 2px;
    }

    /* ИМЯ */

    .input_area {
        position: absolute;
        top: 75px;
        display: flex;
        flex-direction: column;
        gap: 25px
    }

    .input_block_text {
        display: inline-block;
        color: white;
        font-size: 50px;
        font-family: 'Coolvetica';
        font-weight: 900;
        line-height: 1;
        letter-spacing: 0.76px;
        word-wrap: break-word;
    }

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

    .input_name {
        width: 270px;
        height: 51.7px;
        background-color: white;
        border-radius: 17px;
        border: none;
        outline: none;
        font-family: Gilroy;
        font-weight: 400;
        line-height: 27.72px;
        letter-spacing: 0.27px;
        font-size: 20px;
        padding-left: 15px;
    }

    .input-phone {
        width: 270px;
        height: 51.7px;
        background-color: white;
        border-radius: 17px;
        border: none;
        outline: none;
        font-family: Gilroy;
        font-weight: 400;
        line-height: 27.72px;
        letter-spacing: 0.27px;
        font-size: 20px;
        padding-left: 15px;
    }

    .input-phone::placeholder {
        font-family: Gilroy;
        font-weight: 400;
        line-height: 27.72px;
        letter-spacing: 0.27px;
        font-size: 20px;
        opacity: 0.3;
        position: relative;
    }

    .input_name::placeholder {
        font-family: Gilroy;
        font-weight: 400;
        line-height: 27.72px;
        letter-spacing: 0.27px;
        font-size: 20px;
        opacity: 0.3;
        position: relative;
    }

    .checkbox_block {
        display: flex;
        position: relative;
        top: 10px;
    }

    .checkbox_text {
        position: relative;
        left: 12px;
        font-family: Gilroy;
        font-weight: 400;
        line-height: 17.72px;
        letter-spacing: 0.27px;
        color: rgb(227, 227, 227);
        font-size: 13px;
        position: relative;
    }

    .checkbox_input {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 42.41px;
        width: 42.41px;
        background-color: white;
        border-radius: 40px;
    }

    .checkbox_input:checked {
        background: linear-gradient(7deg, #2C8CFB 30%, #FFFFFF 130%);
    }

    .checkbox_input:checked::after {
        content: url('images/svg/галочка.svg');
        display: block;
        position: relative;
        top: 8px;
        left: 9px;
        color: white;
        font-size: 24px;
        font-weight: bold;
    }


    .send_bid {
        position: absolute;
        bottom: 45px;
        transition: transform 0.3s ease 999999s;
        width: 270px;
        justify-content: center;
        height: 51.7px;
        background: linear-gradient(7deg, #2C8CFB 30%, #FFFFFF 150%);
        border-radius: 16.65px;
        padding: 15px;
        display: flex;
        outline: none;
        border: none;
        color: white;
        font-family: Gilroy;
        font-weight: 500;
        line-height: 27.72px;
        letter-spacing: 0.27px;
        font-size: 20px;
    }


    /* блок 1 */

    .block_1 {
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column-reverse;
        overflow: hidden;
    }

    .block_1_image {
        margin: 0 auto;
        display: block;
        width: 80%;
        height: auto;
    }

    .content_block_1 {
        width: 366px;
        margin: 0 auto;
    }

    .title_block_1 {
        margin-top: 10px;
        margin: 0 auto;
        padding: auto;        
        color: white;
        font-size: 70.20px;
        font-family: 'Coolvetica';
        font-weight: 900;
        line-height: 1;
        letter-spacing: 0.76px;
        word-wrap: break-word;
    }

    /* блок 2 */

    .block_2 {
        width:366px;
        height: auto;
    }

    .title_block_2 {
        width: 366px;
        margin: 20px auto;
        font-size: 70.20px;
    }

    .case {
        position: relative;
        width: 366px;
        height: 820px;
    }

    .scroll_case {
        height: 4220px;
        display: flex;
        flex-direction: column;
        overflow-x: none;
        overflow-y: none;
        gap: 20px;
        -webkit-mask-image: none;
        mask-image: none;
    }
    
    .img_case_2 {
        width: 277px;
        height: 169px;
        display: block;
        margin: none;
    }
    
    .indicators {
        position: absolute;
        top: 304px;
        display: flex;
        width: 100%;
        height: 397.73px;
        flex-direction: column;
        padding-left: 53px;
        padding-right: 53px;
        gap: 10px;
    }
    
    .view_and_cost {
        display: flex;
        position: relative;
    }
    
    .case.visible .low_block {
        transform: translateY(85.7px);
        transition: transform 0.3s ease 0s;
    }
    
    .high_block {
        width: 88.7px;
        height: 88.7px;
        background-color: #161616;
        border-radius: 16.65px;
        border: 1px #313030 solid;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .middle_block {
        position: absolute;
        top: 0;
        transition: transform 0.3s ease 999999s;
        width: 85.7px;
        height: 85.7px;
        background-color: #161616;
        border-radius: 16.65px;
        border: 1px #313030 solid;
        padding-top: 15px;
        padding-bottom: 15px;
        display: flex;
    }
       
    .low_block {
        position: absolute;
        top: 0;
        transition: transform 0.3s ease 999999s;
        width: 85.7px;
        height: 85.7px;
        background-color: #FFFFFF;
        border-radius: 16.65px;
        border: 1px #313030 solid;
        padding: 15px;
        display: flex;
    }
    
    .low_block_2 {
        position: absolute;
        top: 0;
        transition: transform 0.3s ease 999999s;
        width: 85.7px;
        margin-right: 10px;
        height: 85.7px;
        background: linear-gradient(35deg, #2C8CFB 30%, #FFFFFF 200%);
        border-radius: 16.65px;
        border: 1px #313030 solid;
        padding: 15px;
        display: flex;
    }
    
    .contact_and_cost {
        display: flex;
        position: relative;
    }
    
    .case.visible .low_block {
        transform: translateX(85.7px);
        transition: transform 0.3s ease 0s;
    }
    
    .target_and_cost {
        display: flex;
        position: relative;
    }
    
    .sale_and_cost {
        display: flex;
        position: relative;
        margin-right: 0;
    }
    
    .case.visible .middle_block {
        transform: translateX(85.7px);
        transition: transform 0.3s ease 0s;
    }
    
    .case.visible .low_block_2 {
        transform: translateX(171.4px);
        transition: transform 0.3s ease 0s;
    }
    
    .review_1 {
        width: 277px;
        height: 80.2px;
        position: absolute;
        top: 700px;
        left: 32.56px;
        transform: scale(0.94);
        transform-origin: top right;
    }
    
    .review_2 {
        width: 355px;
        height: 119px;
        position: absolute;
        top: 700px;
        left: 42px;
        transform: scale(0.78);
        transform-origin: top left;
    }
    
    .review_3 {
        width: 355px;
        height: 129px;
        position: absolute;
        top: 700px;
        left: 42px;
        transform: scale(0.78);
        transform-origin: top left;
    }
    
    .review_4 {
        width: 344px;
        height: 129px;
        position: absolute;
        top: 700px;
        left: 42px;
        transform: scale(0.80);
        transform-origin: top left;
    }
    
    .review_5 {
        width: 353px;
        height: 129px;
        position: absolute;
        top: 700px;
        left: 42px;
        transform: scale(0.78);
        transform-origin: top left;
    }

    /* блок 3 */

    .block_3 {
        top: 40px;
        width:366px;
        height: 100%;
    }

    .title_block_3 {
        width: 366px;
        margin: 20px auto;
        font-size: 70.20px;
    }

    .content_block_3 {
        top: 5px;
        gap: 15px;
    }
    
    .utp_block_3 {
        border-radius: 32.28px;
        padding: 20px;
        width: 162px;
        height: 156px;
    }
    
    .title2_block_3 {
        line-height: 16.42px;
        letter-spacing: 0.16px;
        font-size: 16.25px;
    }
    
    .icon_block_3 {
        width: 162.45px;
        height: 156px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    /* блок 4 */

    .block_4 {
        top: 100px;
        width: 100%;
        height: 3050px;
        border-radius: 60px;
    }

    .content_block_4 {
        position: relative;
        width: 366px
    }

    .steps_block_4 {
        position: absolute;
        top: 380px;
    }

    .title_block_4 {
        position: absolute;
        top: 0;
        width: 366px;
        margin: 50px auto;
        font-size: 70.20px;
    }

    /* блок 5 */

    .block_5 {
        position: relative;
        top: 100px;
        width: 366px;
        height: 100%;
    }

    .content_block_5 {
        justify-content: center;
    }

    .utp_block_5 {
        display: flex;
        flex-direction: column;
        width: 360px;
        height: 230px;
    }

    .fear_block_5 {
        position: relative;
        width: 360px;
        display: flex;
        align-items: center;
        padding-left: 25px;
        padding-right: 25px;
    }

    .results_block_5 {
        width: 360px;
        position: absolute;
        top: 110px;
        display: flex;
        align-items: center;
        padding-left: 25px;
        padding-right: 25px;
    }

    .titleh2_block_5 {
        position: relative;
        top: 0;
        left: 0;
    }

    .titleh3_block_5 {
        position: relative;
        top: 0;
        left: 0;
    }

    /* блок 6 */

    .block_6 {
        position: relative;
        top: 100px;
        width: 366px;
        height: 100%;
    }

    .content_block_6 {
        flex-direction: column;
        gap: 20px;
        top: 0;
    }

}