/* =========================
   Variables
========================= */
:root {
    --ff-body: "Manrope", sans-serif;
    --ff-title: "Cormorant Garamond", serif;

    --c-black: #000;
    --c-dark: #282826;
    --c-white: #fff;
    --c-green: #525f45;

    --c-cream-1: #fae8d3;
    --c-cream-2: #fdf5ec;
    --c-cream-3: #fae8d4;
    --c-border: #fcf4eb;

    --grad-page: linear-gradient(0deg, #fae8d3 0%, #fdf5ec 81.95%);
    --grad-dark: linear-gradient(90deg, #434343 0%, #282826 100%);
    --grad-green: linear-gradient(90deg, #525f45 0%, #3f4b33 100%);
    --grad-cream: linear-gradient(90deg, #fae8d4 0%, #fdf5ec 100%);
    --grad-slogon: linear-gradient(90deg, rgb(255, 255, 255) 54.81%, rgba(252, 240, 227, 0) 100%);

    --shadow-1: 0 4px 15px rgba(0, 0, 0, 0.25);
    --shadow-soft: 0 4px 10px rgba(0, 0, 0, 0.15);

    --radius-lg: 25px;
    --radius-md: 20px;
    --radius-pill: 50px;

    --border-cream: 3px solid var(--c-border);
}

/* =========================
    Reset / base
 ========================= */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
}

img {
    max-width: 100%;
}

button {
    font: inherit;
    cursor: pointer;
    border: 0;
    padding: 0;
    background: transparent;
}

a {
    color: inherit;
    text-decoration: none;
}

ul {
    list-style: none;
}

ul li {
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 20px;
}

ul li::before {
    content: "";
    background: var(--c-green);
    display: block;
    margin-top: 5px;
    padding: 5px;
    border-radius: 100%;
}

input[type="radio"] {
    display: none;
}

@keyframes shows {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* =========================
           Layout / helpers
        ========================= */
body {
    background: var(--grad-page);
    color: var(--c-black);
    font-family: var(--ff-body);
    padding: 0 40px;
}

main {
    max-width: 1440px;
    margin: 0 auto;
}

section {
    padding: 40px 0;
}

section > :not(.bridge) {
    /* margin: 0 80px; */
}

.u-center {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.is-dark {
    background: var(--grad-dark) !important;
}

.is-hidden {
    display: none !important;
}

.grad-text-dark {
    background: var(--grad-dark);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Common white cards */
.card,
.advantages__block,
.block__punkti,
.format_blocks,
.turn_on, .turn_off,
.slide_block,
.second_slide_block,
.slide_block_coment,
.question_second,
.question_third,
.question_fourth,
.question_five,
.question_six,
.question_seven,
.big_textarea,
.slide1_questions {
    background: var(--c-white);
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-lg);
}

.slide_block, .slide_block_coment {
    box-shadow: none;
}

/* Reused headings */
.questions__header div,
.my_work__header div,
.section__sliders__header div,
.section__second_sliders__header div,
.format_work__header div,
.section__often_questions__header div {
    margin-top: 26px;
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 48px;
    line-height: 125%;
    text-align: center;
    text-transform: uppercase;
}

/* =========================
           Header / Hero
        ========================= */
header {
    max-width: 1440px;
    margin: 80px auto 0;
    display: flex;
    z-index: 2;
}

.header__container {
    width: 50%;
}

.header__btn {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.menu_btn {
    width: 67px;
    height: 67px;
    margin-bottom: 20px;
}

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

.slogon {
    display: flex;
    align-items: center;
    background: var(--grad-slogon);
    border-radius: var(--radius-lg);
    z-index: 1;
}

.slogon img {
    width: 16px;
    height: 133px;
    border-radius: var(--radius-pill);
    object-fit: cover;
}

.slogon__text {
    margin-left: 40px;
    margin-right: -100%;
    padding: 40px 0;
}

.slogon__text h1 {
    margin: 0 0 20px;
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 43px;
    line-height: 125%;
    text-transform: uppercase;
}

.slogon__text div {
    display: flex;
    flex-direction: column;
    font-family: var(--ff-title);
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    color: rgb(40, 40, 38);
}

.arina_photo {
    z-index: -2;
    object-fit: cover;
    margin-top: -18%;
    width: 619px;
    height: 849px;
}

.arina_mobile {
    display: none;
}

.slogon__info {
    max-width: 687px;
    margin-top: 60px;
    font-size: 20px;
    line-height: 140%;
}

.slogon_contaner_btn {
    max-width: 506px;
    gap: 20px;
    margin-top: 76px;
    display: flex;
    justify-content: space-between;
}

.slogon_btn {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.btn {
    display: flex;
    flex-direction: column;
}

/* =========================
           Buttons
        ========================= */
.slogon_btn button,
.button_block button,
.start,
.next_slide,
.ssilka_na_otzivi,
.seven_button,
.end_button button,
.policy,
.button,
.zapisatsa {
    padding: .8rem 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    font-weight: 600;
    font-size: 20px;
    line-height: 135%;
    color: var(--c-border);

    background: var(--grad-dark);
    border: var(--border-cream);
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-pill);
    transition: 0.5s;
}

.button:hover {
    background: #fff !important;
    color: #000 !important;
}

.button_block button {
    width: 205px;
}

.bg-green {
    background: var(--grad-green) !important;
}

.start,
.next_slide {
    width: 231px;
    margin: 40px;
}

.seven_button {
    height: auto;
    padding: 12px 30px;
    margin: 20px;
}

.end_button button {
    width: 260px;
}

.slogon_btn button:hover,
.hov:hover,
.js-quiz-open:hover {
    background: #fff !important;
    color: #000 !important;
}

.slogon_btn small {
    margin-top: 15px;
    font-size: 11px;
    line-height: 135%;
}

/* =========================
           Advantages
        ========================= */
.advantages {
    display: flex;
    justify-content: space-between;
    z-index: 1;
    background-color: var(--c-cream-3);
    box-shadow: 0 0 200px 300px var(--c-cream-3);
}

.advantages__block {
    max-width: 374px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.advantages__block_number {
    width: 80px;
    height: 80px;
    margin: -40px 0 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 700;
    font-size: 48px;
    line-height: 125%;
    text-transform: uppercase;
    color: var(--c-border);

    background: var(--grad-green);
    border: var(--border-cream);
    border-radius: var(--radius-pill);
    box-shadow: var(--shadow-1);
}

.advantages__block_number.is-dark {
    background: var(--grad-dark);
}

.advantages__block_text {
    font-size: 20px;
    line-height: 140%;
}

.advantages__block_img {
    width: 8px;
    height: 60px;
    margin-left: 25px;
    border-radius: var(--radius-pill);
    object-fit: cover;
    transform: rotate(90deg);
}

.advantages__block_container {
    margin-left: 60px;
}

.advantages__block_slides {
    display: flex;
    gap: 70px;
}

/* =========================
           Questions
        ========================= */
.questions__header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.questions__cards {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.card {
    position: relative;
    padding: 0;
    padding-right: 40px;
    padding-bottom: 20px;
}

.card_text {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.card img {
    width: 20px;
    height: 45px;
    border-radius: 0 50px 50px 0;
}

.card > img {
    display: none;
}

.format_blocks > img {
    display: none;
}

.card_text div {
    margin-left: 20px;
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 24px;
    line-height: 125%;
    text-transform: uppercase;
    color: var(--c-dark);
}

.card_list {
    margin-top: 30px !important;
}

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

/* =========================
           Bridge
        ========================= */
.bridge {
    width: 100%;
    padding: 40px 0;
    margin-top: 80px;
    background: var(--grad-dark);
    position: relative;
}

.bridge::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(/public/arina-aksenova/img/lines.png) center/cover no-repeat;
    opacity: 0.4;
}

.bridge_block {
    padding: 0 80px;
    position: relative;
    z-index: 1;

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

.bridge_img {
    width: 10px;
    height: 160px;
    border-radius: var(--radius-pill);
    object-fit: cover;
    filter: drop-shadow(var(--shadow-1));
}

.bridge_text {
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 48px;
    line-height: 125%;
    text-align: center;
    text-transform: uppercase;

    background: var(--grad-cream);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    text-shadow: var(--shadow-1);
}

.bridge small {
    display: block;

    font-family: var(--ff-body);
    font-weight: 400;
    font-size: 25px;
    line-height: 125%;
    text-align: center;

    color: var(--c-cream-3);
    opacity: 0.7;
    text-shadow: var(--shadow-1);
}

.mobile_button {
    display: none !important;
}

/* =========================
           My work
        ========================= */

.my_work__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px !important;
}

.my_work_pluses {
    margin-top: 80px;
    display: flex;
    justify-content: space-around;
}

.block__punkti {
    position: relative;
    padding: 40px;
    max-width: 600px;
}

.block__punkti_img {
    position: absolute;
    transform: translate(-50%, 0);
    top: 0;
    left: 50%;
    height: 20px;
    width: 50%;
    border-radius: 0 0 50px 50px;
    object-fit: cover;
    filter: drop-shadow(var(--shadow-1));
}

.punkti {
    display: flex;
    flex-direction: column;
}

.punkti_zagolovok {
    margin-bottom: 21px;
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 24px;
    line-height: 125%;
    text-transform: uppercase;
    color: var(--c-dark);
}

.punkti_block_galki {
    margin-bottom: 21px;
    display: flex;
    align-items: center;
}

.punkti_border_galki {
    width: 24px;
    height: 24px;
    border: 2px solid #000;
    border-radius: 4px;
}

.punkti_border_galki img {
    width: 22px;
    height: 16px;
    margin: -3px 0 0 5px;
}

.punkti_text {
    margin-left: 16px;
    font-size: 14px;
    line-height: 140%;
}

/* =========================
           Slider 1 (steps)
        ========================= */
.section__sliders__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px !important;
}

.section__sliders__header small {
    font-family: var(--ff-title);
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    text-align: center;
    color: var(--c-dark);
}

.section__sliders {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.slider {
    width: 500px;
    overflow: hidden;
    text-align: center;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slides {
    margin-top: 60px;
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide {
    width: 100%;
    flex-shrink: 0;
}


.slide_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.slide_block_number {
    margin-top: -40px;
    margin-bottom: auto;
    padding: 0 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 700;
    font-size: 48px;
    line-height: 125%;
    text-transform: uppercase;
    color: var(--c-border);
    aspect-ratio: 1;
    background: var(--grad-green);
    border: var(--border-cream);
    border-radius: var(--radius-pill);
    box-shadow: var(--shadow-1);
}

.slide_block_number.is-dark {
    background: var(--grad-dark);
}

.slide_block_text {
    width: 422px;
    margin-top: 30px;

    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 24px;
    line-height: 125%;
    text-align: center;
    letter-spacing: -0.009em;
    text-transform: uppercase;
    color: var(--c-dark);
}

.slide_block small {
    margin-top: 40px;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    color: var(--c-dark);
    text-shadow: var(--shadow-1);
}

.slide_block_rectangle {
    margin-top: 45px;
    padding: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--grad-green);
    box-shadow: var(--shadow-1);
    border-radius: 25px 25px 0 0;
}

.slide_block_rectangle.is-dark {
    background: var(--grad-dark);
}

.slide_block_rectangle div {
    width: 382px;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #fff;
}

#slide1:checked ~ .slides {
    transform: translateX(0%);
}

#slide2:checked ~ .slides {
    transform: translateX(-100%);
}

#slide3:checked ~ .slides {
    transform: translateX(-200%);
}

#slide4:checked ~ .slides {
    transform: translateX(-300%);
}

.controls {
    height: 50px;
    padding: 10px;
    margin-top: 10px;
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.label_c {
    width: 20px;
    height: 20px;
    margin: 5px;

    background: rgb(67, 67, 67);
    border-radius: 50%;
    opacity: 0.2;
    cursor: pointer;

    transition: background-color 0.3s;
}

#slide1:checked ~ .controls .label_c:nth-child(1),
#slide2:checked ~ .controls .label_c:nth-child(2),
#slide3:checked ~ .controls .label_c:nth-child(3),
#slide4:checked ~ .controls .label_c:nth-child(4) {
    width: 24px;
    height: 24px;
    background: rgb(63, 75, 51);
    opacity: 1;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
}

.img_gold_slide {
    display: none;
    margin-top: -1px;
    width: 160px;
    height: 10px;
    object-fit: cover;
    border-radius: 0 0 50px 50px;
}

.text_bottom_slider {
    margin-top: 78px;
    font-family: var(--ff-title);
    font-weight: 400;
    font-size: 33px;
    line-height: 100%;
    text-align: center;

    background: var(--grad-dark);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* =========================
           Slider 2 (steps list)
        ========================= */
.section__second_sliders {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section__second_sliders__header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section__second_sliders__header small {
    max-width: 1021px;
}

.second_slider {
    position: relative;
}

.second_slides {
    width: 400%;
    margin: 80px 0 40px;

    display: flex;
    transition: transform 0.5s ease-in-out;
}

.second_slide {
    width: 100%;
    flex-shrink: 0;
}

.green {
    max-width: 84px;
    max-height: 52px;
    padding: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    color: #fff !important;

    background: var(--grad-green);
    box-shadow: var(--shadow-1);
    border-radius: 0 0 25px 25px;
}

.green.is-dark {
    background: var(--grad-dark);
}

.second_slide_block {
    position: absolute;
    bottom: 140px;
    z-index: 1;
    width: 462px;
    max-height: 200px;
    padding: 0 40px;
    display: none;
}

.second_slide_block div {
    font-size: 16px;
    line-height: 125%;
    color: var(--c-dark);
    text-shadow: var(--shadow-1);
    text-align: left;
}

.second_slide_block div:nth-child(3) {
    font-weight: normal;
}

.line {
    width: 3px;
    height: 68px;
    margin-left: 25px;
}

.second_controls {
    margin-top: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.seond_numbers {
    position: relative;
    width: 80px;
    height: 80px;
    font-weight: 700;
    font-size: 48px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--c-border);
    background: var(--grad-green);
    border: var(--border-cream);
    border-radius: var(--radius-pill);
    box-shadow: var(--shadow-1);
    opacity: 0.5;
}

.seond_numbers label {
    margin-right: 15px;
    font-weight: 700;
    font-size: 48px;
    text-transform: uppercase;
}

.second_controls .seond_numbers:nth-child(4),
.second_controls .seond_numbers:nth-child(8) {
    background: var(--c-dark);
}

#second_slide1:checked ~ .second_controls .seond_numbers:nth-child(2),
#second_slide2:checked ~ .second_controls .seond_numbers:nth-child(4),
#second_slide3:checked ~ .second_controls .seond_numbers:nth-child(6),
#second_slide4:checked ~ .second_controls .seond_numbers:nth-child(8) {
    opacity: 1;
}

#second_slide1:checked ~ .second_controls .seond_numbers:nth-child(2) .second_slide_block,
#second_slide2:checked ~ .second_controls .seond_numbers:nth-child(4) .second_slide_block,
#second_slide3:checked ~ .second_controls .seond_numbers:nth-child(6) .second_slide_block,
#second_slide4:checked ~ .second_controls .seond_numbers:nth-child(8) .second_slide_block {
    display: block;
}

/* =========================
           Facts block
        ========================= */
.fakti_o_arine {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fakti_o_arine__container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 80px;
}

.fakti_o_arine__container_header {
    margin-left: 10px;
}

.fakti_o_arine__container_header img {
    width: 130px;
}

.fakti_o_arine__container_header div {
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 48px;
    line-height: 125%;
    text-transform: uppercase;

    background: var(--grad-dark);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.face {
    margin-top: 50px;
}

.turn_on {
    display: block;
    padding-bottom: 30px;
}

.turn_off {
    display: flex;
    flex-direction: column;
    padding-bottom: 30px;
}

.quality_mobile {
    display: none;
}

.fakti_o_arine_block {
    max-width: 600px;
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    gap: 40px;
}

.your_name {
    margin: 33px 0 0 40px;
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 26px;
    line-height: 100%;
}

.block_psychologist {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 18px;
}

.block_psychologist .mobile_face {
    width: 255px;
    height: 225px;
    margin-right: 20px;
    border-radius: 0 50px 50px 0;
    object-fit: cover;
}

.name_arins {
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 33px;
    line-height: 100%;
    text-transform: uppercase;
}

.small_text_info {
    max-width: 389px;
    margin: 20px 0 0 40px;
    font-size: 16px;
    line-height: 125%;
    color: var(--c-dark);
}

.green_block_facts,
.green_new {
    margin: 40px 20px 0 40px;
    padding: 20px;
    background: var(--grad-green);
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-md);
}

.quality {
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 24px;
    line-height: 125%;
    text-transform: uppercase;
    color: #fff;
}

.new small {
    margin: 20px 0 0 42px;
    font-size: 11px;
    line-height: 125%;
    color: var(--c-dark);
}

.ul,
.ul_new {
    display: flex;
}

.facts {
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 24px;
    line-height: 125%;
    text-transform: uppercase;
    color: #fff;
}

.green_block_facts ul {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.green_block_facts li,
.ul_new li {
    margin-top: 10px;
    font-size: 14px;
    line-height: 140%;
    color: white;
}

.green_block_facts li:before,
.ul_new li:before {
    background: white;
}

.green_block_facts li::marker,
.ul_new li::marker {
    font-size: 20px;
}

.button_registration {
    margin: 30px 20px 0 40px;
    margin-bottom: 0 !important;
    display: flex;
    justify-content: space-between;
}

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

.small_text_registration {
    display: flex;
    align-items: center;

    font-size: 11px;
    line-height: 135%;
}

.alips {
    width: 60px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 2px solid #000;
    border-radius: 50%;
    cursor: pointer;
}

.upper_gold {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    display: none;
    height: 10px;
    width: 160px;
    object-fit: cover;
    border-radius: 0 50px 50px 0;
}

.mobile_face {
    display: none;
    width: 255px;
    height: 225px;
    object-fit: cover;
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-md);
}

/* =========================
           Formats
        ========================= */
.format_work {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.format_work__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px !important;
}

.formats_container_slider {
    width: 100%;
}

.formats_container {
    display: flex;
    justify-content: space-between;
    gap: 79px;
}

.format_blocks {
    position: relative;
    max-width: 374px;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
}

.div_with_img {
    position: relative;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.div_with_img div {
    display: flex;
    align-items: center;
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 24px;
    line-height: 125%;
    text-transform: uppercase;
    color: var(--c-dark);
}

.small_img {
    width: 20px;
    height: 45px;
    border-radius: 0 50px 50px 0;
    object-fit: cover;
}

.bigest_img {
    width: 121px;
    height: 45px;
    border-radius: 0 50px 50px 0;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    object-fit: cover;
}

.small_text {
    max-width: 294px;
    margin: 30px 0 0 40px;
    font-size: 14px;
    line-height: 140%;
}

.green_background {
    margin: 30px 0 40px 20px;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;

    background: var(--grad-green);
    box-shadow: var(--shadow-1);
    border-radius: 20px 0 0 20px;
}

.green_background div {
    margin-left: 20px;
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 24px;
    line-height: 125%;
    text-transform: uppercase;
    color: #fff;
}

.green_background ul {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
}

.green_background li:before {
    background: white;
}

.green_background li {
    margin-top: 10px;
    font-size: 14px;
    line-height: 140%;
    color: #fff;
}

.green_background li::marker {
    font-size: 20px;
}

.price_block {
    margin: 20px 0 10px 40px;
    margin-top: auto;
    font-size: 24px;
    line-height: 125%;
    color: var(--c-dark);
}

.low_img,
.midle_img {
    height: 45px;
    border-radius: 0 50px 50px 0;
    object-fit: cover;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.low_img {
    width: 30px;
}

.midle_img {
    width: 70px;
}

.center_format {
    margin: 0 20px;
    display: flex;
    justify-content: space-between;
}

.center_format_text {
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 24px;
    line-height: 125%;
    text-transform: uppercase;
    color: var(--c-dark);
}

.center_format_recomend {
    width: 101px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    font-size: 11px !important;
    font-weight: 400;
    line-height: 13px;
    color: #fff !important;

    background: var(--grad-dark);
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-md);
}

/* =========================
           Bridge with button
        ========================= */
.bridge_with_button {
    width: 100%;
    margin-top: 80px;

    display: flex;
    align-items: center;
    justify-content: space-around;

    background-image: var(--grad-dark);
    background-size: cover;
}

.size_small {
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 36px;
    line-height: 125%;
    text-align: center;
    color: var(--c-cream-3);
    text-shadow: var(--shadow-1);
}

.desktop_button,
.mobile_button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 0 18px;

    font-size: 20px;
    color: var(--c-dark);

    background: var(--grad-cream);
    border-radius: var(--radius-pill);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
}

.desktop_button {
    width: 566px;
    margin-top: 40px;
}

.mobile_button {
    width: 255px;
    margin: 40px auto 20px;
}

/* =========================
           Comments slider
        ========================= */
.section__comments {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.slider_comment {
    width: 528px;
    overflow: hidden;
    text-align: center;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slides_coment {
    width: 600%;
    margin-top: 60px;
    position: relative;
    display: flex;
    transition: transform 0.7s ease-in-out;
}

.slide_coment {
    width: 100%;
    flex-shrink: 0;
    display: flex;
}

.slide_block_container {
    width: 528px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.slide_block_coment {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    background: var(--c-white);
}

.slide_block_container_text div {
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 42px;
    line-height: 125%;
    text-transform: uppercase;
    text-align: center;
    color: var(--c-dark);
}

.slide_block_container_text small {
    font-size: 20px;
    line-height: 125%;
    text-align: center;
    color: var(--c-dark);
    text-shadow: var(--shadow-1);
}

.slide_block_img_left,
.slide_block_img_right {
    width: 20px;
    height: 60px;
    border-radius: 0 50px 50px 0;
    object-fit: cover;
}

.slide_block_img_right {
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.slide_block_history {
    max-width: 448px;
    margin-top: 30px;
    padding: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 18px;
    line-height: 130%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #fff;

    background: var(--grad-green);
    box-shadow: var(--shadow-1);
    border-radius: 25px 25px 0 0;
}

#slide1_coment:checked ~ .slides_coment {
    transform: translateX(0%);
}

#slide2_coment:checked ~ .slides_coment {
    transform: translateX(-100%);
}

#slide3_coment:checked ~ .slides_coment {
    transform: translateX(-200%);
}

#slide4_coment:checked ~ .slides_coment {
    transform: translateX(-300%);
}

#slide5_coment:checked ~ .slides_coment {
    transform: translateX(-400%);
}

#slide6_coment:checked ~ .slides_coment {
    transform: translateX(-500%);
}

.controls_coment {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    margin-top: 10px;
    text-align: center;
}

.controls_coment label {
    width: 20px;
    height: 20px;
    margin: 5px;
    padding: 5px;
    display: inline-block;
    background: rgb(67, 67, 67);
    border-radius: 50%;
    opacity: 0.2;
    cursor: pointer;
}

#slide1_coment:checked ~ .controls_coment .slide_coments:nth-child(1),
#slide2_coment:checked ~ .controls_coment .slide_coments:nth-child(2),
#slide3_coment:checked ~ .controls_coment .slide_coments:nth-child(3),
#slide4_coment:checked ~ .controls_coment .slide_coments:nth-child(4),
#slide5_coment:checked ~ .controls_coment .slide_coments:nth-child(5),
#slide6_coment:checked ~ .controls_coment .slide_coments:nth-child(6) {
    opacity: 1;
    background: rgb(63, 75, 51);
    height: 24px;
    width: 24px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
}

.book_otzivi_text {
    max-width: 1021px;
    margin: 40px 0;

    font-family: var(--ff-title);
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    text-align: center;
    color: var(--c-dark);
}

.golg_up,
.golg_up,
.golg_up {
    display: none;
}

.golg_up {
    width: 10px;
    height: 160px;
    object-fit: cover;
    border-radius: 0 50px 50px 0;
    transform: rotate(90deg);
}

/* =========================
           Big comments modal
        ========================= */
.open_header {
    margin-top: 80px;
    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.comments_big {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;

    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.6);
}

.comments_big_block {
    max-width: 960px;
    padding: 20px;

    display: flex;
    flex-direction: column;

    background: linear-gradient(180deg, var(--c-cream-3) 0%, var(--c-cream-2) 100%);
    border-radius: var(--radius-lg);
}

.open_comments {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 40px;
}

.open_comments img:hover {
    cursor: pointer;
}

.open {
    display: none;
}

.open_comments_block {
    display: flex;
    flex-direction: column;

    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 30px;
    line-height: 125%;
    color: var(--c-dark);
}

.open_comments_block small {
    font-family: var(--ff-body);
    font-weight: 400;
    max-width: 680px;
    font-size: 14px;
    line-height: 140%;
    margin-top: 10px;
    color: var(--c-dark);
}

/* =========================
           FAQ
        ========================= */
.section__often_questions {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section__often_questions__header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section__often_questions__header small {
    max-width: 960px;
    font-family: var(--ff-title);
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    text-align: center;
    color: var(--c-dark);
}

.container__questions_and_answer {
    margin-top: 80px;
}

.question_container {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.question_block {
    max-width: 736px;
}

.js-faq-answer {
    display: none;
    font-family: var(--ff-body);
}

.question_text {
    font-family: var(--ff-title);
    font-weight: 800;
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 10px;
}

.question_container img:hover {
    cursor: pointer;
}

/* =========================
           Last slide
        ========================= */
.last_slide {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container_last_slide {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.container_last_slide__header img {
    width: 130px;
    height: 36px;
}

.container_last_slide__header div {
    margin-top: 25px;
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 26px;
    line-height: 125%;
    text-transform: uppercase;

    background: var(--grad-dark);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.uppercase {
    margin-top: 40px;
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    text-transform: uppercase;

    background: var(--grad-dark);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.lower {
    margin-top: 80px;
    font-size: 16px;
    line-height: 125%;
    color: var(--c-dark);
}

.last_slide_img {
    width: 700px;
    display: flex;
}

.last_slide_img img {
    width: auto;
    object-fit: none;
    border-radius: var(--radius-lg);
}

.img_mobile {
    display: none;
    height: 213px;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-soft);
}

.img_mobile img {
    border-radius: var(--radius-md);
}

/* =========================
           Footer
        ========================= */
.footer_container {
    width: 100%;
    padding: 0 40px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_block {
    display: flex;
    align-items: center;
    text-align: center;
}

.footer_info_centr {
    margin-left: 130px;
    display: flex;
    flex-direction: column;
}

.footer_info_centr button {
    width: 336px;
    height: 52px;
    padding: 0 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 16px;

    background: var(--c-cream-3);
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-lg);
}

.policy {
    font-weight: 700;
    font-size: 1rem;
    width: fit-content;
    line-height: 125%;
    color: #000;
    background: var(--c-cream-3);
    text-shadow: var(--shadow-1);
}

.footer_info_centr_text {
    width: 420px;
    margin-top: 20px;

    display: flex;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;

    background: var(--c-cream-3);
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-lg);
}

.footer_info_centr_text div {
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
    letter-spacing: 0.008em;

    background: var(--grad-dark);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.container_img_footer {
    display: flex;
}

.img_footer {
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}

.footer_info_left {
    text-align: right;
}

.img_foot {
    width: 325px;
    height: 173px;
    filter: drop-shadow(var(--shadow-1));
}

.footer_info_left div {
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 36px;
    line-height: 125%;
    text-transform: uppercase;

    background: var(--grad-cream);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    text-shadow: var(--shadow-1);
}

.footer_info_left small {
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    margin-top: 20px;
    background: var(--grad-cream);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-align: right;
    opacity: 0.75;
    text-shadow: var(--shadow-1);
}

/* =========================
           Quiz modal (base)
        ========================= */
.opened_quiz_container {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    overflow: auto;
    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.6);
}

.question_fourth {
    margin: 20px 0;
}

.opened_quiz_block {
    max-width: 960px;

    position: absolute;
    z-index: 10000;

    display: flex;
    justify-content: space-between;

    background: linear-gradient(180deg, var(--c-cream-3) 0%, var(--c-cream-2) 100%);
    border-radius: var(--radius-lg);
}

.img_obraz {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.obraz_arina {
    width: 649px;
    height: 600px;
    object-fit: cover;
    border-radius: 0 25px 25px 0;
}

.opened_quiz_hello {
    margin: 40px 0 0 40px;
    display: flex;
    flex-direction: column;
}

.opened_quiz_hello div {
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    text-transform: uppercase;

    background: var(--grad-dark);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.opened_quiz_hello img {
    width: 130px;
    height: 36px;
}

.opened_quiz_hello small {
    margin-top: 40px;
    max-width: 231px;
    font-size: 14px;
    line-height: 100%;
    color: var(--c-dark);
}

/* Quiz slides base */
.opened_quiz_slide1,
.second_slide_quiz,
.third_slide_quiz,
.forth_slide_quiz,
.dop_slide,
.five_slide_quiz,
.six_slide_quiz,
.seven_slide_quiz,
.end_slide {
    display: none;
    padding: 20px 40px;

    z-index: 9999;

    flex-direction: column;
    align-items: center;
    text-align: center;

    background: linear-gradient(180deg, var(--c-cream-3) 0%, var(--c-cream-2) 100%);
    border-radius: var(--radius-lg);
}

.opened_quiz_slide1_zav {
    margin-top: 20px;
}

.opened_quiz_slide1_zav div {
    font-family: var(--ff-title);
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    text-transform: uppercase;

    background: var(--grad-dark);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.opened_quiz_slide1_zav small {
    margin-top: 20px;
    font-family: var(--ff-title);
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    color: var(--c-dark);
}

.slide1_questions {
    margin-top: 40px;
    padding: 20px;
    display: flex;
}

.slide1_questions_vibor {
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.slide1_questions_vibor_block {
    margin: 10px 0;
}

.slide1_questions_vibor_block label,
.slide_questions_vibor label,
.class_checkbox label {
    display: flex;
    align-items: center;
}

.slide1_questions_vibor_block div,
.slide_questions_vibor div {
    margin-left: 20px;
}

.slide1_questions_vibor_block input,
.slide_questions_vibor input,
.class_checkbox input {
    width: 24px;
    height: 24px;
}

.slide1_questions_vibor_block input:hover {
    cursor: pointer;
}

.slide_questions_vibor {
    margin-top: 20px;
    display: flex;
}

.zapros textarea {
    margin-top: 20px;
    padding: 20px;
    border-radius: var(--radius-lg);
}

#zapros_first {
    width: 410px;
    height: 112px;
}

.second_slide_quiz {
    max-width: 528px;
}

.question_second {
    margin-top: 20px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.question_second_coloum {
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.class_checkbox {
    margin: 10px 0;
    display: flex;
}

.class_checkbox div {
    margin-left: 20px;
    display: flex;
    align-items: center;
    text-align: left;
}

.third_slide_quiz {
    max-width: 695px;
}

.question_third {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.question_fourth {
    margin-top: 20px;

    display: flex;
    align-items: center;
    justify-content: space-around;
}

.dop_zav {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.big_textarea {
    margin-top: 30px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.big_textarea div {
    margin-top: 20px;
}

.big_textarea textarea {
    width: 100%;
    height: 112px;
    margin: 20px 0;
    padding: 10px;

    text-align: center;
    resize: none;

    background: var(--c-cream-3);
    opacity: 0.5;
    border-radius: 15px;
}

#dop_slide_button {
    margin-top: 30px;
}

.question {
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    color: var(--c-dark);
    text-shadow: var(--shadow-1);
}

.five_slide_quiz,
.six_slide_quiz,
.seven_slide_quiz,
.end_slide {
    max-width: 820px;
}

.question_five,
.question_six {
    margin-top: 20px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.question_six_row {
    display: flex;
}

.question_seven {
    max-width: 671px;
    height: auto;
    margin: 20px 0;
    padding: 20px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.question_seven input {
    width: 591px;
    height: 56px;
    margin-top: 20px;
    padding: 20px;
    border: none;
    background: #fdf4ea;
    border-radius: var(--radius-lg);
}

.question_seven small {
    margin-top: 20px;
    text-align: start;

    font-weight: 500;
    font-size: 11px;
    line-height: 125%;
    color: var(--c-dark);
    opacity: 0.5;
}

.quiz_name {
    margin: 20px 0 0 20px;
    display: flex;
    flex-direction: column;
}

.quiz_name div {
    text-align: start;
}

.end_text,
.end_text_bold {
    font-family: var(--ff-title);
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    color: var(--c-dark);
}

.end_text_bold {
    margin-top: 40px;
}

.end_button {
    margin: 40px 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.mobile_answer {
    display: flex;
}

.obraz_arina_mobile {
    display: none;
    width: 649px;
    object-fit: cover;
    border-radius: 0 25px 25px 0;
}

.quest_gold,
.imng_gold_mb,
.mobile_next {
    display: none;
}

/* =========================
           Burger menu overlay
        ========================= */
#open_menu {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.6);
    transition: 0.3s;
}

.open_menu_info {
    width: 480px;
    height: 100%;
    position: absolute;
    z-index: 9999;
    overflow: auto;
    background: linear-gradient(180deg, var(--c-cream-3) 0%, var(--c-cream-2) 100%);
    transition: 0.3s;
}

.open_menu_info_block {
    margin: 80px 0 0 80px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.open_menu_info img {
    width: 320px;
    height: 170.34px;
}

.open_menu_info_block button {
    margin-top: 45px;
}

.serch {
    width: 100%;
    margin-top: 30px;

    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;

    font-weight: 600;
    font-size: 18px;
    line-height: 125%;

    background: var(--grad-dark);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.mobile_div {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;

    display: none;
    align-items: center;
    justify-content: center;

    background: var(--grad-dark);
    border: 2px solid var(--c-border);
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-pill);
}

.mobile_div img {
    width: 8px;
    height: 16px;
}

/* =========================
           MEDIA QUERIES
        ========================= */

@media (max-width: 1000px) {
    body {
        padding: 0;
    }
	
	.opened_quiz_container {
		align-items: unset
	}

    .bridge_block {
        padding: 0 20px;
    }

    section {
        padding: 40px 0;
    }

    section > :not(.bridge) {
        padding-left: 20px;
        padding-right: 20px;
    }

    .open_menu_info_block {
        margin: 40px 0 0 40px;
    }

    .my_work_pluses {
        margin-top: 0;
        flex-direction: column;
        align-items: center;
    }

    .punkti_block_galki {
        flex-direction: column;
        background: var(--c-cream-3);
        border-radius: 15px;
    }

    .punkti_text {
        width: 215px;
        font-size: 13px;
        text-align: center;
        margin: 20px 0;
    }

    .punkti_block_galki {
        margin-bottom: 0;
    }

    .sectia_punktov {
        display: flex;
        transition: transform 0.5s ease-in-out;
        gap: 40px;
    }

    .punkti_border_galki {
        margin-top: 20px;
    }

    .punkti {
        justify-content: center;
        align-items: center;
    }

    .block__punkti_img {
        margin-top: 0;
        width: 160px;
        height: 10px;
        transform: rotate(0deg) translate(-50%, 0);
        border-radius: 0 0 15px 15px;
    }

    .block__punkti {
        margin: 40px 0;
        overflow: hidden;
    }

    .punkti_zagolovok {
        width: 230px;
        font-size: 18px;
        text-align: center;
    }

    .my_work__header div {
        font-size: 24px;
        background: var(--grad-dark);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .controls_work_pluses {
        padding: 10px;
        gap: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .label_work_pluses {
        width: 20px;
        height: 20px;
        margin: 5px;
        padding: 5px;

        display: inline-block;

        background: rgb(45, 78, 11);
        border-radius: 50%;
        opacity: 0.2;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    #work_pluse_slide1:checked ~ .controls_work_pluses .label_work_pluses:nth-child(1),
    #work_pluse_slide2:checked ~ .controls_work_pluses .label_work_pluses:nth-child(2),
    #work_pluse_slide3:checked ~ .controls_work_pluses .label_work_pluses:nth-child(3),
    #work_pluse_slide4:checked ~ .controls_work_pluses .label_work_pluses:nth-child(4),
    #work_pluse_slide5:checked ~ .controls_work_pluses .label_work_pluses:nth-child(5),
    #work_pluse_slide6:checked ~ .controls_work_pluses .label_work_pluses:nth-child(6) {
        width: 24px;
        height: 24px;
        background: rgb(63, 75, 51);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        opacity: 1;
    }

    .sectia_punktov {
        transform: translateX(calc((2.5 - var(--i)) * (100% / 6) + 20px - 10px * var(--i)));
    }

    #work_pluse_slide1:checked ~ .block__punkti .sectia_punktov,
    #work_pluse2_slide1:checked ~ .block__punkti .sectia_punktov {
        --i: 0;
    }

    #work_pluse_slide2:checked ~ .block__punkti .sectia_punktov,
    #work_pluse2_slide2:checked ~ .block__punkti .sectia_punktov {
        --i: 1;
    }

    #work_pluse_slide3:checked ~ .block__punkti .sectia_punktov,
    #work_pluse2_slide3:checked ~ .block__punkti .sectia_punktov {
        --i: 2;
    }

    #work_pluse_slide4:checked ~ .block__punkti .sectia_punktov,
    #work_pluse2_slide4:checked ~ .block__punkti .sectia_punktov {
        --i: 3;
    }

    #work_pluse_slide5:checked ~ .block__punkti .sectia_punktov,
    #work_pluse2_slide5:checked ~ .block__punkti .sectia_punktov {
        --i: 4;
    }

    #work_pluse_slide6:checked ~ .block__punkti .sectia_punktov,
    #work_pluse2_slide6:checked ~ .block__punkti .sectia_punktov {
        --i: 5;
    }

    #work_pluse2_slide1:checked ~ .controls_work_pluses .label_work_pluses:nth-child(1),
    #work_pluse2_slide2:checked ~ .controls_work_pluses .label_work_pluses:nth-child(2),
    #work_pluse2_slide3:checked ~ .controls_work_pluses .label_work_pluses:nth-child(3),
    #work_pluse2_slide4:checked ~ .controls_work_pluses .label_work_pluses:nth-child(4),
    #work_pluse2_slide5:checked ~ .controls_work_pluses .label_work_pluses:nth-child(5),
    #work_pluse2_slide6:checked ~ .controls_work_pluses .label_work_pluses:nth-child(6) {
        width: 24px;
        height: 24px;
        background: rgb(63, 75, 51);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        opacity: 1;
    }


    /* Formats slider */
    .formats_container_slider {
        overflow: hidden;
        text-align: center;

        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .formats_container {
        justify-content: center;
        transition: transform 0.5s ease-in-out;
    }

    .controls_format {
        padding: 10px;
        margin-top: 10px;
        gap: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .controls_format_label {
        width: 20px;
        height: 20px;
        margin: 5px;
        padding: 5px;

        display: inline-block;

        background: rgb(67, 67, 67);
        border-radius: 50%;
        opacity: 0.2;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    #format_slide1:checked ~ .formats_container {
        transform: translateX(100%);
    }

    #format_slide2:checked ~ .formats_container {
        transform: translateX(0%);
    }

    #format_slide3:checked ~ .formats_container {
        transform: translateX(-100%);
    }

    #format_slide1:checked ~ .controls_format .controls_format_label:nth-child(1),
    #format_slide2:checked ~ .controls_format .controls_format_label:nth-child(2),
    #format_slide3:checked ~ .controls_format .controls_format_label:nth-child(3) {
        width: 24px;
        height: 24px;
        background: rgb(63, 75, 51);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        opacity: 1;
    }

    .green_background {
        margin-bottom: 0;
    }

    .price_block {
        margin: auto;
    }

    .small_img {
        display: none;
    }

    .bigest_img,
    .low_img,
    .midle_img {
        display: none;
    }

    .div_with_img {
        flex-direction: column;
    }

    .div_with_img div {
        width: 163px;
        justify-content: center;
        text-align: center;
    }

    .midle_mobile {
        width: 244px;

        font-family: var(--ff-title);
        font-weight: 700;
        font-size: 24px;
        line-height: 125%;
        text-align: center;
        text-transform: uppercase;
        color: var(--c-dark);
    }

    .centr_format_mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
        text-align: center;
    }

    .center_format {
        flex-direction: column-reverse;
    }

    .center_format_text {
        margin-top: 10px;
    }

    .price_block_mobile {
        max-width: 250px;
        text-align: center;
        margin: auto;
    }

    .header__container {
        width: unset;
    }

    .small_text {
        margin: 10px 0 10px 20px;
        text-align: center;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .green_background {
        margin-top: 5px;
        padding: 0;
        height: 131px;
    }

    .green_background div {
        width: 180px;
        height: 11px;
        margin: -10px 0 10px 20px;
        font-size: 18px;
    }

    .green_background li {
        width: 250px;
        height: 9px;
        font-size: 12px;
    }

    /* Footer */
    .footer_container {
        width: auto;
        height: auto;
    }

    .policy {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap
    }

    .slogon_btn button, .button_block button, .start, .seven_button, .end_button button, .policy, .button, .zapisatsa {
        padding: .8rem 2rem;
        width: 100%;
    }

    .footer_block {
        flex-direction: column;
    }

    .bridge_footer {
        display: flex;
        justify-content: center;
    }

    .footer_info_left {
        margin-top: 40px;
        text-align: center;
        align-items: center;
    }

    .footer_info_centr_text {
        text-align: start;
    }

    .img_centr_footer {
        display: flex;
    }

    .footer_info_left div {
        margin-top: 20px;
        font-size: 24px;
        text-align: center !important;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile_text_footer {
        width: 85px;
    }

    .img_footer img {
        width: 61px;
        height: 61px;
    }

    .img_foot {
        margin: 40px 0 0;
    }

    .footer_info_centr {
        margin: 0 20px;
    }

    .footer_info_centr button {
        width: auto;
    }

    .slogon_contaner_btn {
        flex-direction: column;
    }

}

/* ---- <= 1200px ---- */
@media (max-width: 1200px) {
    .last_slide_img {
        display: none;
    }

    header {
        margin: 40px auto 0;
    }

    .mobile_size {
        width: 200px;
        height: auto;

        font-family: var(--ff-title);
        font-weight: 700;
        font-size: 14px !important;
        line-height: 100%;
        color: var(--c-black);
    }

    .block__punkti {
        max-width: 350px;
    }

    .img_mobile {
        display: flex;
        margin-top: 10px;
    }

    .mobile_last_slide {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .lower {
        margin-top: 30px;
        font-size: 14px;
        text-align: center;
    }

    .uppercase {
        font-size: 24px;
        line-height: 130%;
        text-align: center;
        margin-bottom: 10px;
    }

    .container_last_slide {
        justify-content: center;
    }

    .slogon_contaner_btn {
        margin-top: 40px;
    }

    /* Second slider becomes vertical */
    .second_slider {
        display: flex;
        flex-direction: row-reverse;
    }

    .second_controls {
        flex-direction: column;
        justify-content: space-between;
        height: 1000px;
        margin-top: 20px;
    }

    .second_controls img {
        opacity: .5;
        width: 100px;
    }

    #second_slide1:checked ~ .second_controls img:nth-child(3),
    #second_slide2:checked ~ .second_controls img:nth-child(5),
    #second_slide3:checked ~ .second_controls img:nth-child(7),
    #second_slide4:checked ~ .second_controls img:nth-child(9) {
        margin-top: 90px;
        margin-bottom: 90px;
        width: 300px;
        opacity: 1;
    }

    .second_slide_block div {
        text-align: center;
        margin: auto;
    }

    .second_slides {
        width: 294px;
        flex-direction: column;
    }

    .your_name {
        margin: 0;
        margin-top: 20px;
    }

    .povorot {
        rotate: 90deg;
    }

    .second_slide {
        width: 294px;
        height: 182px;
        margin: 40px 0;
        padding: 10px;
        text-align: center;
        align-items: center;
    }

    .second_slide div {
        width: 254px;
        font-size: 14px;
        line-height: 140%;
        text-align: center;
    }

    .second_slide_block {
        flex-direction: column;
        align-items: center;
        width: calc(100vw - 80px);
        max-height: none;
        top: 120px;
        bottom: unset;
    }

    .slider_comment {
        width: 350px;
    }

    .slider {
        width: 350px;
    }

    .line {
        display: none;
    }

    .fourth_block {
        margin-top: 100px;
    }

    .fakti_o_arine__container_header div,
    .section__second_sliders__header div {
        margin-top: 20px;
        font-size: 24px;

        background: var(--grad-dark);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;

        text-align: center;
    }

    .section__second_sliders__header small {
        margin-top: 20px;
        font-size: 20px !important;
    }
}

/* ---- <= 1100px ---- */
@media (max-width: 1100px) {
    .logo_desk {
        display: none;
    }

    .btn {
        margin-left: 200px;
    }

    .btn img {
        max-width: 48px;
        max-height: 48px;
        width: auto;
        height: auto;
    }

    .slogon__info {
        width: 299px;
        height: 90px;
        font-size: 14px;
        text-align: center;

        background: var(--c-cream-3);
        box-shadow: 0 0 200px 300px var(--c-cream-3);
    }

    header {
        align-items: center;
        justify-content: center;
    }

    .header__container {
        display: none;
    }

    .modile_header {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
    }

    .arina_mobile {
        width: 375px;
        height: 490px;
        display: flex;
        object-fit: cover;
    }

    .hero {
        flex-direction: column;
    }

    .slogon {
        margin-top: -200px;
        flex-direction: column;
        padding: 0 20px;
        background: #fff;
        box-shadow: var(--shadow-soft);
    }

    .arina_desk {
        display: none !important;
    }

    .questions__cards {
        margin-top: 20px;
    }

    .mobile_gold {
        width: 160px !important;
        height: 10px !important;
        border-radius: 0 0 50px 50px !important;
        filter: drop-shadow(var(--shadow-soft));
    }

    .slogon__text {
        margin: 0;
    }

    .slogon__text h1 {
        width: 255px;
        height: 45px;
        margin-top: -20px;

        font-size: 24px;
        text-align: center;
        color: var(--c-dark);
    }

    .slogon__text div {
        width: 246px;
        height: 32px;

        font-size: 20px;
        text-align: center;
        color: var(--c-dark);
    }

    .hero__container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    /* Advantages: slider */
    .advantages__block_container {
        margin-left: 0;
        text-align: center;
        padding: 0 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .advantages {
        overflow: hidden;

        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .advantages__block_slides {
        transition: transform 0.5s ease-in-out;
    }

    .advantages__block_img {
        margin-left: 0;
    }

    .advantages__block_controls {
        height: 50px;
        padding: 10px;
        margin-top: 10px;

        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .advantages__block_label {
        width: 20px;
        height: 20px;
        margin: 5px;
        padding: 5px;

        display: inline-block;

        background: rgb(67, 67, 67);
        border-radius: 50%;
        opacity: 0.2;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    .advantages__block_slides {
        gap: 40px;
    }

    .advantages__block {
        width: calc(100vw - 80px);
    }

    #advantages__block_slide1:checked ~ .advantages__block_slides {
        transform: translateX(33%);
    }

    #advantages__block_slide2:checked ~ .advantages__block_slides {
        transform: translateX(0%);
    }

    #advantages__block_slide3:checked ~ .advantages__block_slides {
        transform: translateX(-33%);
    }

    #advantages__block_slide1:checked ~ .advantages__block_controls label:nth-child(1),
    #advantages__block_slide2:checked ~ .advantages__block_controls label:nth-child(2),
    #advantages__block_slide3:checked ~ .advantages__block_controls label:nth-child(3) {
        width: 24px;
        height: 24px;
        background: rgb(63, 75, 51);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        opacity: 1;
    }


    /* Questions: slider on mobile */
    .questions {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .questions__header div {
        font-size: 24px;

        background: var(--grad-dark);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .card > img {
        display: block;
        position: absolute;
        width: 200px;
        border-radius: 0 0 30px 30px;
        height: 20px;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .card_text img {
        display: none;
    }

    .format_blocks > img {
        display: block;
        position: absolute;
        width: 200px;
        border-radius: 0 0 30px 30px;
        height: 10px;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .card_text div {
        font-size: 18px;
        color: var(--c-dark);
        text-align: center;
        margin: auto;
    }

    .card {
        padding-right: 0;
    }

    .my_work__header {
        margin-bottom: 20px !important;
    }

    .card_list {
        text-align: start;
    }

    .card_list li {
        width: 265px;
        height: 30px;
        margin: 0 0 30px;

        font-size: 14px;
        line-height: 140%;
    }

    .questions__cards_clider {
        max-width: 400px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .questions__cards {
        margin-bottom: 20px;
        justify-content: center;
        transition: transform 0.5s ease-in-out;
    }

    .questions__cards_control {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .advantages__block_controls {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .questions__cards_label {
        width: 20px;
        height: 20px;
        margin: 5px;
        padding: 5px;

        display: inline-block;

        background: rgb(67, 67, 67);
        border-radius: 50%;
        opacity: 0.2;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    #questions__cards_clider_slide1:checked ~ .questions__cards {
        transform: translateX(33%);
    }

    #questions__cards_clider_slide3:checked ~ .questions__cards {
        transform: translateX(-33%);
    }

    #questions__cards_clider_slide1:checked ~ .questions__cards_control label:nth-child(1),
    #questions__cards_clider_slide2:checked ~ .questions__cards_control label:nth-child(2),
    #questions__cards_clider_slide3:checked ~ .questions__cards_control label:nth-child(3) {
        width: 24px;
        height: 24px;
        background: rgb(63, 75, 51);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        opacity: 1;
    }

    /* Quiz modal (mobile) */
    .opened_quiz_block {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        margin: 0 40px;
    }

    .obraz_arina {
        display: none;
    }

    .obraz_arina_mobile {
        display: block;
        height: 234px;
        object-fit: cover;
        border-radius: var(--radius-lg);
    }

    .opened_quiz_hello {
        margin: 20px 0 0;
        align-items: center;
    }

    .opened_quiz_hello div {
        font-size: 34px;
        text-align: center;
    }

    .opened_quiz_hello small {
        margin-top: 30px;
    }

    .start {
        margin: 20px auto 0;
    }

    .slide1_questions {
        margin-top: 0;
        flex-direction: column;
        background: linear-gradient(180deg, var(--c-cream-3) 0%, var(--c-cream-2) 100%);
        box-shadow: none;
    }


    .opened_quiz_slide1_zav {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .opened_quiz_slide1_zav div {
        width: 255px;
        font-size: 23px;
        line-height: 115%;
        text-align: center;
    }

    .opened_quiz_slide1_zav small {
        width: 255px;
        font-size: 20px;
        text-align: center;
    }

    #zapros_first {
        width: 245px;
        height: 130px;
        margin-top: 40px;

        background: #fff;
        border: none;
    }

    .slide1_questions_vibor_block {

    }

    .slide1_questions_vibor_block div,
    .slide_questions_vibor div {
        width: 190px;
        font-size: 12px;
        text-align: start;
    }

    .zapros {
        margin-top: -30px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .second_slide_quiz {
        flex-direction: column;
    }

    .question_second {
        margin: 40px 0 20px;

        background: linear-gradient(180deg, var(--c-cream-3) 0%, var(--c-cream-2) 100%);
        box-shadow: none;
    }

    .question_second_coloum {
        padding: 0;
    }

    .mobile_answer {
        flex-direction: column;
        margin-right: 70px;
    }

    .quest_gold {
        width: 20px;
        height: 180px;

        display: block;

        object-fit: cover;
        border-radius: 0 50px 50px 0;
        transform: rotate(-180deg);
        filter: drop-shadow(var(--shadow-soft));
    }

    .vertikal_mobile {
        display: none;
    }

    .third_slide_quiz {
        flex-direction: column;
    }

    .question_third {
        margin: 40px 0 20px;
        justify-content: flex-end;

        background: linear-gradient(180deg, var(--c-cream-3) 0%, var(--c-cream-2) 100%);
        box-shadow: none;
    }

    .question_fourth {
        background: linear-gradient(180deg, var(--c-cream-3) 0%, var(--c-cream-2) 100%);
        box-shadow: none;
    }

    .question_five {
        margin-top: 50px;
        flex-direction: column;

        background: linear-gradient(180deg, var(--c-cream-3) 0%, var(--c-cream-2) 100%);
        box-shadow: none;
    }

    .class_checkbox label div {
        font-size: 12px;
        text-align: start;
        justify-content: start;
    }

    .class_checkbox label {

    }

    #six_slide {
        margin-top: 40px;
    }

    .question_six {
        justify-content: flex-end;

        background: linear-gradient(180deg, var(--c-cream-3) 0%, var(--c-cream-2) 100%);
        box-shadow: none;
    }

    .question_six_row {
        flex-direction: column;
        margin-right: 60px;
    }

    .mobile_answer_two {
        display: flex;
    }

    .imng_gold_mb {
        width: 20px;
        height: 130px;

        display: block;

        object-fit: cover;
        border-radius: 0 50px 50px 0;
        transform: rotate(-180deg);
        filter: drop-shadow(var(--shadow-soft));
    }

    .question_seven {
        align-items: center;

        background: linear-gradient(180deg, var(--c-cream-3) 0%, var(--c-cream-2) 100%);
        box-shadow: none;
    }

    .question_seven input {
        width: 245px;
        background: #fff;
        text-align: center;
        resize: none;
        scrollbar-width: none;
    }

    .quiz_name {
        margin-left: 0;
        align-items: center;
    }

    .quiz_name small,
    .quiz_name div {
        text-align: center;
    }

    .mobile_next {
        display: flex;
        margin-left: 0;
    }

    .destop_next {
        display: none;
    }

    .end_slide {
        height: 603px;
    }

    .end_text {
        width: 255px;
        height: 122px;
        font-size: 16px;
    }

    .end_text_bold {
        width: 255px;
        height: 106px;
        font-size: 16px;
    }

    .end_button {
        flex-direction: column;
    }

    .question_fourth {
        flex-direction: row;
        gap: 40px;
    }

    .fourth_question {

    }

    .label_no {

    }

    #five_slide {
        margin-top: 0;
    }
}

/* ---- <= 1000px ---- */
@media (max-width: 1000px) {
    /* Slider 1 becomes vertical */
    #slide1:checked ~ .slides,
    #slide2:checked ~ .slides,
    #slide3:checked ~ .slides,
    #slide4:checked ~ .slides {
        transform: translateX(0%);
    }

    .slides {
        width: auto;
        height: auto;
        margin: 0 auto;
        flex-direction: column;
        align-items: center;
    }

    .img_gold_slide {
        display: flex;
    }

    .controls {
        display: none;
    }

    .slide {
        margin-top: 40px;
    }

    .slide_block_rectangle {
        width: 255px;
        padding: 0;
        margin-top: 20px;
    }

    .slide_block_text {
        width: 249px;
        font-size: 18px;
    }

    .section__sliders__header {
        margin-bottom: 20px !important;
    }

    .slide_block small {
        margin-top: 15px;
        font-size: 12px;
        max-width: 300px;
    }

    .slide_block_rectangle div {
        font-size: 12px;
        padding: 20px;
    }

    .slide_block_number {
        display: none;
    }

    .section__sliders__header div {
        font-size: 24px;
        background: var(--grad-dark);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .section__sliders__header small {
        height: 53px;
        font-size: 20px;
    }

    .fakti_o_arine__container {
        gap: 40px;
    }

    .block_psychologist .mobile_face {
        box-shadow: none;
        width: unset;
        height: unset;
        border-radius: unset;
    }

    .small_text_info {
        margin: 0;
    }

    .small_text_info {
        margin-top: 20px;
    }

    .text_bottom_slider {
        font-size: 20px;
        text-align: center;
        color: var(--c-dark);
        background: none;
        -webkit-text-fill-color: initial;
    }

    /* Facts block mobile */
    .fakti_o_arine {
        margin-top: 0;
        align-items: center;
    }

    .upper_gold {
        display: block;
        border-radius: 0 0 50px 50px;
    }

    .gold_deskt {
        display: none;
    }

    .turn_on {
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }

    .block_psychologist {
        margin-top: 10px;
        flex-direction: column;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .mobile_face {
        display: block;
        margin: 10px 0 0 20px;
    }

    .face {
        display: none;
    }

    .fakti_o_arine__container {
        flex-direction: column;
        align-items: center;
    }

    .fakti_o_arine__container_header {
        text-align: center;
    }

    .turn_off {
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }

    .alips {
        display: none;
    }

    .button_block {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .button_registration {
        flex-direction: column;
        margin-top: 10px !important;
        margin-left: 20px;
    }

    .button_block button {
        width: 205px;
        height: 60px;
        padding: 20px;
    }

    .small_text_registration {
        width: auto;
        text-align: center;
    }

    .small_text_info {
        width: 255px;
        margin-left: 0;
        font-size: 14px;
        text-align: center;
    }

    .name_arins {
        font-size: 18px;
    }

    .green_new {
        width: 255px;
        margin: 0 0 0 20px;
        padding: 20px;

        display: flex;
        flex-direction: column;

        font-size: 12px;
        line-height: 140%;
    }

    .ul {
        flex-direction: column;
    }

    .adept {
        margin: 20px 0;
    }

    .green_new li {
        margin-top: 5px;
        font-size: 12px;
    }

    .green_block_facts {
        padding: 10px;
        margin: 20px 0;
    }

    .img_obraz {
        padding-bottom: 30px;
    }

    .green_block_facts li {
        font-size: 12px;
    }

    .format_work__header div {
        font-size: 24px;
    }

    .slide1_questions {
        padding-bottom: 0;
    }

    .container__questions_and_answer {
        margin-top: 40px;
    }

    .uppercase {
        margin-top: 20px;
    }

    .facts {
        font-size: 18px;
    }

    .quality {
        display: none;
    }

    .quality_mobile {
        display: block;
        margin-top: -15px;

        font-family: var(--ff-title);
        font-weight: 700;
        font-size: 18px;
        line-height: 125%;
        text-transform: uppercase;
        color: #fff;
    }

    .name_none {
        display: none;
    }

    .small_mobile {
        width: 255px;
        margin: 0;
        margin-top: 20px;

        font-size: 14px;
        line-height: 125%;
        text-align: center;
        color: var(--c-dark);
    }

    /* Burger menu (mobile) */
    .open_menu_info_block {
        margin-top: 0;
    }

    .burger_logo {
        margin-top: 40px;
        width: 295px !important;
        height: 158px !important;
    }

    .mobile_div {
        display: flex;
    }

    .open_menu_info_block button {
        margin-top: 30px;
    }

    .section__sliders__header {
        margin-top: 0;
    }

    /* Dop slide mobile */
    .dop_slide {
        z-index: 999999;
        box-shadow: var(--shadow-soft);
        border-radius: var(--radius-md);
    }

    .big_textarea {
        background: none;
        box-shadow: none;
    }

    .big_textarea textarea {
        width: 245px;
        height: 130px;
        opacity: 1;
        background: #fff;
        border-radius: 15px;
    }

    .big_textarea div {
        width: 255px;
        margin-top: 0;

        font-family: var(--ff-title);
        font-weight: 400;
        font-size: 20px;
        text-align: center;
    }

    .dop {
        width: 255px;

        font-family: var(--ff-title);
        font-weight: 700;
        font-size: 23px;
        line-height: 115%;
        text-align: center;
        text-transform: uppercase;

        background: var(--grad-dark);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }
}

/* ---- <= 800px ---- */
@media (max-width: 800px) {
    .bridge_block {
        flex-direction: column;
    }

    .opened_quiz_slide1, .second_slide_quiz, .third_slide_quiz, .forth_slide_quiz, .dop_slide, .five_slide_quiz, .six_slide_quiz, .seven_slide_quiz, .end_slide {
        padding: 0;
        max-width: 350px;
    }

    .end_slide {
        padding: 20px;
    }

    .question_five, .question_six {
        align-items: unset;
    }

    .footer_info_centr_text {
        width: unset;
    }

    .footer_info_centr {
        margin-top: 20px;
    }

    .footer_info_left small {
        text-align: center;
    }

    .slide_block_container {
        width: unset;
    }

    .bridge_img {
        width: 10px;
        height: 80px;
        border-radius: var(--radius-pill);
        object-fit: none;
        transform: rotate(90deg);
    }

    .bridge_text {
        font-size: 24px;
        line-height: 125%;
    }

    .desktop_button {
        display: none;
    }

    .mobile_button {
        display: block;
    }

    /* Comments slider mobile */
    .slide_block_img_left,
    .slide_block_img_right {
        display: none;
    }

    .slide_block_container {
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }

    .golg_up {
        display: flex;
    }

    .slide_block_history {
        max-width: 300px;
    }

    .slide_block_coment {
        justify-content: space-between;
    }

    .slide_block_container {
        margin-top: 20px;
    }

    .golg_up {
        position: absolute;
        height: 10px;
        width: 160px;
        z-index: 1;
        object-fit: cover;
        border-radius: 0 0 50px 50px;
        transform: translateX(45%);
    }

    .slide_block_container_text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .midle_mobile {
        margin-left: 0 !important;
    }

    .slide_block_container_text div {
        font-size: 24px;
    }

    .slide_block_container_text small {
        width: 164px;
        font-size: 12px;
    }

    .slide_block_history {
        font-size: 12px;
    }

    .book_otzivi_text {
        margin-top: 10px;
        font-size: 20px !important;
    }

    .section__second_sliders__header div,
    .my_work__header div,
    .section__often_questions__header div {
        font-size: 24px !important;

        background: var(--grad-dark);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;

        text-align: center;
    }

    .section__often_questions__header small {
        font-size: 20px !important;
        text-align: center;
    }

    .bridge_block small {
        font-size: 16px !important;

        background: var(--grad-cream);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;

        text-shadow: var(--shadow-1);
    }

    .open_menu_info_block {
        max-width: 350px;
    }

    .bridge {
        padding: 20px 0;
        margin-top: 20px;
    }
}