/* * * * * WOW_PARK_GUIDE_PAGE_CSS * * * * */
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import "./../fonts/SeymourOne/seymourone.css";

/* Base */
@import "./reset.css";
@import "./base.css?2";


body {background-color: #E9511E;}

.header{position: relative; padding-top: 48px;}
.header-container {position: relative; margin-bottom: 60px;}
.header-row{
    display: flex;
    justify-content: space-between; justify-self: center; align-items: center;
    width: 100%;
}

.header-menu{
    width: 995px; min-height: 44px;
    position: relative;
    display: flex; flex-direction: row;
    gap: 38px;
}

.header-nav{
    align-items: center;
    display: flex; justify-content: flex-end;
    gap: 30px;
    width: 100%;
}

.animation-nav{transition: transform .3s;}
.animation-nav:hover{transform: scale(1.1);}

.color-link{
    color: #ffffff;
    font-size: 22px; line-height: 37px;
    white-space: nowrap;
}

.header-nav .color-link {letter-spacing: -0.05em;}

.header__burger {
    border:2px solid #fff; border-radius:14px;
    width: 48px; height: 44px;
    color: #fff;
    display: none;
    text-align: center; align-content: center;
    font-size:28px;
    white-space: nowrap;
    padding-bottom: 2px;
    transition: .2s;
    cursor: pointer; user-select: none;
}

.header__language-item {
    position: relative;
    width: 51px;
}

.header__language {
    position: absolute;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    font-size:22px;
    font-weight: 600;
    text-align:center;
    border:2px solid #fff;
    border-radius:14px;
    width: 48px;
    min-height: 44px;
    box-sizing: border-box;
    z-index: 10;
    user-select: none;
}

.header__language_active{
    background-color:#fff;
    color:#000
}

.header__language_active 

.header__language-elem{
    color:#000
}

.header__language-elem{
    max-height:0;
    overflow:hidden;
    padding:0;
    border-radius:12px;
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    transition:.2s;
}

.header__language-elem_active{
    max-height:100px;
    padding:5px 0px;
    min-height: 40px;
}

.header__language-elem:hover{
    background-color:#fff;
    color:#000;
    opacity:.5;
    min-height: 42px;
}

.ds {display: flex; flex-direction: column; margin-top: 46px;}

.breadcrumps {display: flex; flex-direction: row;}

.breadcrumps-link {
    color: #FFF;
    font-family: var(--font-accent); font-size: 14px;
    width: fit-content;
}

.breadcrumps-link.active {text-decoration: underline 0.5px;}
.breadcrumps-link.unactive {color: #F8C5AF;}

.breadcrumps-arrow {
    background-image: url(../img/svg/arrow-bread_crumbs.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position-y: 3px;
    width: 21px; height: 16px;
    margin-left: 11px; margin-right: 11px;
}

.button-header1 {
    margin-top: 65px;
    background: #4d7cc1;
    border-radius: 28px; border-style: solid; border-color: #fcd700; border-width: 6px;
    padding: 17px 30px 17px 30px;
    display: flex; flex-direction: column;
    gap: 10px;
    align-items: center; justify-content: center;
    height: 88px; width: 100%; max-width: 363px;
    position: relative;
}

.button-border {
    display: flex; flex-direction: row;
    gap: 22px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    width: 100%;
}

.text-button1 {
    color: #ffffff;
    text-align: left;
    font-size: 32px; line-height: 40px; font-weight: 700;
    text-wrap: nowrap;
}

.rectangle-7 {
    background: #ffffff;
    flex-shrink: 0;
    width: 4px; height: 54px;
}

.vector {flex-shrink: 0; width: 39px; height: 38px;}

.p-features-cards {width: auto; text-align: center;}

.star-big {
    width: 67px; height: 67px;
    position: absolute;
    left: 25px; top: -42px;
    transform: rotate(6.86deg);
    animation: starRotate 1.8s infinite ease-in-out;
}
@keyframes starRotate {
from {
    transform: rotate(6.86deg);
}
50%{
    transform: rotate(-7deg);
}
to {
    transform: rotate(6.86deg);
}
}
.star-small {
    width: 29px; height: 29px;
    position: absolute;
    left: 85px; top: 3px;
    transform: rotate(6.86deg);
}
.star-small-2 {
    width: 29px; height: 29px;
    position: absolute;
    margin-left: 230px;
    top: 186px;
    transform: rotate(6.86deg);
}
.star-small-3 {
    width: 29px; height: 29px;
    position: absolute;
    margin-left: 248px;
    top: 94%;
    transform: rotate(6.86deg);
}

.fields_faq{
    width: 353px; height: 88px;
    background: #FFFFFF;
    border: 3px solid #FCD700; border-radius: 28px;
    padding: 37px 28px;
    font-family: var(--font-base); font-size: 28px; line-height: 28px;
    font-weight: 400; letter-spacing: 0em;
    color: #3C3C3C;
}

.accordion {
    margin-top: 62px;
    width: 100%;
    display: flex; flex-direction: column; gap: 23px;
}
.accordion__item {
    background-color: #E9511E;
    border: solid, 8px, #FCD700; border-radius: 28px;
    width: auto; height: auto;
  }
  .accordion__header {
    display: flex; justify-content: space-between;
    align-items: center;
    color: #fff;
    border-radius: 28px;
    font-size: 32px;font-weight: 600;
    width: 100%; height: 88px;
    cursor: pointer;
    transition: background-color 0.2s ease-out;
    padding: 0px 30px 0px 49px;
    text-align: left;
    gap: 3px;
  }
  .accordion__header::after {
    flex-shrink: 0;
    width: 40px;height: 40px;
    margin-left: auto;
    background-image: url("../img/svg/arrow.svg"); background-repeat: no-repeat; background-size: 100%; background-position-y: 8px;
    content: "";
    transition: transform 0.2s ease-out;}
  .accordion__item_show .accordion__header::after, .accordion__item_slidedown .accordion__header::after {transform: rotate(-180deg);}
  .accordion__item:hover {background-color: #f05f21;}
  .accordion__content {font-size: 28px; padding-bottom: 23px; padding: 0px 49px 20px 49px;}
  .accordion__item:not(.accordion__item_show) .accordion__body {display: none;}

  .modal_bg {
    display: none;
    align-items: center; justify-content: center;
    position: fixed;
    width: 100%; height: 100%;
    z-index: 9999;
    inset: 0;
    padding: 57px 22px;
    box-sizing: border-box;
}

.modal_bg-filter {
    backdrop-filter: blur(7px);
    position: absolute;
    top: 0px; left: 0px;
    width: 100%; height: 100%;
}

.cros {
    display: flex;
    align-items: center; justify-content: center;
    position: absolute;
    width: 60px; height: 56px;
    background: #FFFFFF;
    border: 6px solid #FCD700; border-radius: 20px;
    top: -18px; left: 87%;
    cursor: pointer;
}

.cros::after {
    background-image: url("../img/svg/cross.svg"); background-repeat: no-repeat;
    background-size: 100%; background-position: 1px 1px;
    flex-shrink: 0;
    margin: 0;
    width: 29px; height: 29px;
    content: "";
}

.header__burger_open{
    position: relative;
    min-width: 354px; max-width: 550px;
    width: 100%; height: 90vh;
    background: #FFFFFF;
    border: 8px solid #FCD700; border-radius: 60px;
    display: none; flex-direction: column;
    justify-content: space-between; align-items: center;
    padding: 46px 23px;
}

.color-link{
    color: #ffffff;
    font-size: 22px; line-height: 37px; white-space: nowrap;
}

.block-bg_0 {
    background-image: url(../img/guide/white-block-bg.png); background-repeat: no-repeat;
    background-size: 100% 100%; background-position-x: center;
    position: absolute;
    top: -12%; left: 50%; translate: -50%;
    max-width: 2598px; width: 2598px; height: 151%;
    z-index: -1;
}
.block-bg_1 {
    background-image: url(../img/guide/white-block-bg-0.png); background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0%; left: 50%; translate: -50%;
    max-width: 2598px; width: 2598px; height: 107.5%;
    z-index: -1;
}
.block-bg_2 {
    background-image: url(../img/guide/white-block-bg-1.png); background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -5.5%; left: 50%; translate: -50%;
    max-width: 2598px; width: 2598px; height: 126%;
    z-index: -1;
}
.block-bg_3 {
    background-image: url(../img/guide/white-block-bg-end.png); background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 100%; left: 50%; translate: -50%;
    max-width: 2598px; width: 2598px; height: 380px;
    z-index: -1;
}

.guide-block-title {
    font-family: var(--font-accent); font-weight: 400; font-size: 56px;
    line-height: 53px; letter-spacing: -0.05em;
    text-align: center;
    z-index: 1;
}
.guide-block-title.light {color: #FFF;}
.guide-block-title.margin_1 {margin-top: 192px;}
.guide-block-title.margin_2 {margin-top: 85px; max-width: 700px;}

.yellow-plate {
    display: flex;
    justify-content: center; align-items: center;
    padding: 17px 27px;
    width: fit-content; height: auto;
    background: #FCD700;
    font-size: 22px; font-weight: 600;
    font-family: var(--font-base);
    border-radius: 904.762px;
}

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

.ds .items-align-center {gap: 20px; margin-top: 20px;}
.button-header1.pos-0 {align-self: center; margin-top: 0px; top: -23px}

.basic-font-regular {
    font-family: var(--font-base);
    font-size: 38px; font-weight: 400;
    line-height: 38px;
    color: #FFF;
}

.border-img-card {
    position: relative;
    border: 8px solid #FCD700; border-radius: 60px;
    height: fit-content; width: fit-content; max-width: none;
}

.img-container_0 {
    position: relative;
    display: grid;
    grid-template-columns: 21% 58% 21%; grid-template-rows: 45% 45%;
    justify-items: center;
    height: fit-content; width: 100%;
    margin-top: 30px;
    z-index: 2;
}

.center-img {
    box-sizing: content-box;
    grid-column: 2 / 3; grid-row: 1 / 3;
    width: 100%; min-height: 90%; height: fit-content;
    z-index: 2;
}

.border-img-card.img-pos_1 {position: relative; top: 20px; left: -25px; width: 100%;}
.border-img-card.img-pos_2 {position: relative; top: 20px; left: 25px; width: 100%;}
.border-img-card.img-pos_3 {top: 8px;}
.border-img-card.img-pos_4 {position: relative; top: 20px; left: 25px; width: 100%;}
.border-img-card.img-pos_5 {position: relative; top: 20px; left: -25px; width: 100%;}

.border-img-card.object-rot_1 {transform: rotate(-3.26deg)}
.border-img-card.object-rot_2 {transform: rotate(3.26deg)}
.border-img-card.object-rot_3 {transform: rotate(1deg)}

.dop_title6{
    color: #0d0d0d;
    font-family: var(--font-accent); font-size: 24px;
    line-height: 32px; letter-spacing: -0.05em;
    font-weight: 400;
}
.benefit-card-small-text {font-size: 24px; line-height: 23px;}

.guide-benefit {position: relative; margin-top: 102px; margin-bottom: 70px;}

.guide-benefit-title {
    width: 100%;
    align-items: center;
    text-align: center;
    margin-bottom: 75px;
}

.guide-benefit-cards {
    display: flex; flex-direction: row;
    position: relative;
    width: 100%; height: auto;
    justify-content: space-between;
    z-index: 3;
    transition: 1.5s;
    gap: 24px;
}
.p-light {font-size: 28px; font-weight: 200;}

.benefit-card-border {
    display: flex;
    align-items: center; justify-content: center;
    position: relative;
    width: auto; height: auto; min-height: 225px;
    background: #E9511E;
    border-radius: 60px;
    padding: 10.35px;
}
.benefit-card {
    position: relative;
    width: 362px; min-height: 225px; height: fit-content;
    background: #EB5D21;
    border-radius: inherit;
    display: flex;
    justify-content: center; align-items: center;
    padding: 25px 25px;
    font-size: 26px;
}

.benefit-card .text-p-base {font-size: 26px; display: flex; flex-direction: column; gap: 7px;}

.benefit-card-border.pos_1 { transform: rotate(-2.05deg); }
.benefit-card-border.pos_2 { transform: rotate(0.8deg); }
.benefit-card-border.pos_3 { transform: rotate(-1.34deg) translateY(12px); }

.guide-features-card {
    background-color: #FFF2ED;
    display: flex; flex-direction: column;
    justify-content: center; align-items: center;
    border-style: solid; border-color: #e9511e; border-width: 8px; border-radius: 60px;
    max-width: 382px; width: 100%; min-height: 225px;
    position: relative;
    gap: 7px;
    text-align: center;
    padding: 0 2%;
}
.guide-features-card.start {justify-content: start; padding: 30px 2%; gap: 10px;}
.guide-features-card.space-between {justify-content: space-between; padding: 30px 2%;}
.guide-features-card.transform_1 {transform: rotate(2.05deg) translateY(15px);}
.guide-features-card.transform_2 {transform: rotate(-0.8deg);}
.guide-features-card.transform_3 {transform: rotate(1.34deg) translateY(15px); overflow: hidden;}
.guide-features-card.transform_4 {transform: rotate(1.7deg)}
.guide-features-card.transform_5 {transform: rotate(-0.66deg) translateY(-15px);}
.guide-features-card.transform_6 {transform: rotate(-0.74deg) translateY(10px);}
.guide-features-card.transform_7 {transform: rotate(1.89deg);}

.guide-faq {
    display: flex; flex-direction: column;
    position: relative;
    padding-top: 70px; padding-left: 10px; padding-right: 10px;
}

.items-col-16 {display: flex; text-align: left; flex-direction: column; gap: 16px;}

.items-col-32 {display: flex; flex-direction: column; gap: 32px;}

.items-col-16.transform_1 {position: absolute; width: 455.26px; top: 13.6%; left: 35.3%;}
.items-col-16.transform_2 {position: absolute; width: 333.22px; top: 52%; left: 28%;}
.items-col-16.transform_3 {position: absolute; width: 454.94px; top: 79%; left: 35.3%;}

.faq-white-plate {
    box-sizing: border-box;
    position: relative;
    width: 100%; max-width: 931.49px;
    margin-top: 50px; margin-bottom: 40px;
    background-color: #FFF2ED;
    border-radius: 60px;
}

.faq-white-plate.transform_1 {height: 726.38px; transform: rotate(0.97deg);}
.faq-white-plate.transform_2 {position: absolute; height: 77%; transform: rotate(-0.9deg); margin-bottom: 84px; overflow: hidden;}

.calc-strong {font-family: var(--font-accent); font-size: 29px; line-height: 25px; letter-spacing: -0.05em; color:#000;}
.calc-text {font-size: 58px; font-family: var(--font-accent); color: #FFF;}
.calc-curr {font-size: 58px; font-family: var(--font-base); color: #FFF;}

.calculator-grid {
    display: grid; grid-template-columns: 305px repeat(2, auto); grid-template-rows: 90px auto auto auto;
    row-gap: 20px;
    text-align: left;
    max-width: 705px; width: 100%;
    margin-top: 130px; margin-bottom: 175px;
    z-index: 3;
}
.calculator-grid .people-cell {justify-self: end;}
.calculator-grid .calc-slider-cell {grid-column: 1 / 4; grid-row: 2 / 3; justify-items: center;}
.calculator-grid .calc-com-cell {grid-column: 1 / 4; grid-row: 3 / 4; text-align: center;}
.calculator-grid .calc-output-cell {grid-column: 1 / 4; grid-row: 4 / 5; justify-items: center; text-align: center;}

.slider-container {
    max-width: 657px; width: 100%; height: 27px;
    background: #E9511E;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
}
.slider-handle {
    display: flex;
    width: 51px; height: 51px;
    background: #FCD700;
    border-radius: 50%;
    position: absolute;
    top: -12px; left: 0;
    cursor: grab; touch-action: none;
}
.slider-handle::after {
    background-image: url("../img/guide/slider-handle-deco.svg"); background-repeat: no-repeat;
    background-size: 12px; background-position: 50% 50%;
    flex-shrink: 0;
    margin: 0;
    width: 100%; height: 100%;
    content: "";
}
.slider-handle:active {cursor: grabbing;}

.calc-input {
    position: relative;
    display: flex; justify-self: center;
    background-color: #E9511E;
    border: solid 8px #FCD700; border-radius: 30px;
    max-width: 199px; width: auto; max-height: 110px; height: auto;
    padding: 45px 0 !important;
    overflow: hidden;
    top: -20px;
    text-align: center;
    transform: rotate(-2deg);
}
.calc-output {
    position: relative;
    display: flex;
    align-items: center; justify-content: center;
    background-color: #4D7CC1;
    border: solid 8px #FCD700; border-radius: 30px;
    width: fit-content;
    text-align: center;
    padding: 8px 72px; margin-bottom: 15px;
}
.calc-input input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

.white-plate-title {
    font-family: var(--font-base);
    font-style: normal; font-weight: 700;
    font-size: 36px;
    line-height: 52px;
    color: #000;
    letter-spacing: 0em;
}

.rate-flex {
    display: flex; flex-direction: row; 
    width: 80%; max-width: 215px;
    justify-content: space-between;
}

.items-row-10-gap {
    position: relative;
    display: flex; flex-direction: row;
    gap: 10px;
    width: auto; height: auto;
}

.guide-partner-btn {
    position: relative;
    display: flex; flex-direction: column;
    align-items: center;
    color: #FFF;
    justify-content: center;
    padding: 18px 104px;
    width: fit-content; height: auto;
    background: #4D7CC1;
    border: 6px solid #FCD700; border-radius: 28px;
    font-family: var(--font-base);
    font-size: 32px; font-weight: 700;
    line-height: 40px;
}
.why-us-white-plate .guide-partner-btn {margin-bottom: 145px}

form .items-row-10-gap {margin-top: 55px;}
form .guide-partner-btn {margin-top: 40px;}

.statistics-block {
    position: relative;
    align-items: center;
    display: flex; flex-direction: column;
    margin-top: 83px;
    padding-top: 86px;
}
.statistics-block .benefit-card {padding: 15px 10px;}

.stat-grid {display: grid; grid-template-columns: auto auto; grid-template-rows: repeat(4, auto); gap: 24px;}
.stat-title {font-family: var(--font-base); font-size: 40px; line-height: 42px; color:#FFF}
.stat-title .st-small {font-size: 24px;}

.statistics-block .items-row-gap {
    position: relative;
    display: flex; flex-direction: row;
    gap: 23px;
}
.statistics-block .guide-block-title {margin-bottom: 48px;}
.statistics-block .items-align-center {gap: 23px;}
.statistics-block .guide-partner-btn {margin-top: 42px;}

.why-us-block {position: relative; width: 100%; padding-top: 155px;}

.why-us-block .guide-block-title {margin-bottom: 28px; width: 100%; max-width: 733px;}
.why-us-block .guide-block-text {color: #FFF; width: 100%; max-width: 900px;}

.why-us-subtitle {
    max-width: 939px;
    font-family: var(--font-accent);
    font-style: normal; font-weight: 400;
    font-size: 46px;
    line-height: 43px;
    text-align: center;
    letter-spacing: -0.05em;
}

.why-us-white-plate {
    display: flex; flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    width: 100%; max-width: 986.91px;
    margin-top: 36px;
    padding-top: 46px;
    background-color: #FFF2ED;
    border-radius: 60px;
    overflow: hidden;
}

.did-you-know {
    align-items: center;
    display: flex; flex-direction: column;
    position: relative;
    width: 100%;
    margin-top: 70px;
    z-index: 3;
}
.did-you-know-subtitle {
    max-width: 939px;
    font-family: var(--font-base);
    font-style: normal; font-weight: 500;
    font-size: 42px;
    line-height: 42px;
    text-align: center;
    letter-spacing: -0.05em;
}

.did-you-know-col-text {
    box-sizing: border-box;
    position: relative;
    display: flex; flex-direction: column; 
    gap: 14px;
    width: 71.2%; max-width: 703px;
    padding: 0 40px;
}
.did-you-know-col-text.light {color: #FFF;}
.did-you-know-col-text.margin-1 {margin-bottom: 46px;}
.did-you-know-col-text.margin-2 {margin-bottom: 60px;}
.did-you-know-col-text.margin-3 {margin-bottom: 70px;}
.did-you-know-col-text.margin-4 {margin-bottom: 100px;}
.did-you-know-col-text.long {padding: 0;}

.clip-path-figure {
    position: absolute;
    width: 100%; height: 170%;
    clip-path: polygon(15.15% 10.17%, 84.23% 0.00%, 91.89% 15.00%, 100.00% 24.00%, 97.55% 54.98%, 97.77% 81.88%, 89.00% 84.00%, 80.50% 91.00%, 21.33% 100.00%, 13.17% 96.00%, 4.00% 94.24%, 3% 67%, 0.00% 39.48%, 7.70% 27.76%);
    display: flex;
    align-items: center; justify-content: center;
    z-index: -1;
}
.clip-path-figure.inside {width: 96%; height: 93%;}
.clip-path-figure.blue {background-color: #4D7CC1;}
.clip-path-figure.yellow {background-color: #FCD700;}
.clip-path-figure.orange {background-color: #E9511E;}
.clip-path-figure.transform_1 {top: -30%; left: 50%; translate: -50%}
.clip-path-figure.transform_2 {top: -30%; left: 50%; translate: -50%; transform: rotate(4deg)}
.clip-path-figure.transform_3 {top: -34%; left: 50%; translate: -50%; transform: rotate(184deg); width: 110%;}
.clip-path-figure.transform_4 {top: -55%; left: 50%; translate: -50%; transform: rotate(3.7deg); width: 110%; height: 190%; z-index: -2;}
.clip-path-figure.transform_5 {top: -36%; width: 144%; height: 190%; transform: rotate(3.4deg);}

.photo-zones-grid {
    position: relative;
    display: grid; grid-template-columns: repeat(4, 22.9%); grid-template-rows: auto;
    width: 91%;
    justify-content: center; justify-items: center;
    margin: 30px 0px;
    z-index: 3;
}
.img-container_0 .border-img-card {min-height: 90%;}
.photo-zones-grid .border-img-card {min-height: 90%;}

.photo-zones-text {
    max-width: 796px; width: 95%;
    line-height: 32px; letter-spacing: 0;
    margin-bottom: 65px;
}

.why-us-white-plate .items-row-gap {
    position: relative;
    display: flex; flex-direction: row;
    justify-content: space-between;
    gap: 12px;
    width: 96.6%;
    margin-top: 38.39px; margin-bottom: 43px;
}
.why-us-white-plate .benefit-card-border {min-height: 178.86px; border-radius: 47.7px;}
.why-us-white-plate .benefit-card {padding: 20px 10px; max-width: 287.76px;}
.cards-big-text {font-size: 31px; line-height: 30px;}
.cards-small-text {font-size: 21px; line-height: 18.3px;}

.why-us-text-2 {max-width: 618px; width: 96%; margin-top: 28px; margin-bottom: 54px;}

.bonuses-and-safety-block {display: flex; flex-direction: column; position: relative; margin-top: 112px; margin-bottom: 47px;}

.bonuses-and-safety-block .items-row-gap {
    position: relative;
    display: flex; flex-direction: row;
    justify-content: space-between;
    gap: 17.18px;
    width: 100%;
    margin-top: 54.67px; margin-bottom: 54.67px;
}
.bonuses-and-safety-block .text-safety {max-width: 790px; width: 96%; margin-top: 29px; margin-bottom: 38.3px; letter-spacing: 0;}
.bonuses-and-safety-block .cards-grid {
    display: grid; 
    grid-template-columns: repeat(2, 50%); grid-template-rows: repeat(2, auto);
    justify-items: center;
    max-width: 810px; width: 100%;
    row-gap: 21px; column-gap: 1%;
}

.guide-faq-title {
    font-size: 36px; font-family: var(--font-accent);
    line-height: 29px; letter-spacing: 0;
    color: #FFF;
    max-width: 740px;
    margin-bottom: 40px;
}

.guide-faq-text {
    font-size: 26px; font-family: var(--font-base); font-weight: 300;
    line-height: 23px; letter-spacing: 0;
    color: #FFF;
    max-width: 892px; width: 100%;
}

.faq {
    color: #fff;
    width: 100%; height: auto; max-height: none;
    position: relative;
    padding-top: 120px;
}

.faq-base-title {
    font-family: 'Fira Sans Condensed';
    font-style: normal; font-weight: 500; font-size: 54px;
    line-height: 53px; letter-spacing: -0.05em;
    color: #FFFFFF;
}
.faq-tel {font-family: var(--font-accent); font-size: 53px; color: #FFF;}

.faq-col-text {
    box-sizing: border-box;
    position: relative;
    display: flex; flex-direction: column; gap: 20px;
    max-width: 703px;
    padding: 0 20px;
    margin-top: 76px; margin-bottom: 141px;
}

.relative-elem {display: flex; position: relative; width: 100%; justify-content: center;}

.deco-elem {position: absolute; user-select: none;}

.deco-elem.spiral-transform_0 {top: -55%; left: 50%; translate: -50%; width: 1600px; max-width: 1600px; z-index: -2;}
.deco-elem.spiral-transform_1 {top: 6.5%; left: 50%; translate: -50%; transform: rotate(-90deg); width: 1600px; max-width: 1600px; z-index: -2;}
.deco-elem.spiral-transform_2 {top: 9.5%; left: 50%; translate: -50%; transform: rotate(90deg); width: 2800px; max-width: 2800px; z-index: -2;}
.deco-elem.spiral-transform_3 {top: 17%; left: 50%; translate: -50%; transform: rotate(90deg); width: 1900px; max-width: 1900px; z-index: -2;}

.deco-elem.coin-transform_0 {top: 26%; left: -6%; z-index: -1;}
.deco-elem.coin-transform_1 {top: 2.5%;left: 81%; transform: rotate(202deg); max-width: 135px; z-index: -1}
.deco-elem.coin-transform_2 {top: 97%; left: 73.5%; transform: rotate(-9deg); max-width: 135px;}
.deco-elem.coin-transform_3 {top: -10%; left: 85%; transform: rotate(-160deg); max-width: 135px;}
.deco-elem.coin-transform_4 {top: 91.5%; left: 22%; transform: rotate(65deg); max-width: 97px; z-index: 1;}
.deco-elem.coin-transform_5 {top: 96.3%; left: 24.5%; transform: rotate(82deg); max-width: 73px;}
.deco-elem.coin-transform_6 {top: 103.5%; left: 29%; transform: rotate(95deg); max-width: 43px;}
.deco-elem.coin-transform_7 {top: 102%; left: 7%; transform: rotate(-9deg); max-width: 135px;}
.deco-elem.coin-transform_8 {top: 100%; left:87%; transform: rotate(110deg) translateY(55%); max-width: 135px; z-index: 2}
.deco-elem.coin-transform_9 {top: 102%; left:82%; max-width: 90px; z-index: 1}
.deco-elem.coin-transform_10 {top: 104%; left:83%; transform: rotate(110deg); max-width: 60px;}
.deco-elem.coin-transform_11 {top:100%; left: 100%; transform: translate(-40%, -77%) rotate(-160deg); max-width: 70px; z-index: 1;}
.deco-elem.coin-transform_12 {top:100%; left: 100%; transform: translate(-40%, -120%) rotate(-180deg); max-width: 60px;}

.deco-elem.down-center-transform {top: 68%; left: 50%; translate: -50%;}

.deco-elem.spring-transform_0 {top: 13%; left: 50%; translate: -50%; max-width: 1838px; transform: rotate(-1.87deg); z-index: -1;}
.deco-elem.spring-transform_1 {top: 23%; left: 50%; translate: -50%; max-width: 1838px; transform: rotate(-7.53deg); z-index: -1;}
.deco-elem.spring-transform_2 {top: 50%; left: 48%; translate: -50%; max-width: 1838px; transform: scaleY(-1) rotate(-170deg); z-index: -1;}
.deco-elem.spring-transform_3 {top: -41%; left: 50%; translate: -50%; max-width: 1838px; transform: rotate(-1.87deg); z-index: -1;}


.deco-elem.an-transform_0 {top: 100%; left: 50.0%; transform: translate(-60%, -82%); max-width: 120px;}
.deco-elem.an-transform_1 {top: 22%; left: 0%; translate: -40%;}
.deco-elem.an-transform_2 {top: -85%; left: 89%; transform: rotate(-10deg);}
.deco-elem.an-transform_3 {top: -40%; left: -40%;}
.deco-elem.an-transform_4 {top: 100%; left: 10.5%; transform: translateY(-97%)}

.deco-elem.star-transform_1 {top: 5%; left: 14%;}
.deco-elem.star-transform_2 {top: 47%; left: 66%;}
.deco-elem.star-transform_3 {top: 72%; left: 15%;}

.deco-elem.route-transform_1 {top: 26%; left: 23%;}
.deco-elem.route-transform_2 {top: 67%; left: 33%;}

.deco-elem.zero-pos {top: -5%; left: -2%}

.deco-elem.arrow-transform_0 {top: -150%; left: -34%;}
.deco-elem.arrow-transform_1 {top: -110%; left: 112%; transform: scaleX(-1);}
.deco-elem.arrow-transform_2 {top: 0%; left: 110%;}

.deco-elem.worm-transform_0 {top: 0%; left: 13%; transform: translateY(-55%);}
.deco-elem.worm-transform_3 {top: 100%; left: 50%; translate: -40%; transform: translateY(-80%);}

.star-big.resize {width: 57px;}
.star-big.center-pos {left: auto;}
.star-big.end-pos {left:100%; translate: -230%;}

.star-small.center-pos {left: 50%; translate: -220%;}
.star-small.end-pos {left: 100%; translate: -240%}

.route-star.transform_1 {top: 5%; left: 14%; transform: rotate(6.86deg);}

.burger-menu {
    position: relative;
    display: flex;
    justify-content: center; align-content: center;
    text-align: center;
    color: #000;
}
.burger-nav a {color: #000; font-size: 28px; font-weight: 500; position: relative;}
.burger-nav {display: flex; flex-direction: column; gap: 20px;}
.burger-link-socia {
    position: relative;
    display: flex; flex-direction: column;
    align-items: center; gap: 10px;
}
.burger-link-socia span {font-size: 28px;}
.burger-icons {
    position: relative;
    display: flex; flex-direction: row;
    gap: 13px;
}

.header__social-text{font-size:22px}
.header__social-link{border-radius:50%;transition:.3s}

.thanks_forma{
    position: relative;
    min-width: 354px; max-width: 550px; width: 100%; height: fit-content;
    background: #FFFFFF;
    border: 8px solid #FCD700; border-radius: 60px;
    display: none; flex-direction: column; gap: 65px;
    align-items: center;
    padding-top: 46px; padding-bottom: 46px; padding-left: 13px; padding-right: 13px;
    z-index: 1000;
}
.text-thanks{display: flex; flex-direction: column; text-align: center; gap: 23px;}
.title-thanks{font-size: 46px; font-weight: 900; line-height: 52px; letter-spacing: 0em;}
.description-thanks{font-size: 26px; letter-spacing: 0em;}
.text-thanks{margin-top: 95px;}

.slider-ui {display: none;}

@media screen and (max-width: 1240px) {
    .items-col-32 {align-items: center;}
    .guide-benefit .benefit-card {width: 100%; max-width: 360px;}
    .guide-benefit-cards {gap: 0;}

    .bonuses-and-safety-block .benefit-card {width: 100%; max-width: 360px;}
    .bonuses-and-safety-block .items-row-gap {gap: 0;}
}

@media screen and (max-width: 1140px) {
    body {margin: 0 auto; overflow: hidden; touch-action: pan-y;}

    .header-container {margin-bottom: 0px;}
    .header-row{width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 73px;}
    .header-nav {display: none;}
    .header__burger {display: block;}
    .header-menu {width: 116px; justify-content: space-between; flex-direction: row-reverse; gap:20px}
    
    .breadcrumps {margin-bottom: 19px;}

    .button-header1 {padding: 17px 20px 17px 20px;}
    .button-border {justify-content: space-between; gap: 0;}

    .ds {margin-top: 32px;}
    .ds .items-align-center {margin-top: 16px;}

    .items-row-10-gap {flex-direction: column; gap: 18px;}
    .items-row-10-gap .fields_faq {text-align: center;}

    .statistics-block .benefit-card {width: 100%;}
    .statistics-block .guide-partner-btn {margin-top: 27px;}

    .stat-grid {display: flex; flex-direction: row; gap: 0px; width: 100%; cursor: grab; align-self: baseline;}

    .slide-area {position: relative; padding: 0px 6px; min-width: 50%;}
    .slider-ui {display: flex; justify-content: space-between; margin: 16px auto 0 auto; max-width: 700px; width: 100%;}
    .slider-btn {
        display: block;
        border: solid 5px #000; border-radius: 50%;
        color: #000;
        width: 50px; height: 50px;
        cursor: pointer;
        font-size: 20px; font-weight: 900;
    }
    .slider-btn.disabled {opacity: 0.5; cursor: not-allowed; pointer-events: none;}
    .slider-btn:hover {cursor: pointer;}
    .pagination-field {display: flex; justify-self: center; align-items: center;gap: 5px;}
    .pagination-dot {background-color: #000000; border-radius: 100%; width: 12px; height: 12px;}
    .pagination-dot.active {background-color: #fff; border: solid 5px #000; box-sizing: border-box; width: 19px; height: 19px;}

    .why-us-block {padding-top: 60px;}

    .deco-elem.spring-transform_2 {display: none;}
    .block-bg_1 {height: 104%;}

    .why-us-white-plate .items-row-gap {gap: 0; cursor: grab; margin-bottom: 0px;}
    .why-us-white-plate .benefit-card {width: 100%; max-width: none;}
    .why-us-white-plate .slider-ui {margin-bottom: 25px;}

    .block-bg_3 {display: none;}
}

@media screen and (max-width: 980px) {
    .header {padding-top: 28px;}
    .content__container {padding-left: 15px; padding-right: 15px;}

    .accordion {gap: 9px;}
    .accordion__item {border-width: 6px;} 
    .accordion__header {font-size: 24px; padding: 0px 10px 0px 19px;}
    .accordion__content {padding: 0px 19px 19px 19px;}

    .yellow-plate {line-height: 22px; padding: 12px 14px;}

    .guide-block-title, .title-1 {font-size: 28px; line-height: 26px;}
    .basic-font-regular {font-size: 24px; line-height: 22px; letter-spacing: -0.05em;}
    .title-1, .basic-font-regular {max-width: 720px;}

    .img-container_0 {align-self: center; grid-template-columns: 50% 50%; grid-template-rows: 0px auto 0px; max-width: 740px; margin-top: 30%; margin-bottom: 31%;}
    .center-img {grid-column: 1 / 3; grid-row: 2 / 3; object-fit: contain;}
    .img-container_0 .border-img-card {min-height: 90%; border: 6px solid #FCD700; border-radius: 33px;}
    .border-img-card.img-pos_1 {top: 0px; left: 0px; transform: translate(20%, -79%) rotate(-3.26deg); width: 80%; object-fit: contain;}
    .border-img-card.img-pos_2 {top: 0px; left: 0px; transform: translate(20%, -21%) rotate(3.26deg); width: 80%; object-fit: contain; z-index: 3;}
    .border-img-card.img-pos_4 {grid-column: 2 / 3; grid-row: 1 / 2; top: 0px; left: 0px; transform: translate(-19%, -66%) rotate(3.26deg); width: 80%; object-fit: contain;}
    .border-img-card.img-pos_5 {top: 0px; left: 0px; transform: translate(-19%, -15%) rotate(-3.26deg); width: 80%; object-fit: contain; z-index: 3;}

    .button-header1.pos-0 {top: 0}

    .block-bg_0 {top: -2.7%; height: 123.5%;}

    .guide-benefit {margin-top: 80px; margin-bottom: 0px;}
    .guide-benefit-title {margin-bottom: 30.67px;}
    .benefit-card {padding: 20px 0;}
    .benefit-card-border.pos_3 {transform: rotate(-1.34deg) translateY(0px);}
    .guide-benefit-cards {flex-direction: column; gap: 5px; max-width: 362px;}
    .items-col-32 {gap: 20px;}

    .guide-features-card.transform_2 {transform: rotate(-0.8deg) translateY(-13px);}
    .guide-features-card.transform_3 {transform: rotate(1.34deg) translateY(-30px); z-index: -1;}

    .guide-faq {padding-left: 0; padding-right: 0;}
    .faq-white-plate.transform_1 {display: flex; flex-direction: column; align-items: center; row-gap: 120px; margin-top: 43px; margin-bottom: 56px; padding: 85px 10px 62px 10px; transform: rotate(0deg); max-width: 720px; height: fit-content;}
    
    .deco-elem.route-transform_1, .route-transform_2 {display: none;}

    .deco-elem.star-transform_1 {max-width: 95px; top: -3%; left: 50%; translate: -70%;}
    .deco-elem.star-transform_2 {max-width: 95px; top: 36%; left: 50%; translate: -40%;}
    .deco-elem.star-transform_3 {max-width: 95px; top: 64.5%; left: 50%; translate: -70%;}

    .items-col-16 {text-align: center;}
    .items-col-16.transform_1, .items-col-16.transform_2, .items-col-16.transform_3 {position: relative; top: 0; left: 0; max-width: 500px; width: 100%;}

    .faq-white-plate.transform_2 {width: 105vw; max-width: none; height: 89.3%; border-radius: 0; margin-top: 30px;}
    
    .calculator-grid {grid-template-columns: 60% 40%; grid-template-rows: repeat(5, auto); margin-top: 71px; margin-bottom: 74px;}
    .calculator-grid .title-cell {grid-column: 1 / 3; grid-row: 1 / 2; text-align: center; margin-bottom: 10px;}
    .calculator-grid .people-cell {grid-column: 2 / 3; grid-row: 2 / 3; justify-self: left;}
    .people-cell .calc-strong, .calc-output-cell .calc-strong {font-size: 24px;}
    .calculator-grid .calc-slider-cell {grid-column: 1 / 3; grid-row: 3 / 4; padding: 0 20px;}
    .calculator-grid .calc-input {grid-column: 1 / 2; grid-row: 2 / 3; top: -10px}
    .calculator-grid .calc-output-cell {grid-column: 1 / 3; grid-row: 5 / 6;}
    .calculator-grid .calc-com-cell {grid-column: 1 / 3; grid-row: 4 / 5;}
    .calc-output {max-width: 100%; padding: 8px 6%;}

    form .items-align-center {width: 100%;}
    form .items-row-10-gap {margin-top: 31px; width: 100%; align-items: center;}
    .fields_faq {max-width: 353px; width: 100%;}
    
    form .guide-partner-btn {width: 100%; max-width: 353px; padding: 18px 8px; margin-top: 18px;}

    .statistics-block {margin-top: 43px; padding-top: 48px;}

    .why-us-subtitle {font-size: 28px; line-height: 28px; max-width: 600px;}
    .why-us-white-plate {padding-top: 35px;}

    .did-you-know {margin-top: 45px;}
    .did-you-know-subtitle {font-size: 26px; line-height: 22px;}

    .did-you-know-col-text {gap: 11px; max-width: 450px; width: 95%;}
    .did-you-know-col-text p {font-size: 22px; line-height: 22px;}
    .did-you-know-col-text.margin-1 {margin-bottom: 45px; padding: 0 15px;}
    .did-you-know-col-text.margin-2 {margin-bottom: 49px; padding: 0 32px;}
    .did-you-know-col-text.margin-3 {margin-bottom: 45px; padding: 0 32px;}
    .did-you-know-col-text.margin-4 {margin-bottom: 70px; padding: 0 15px;}

    .clip-path-figure.transform_1 {top: -30%;}
    .clip-path-figure.transform_2 {transform: rotate(184deg); top: -40%; height: 184%}
    .clip-path-figure.transform_3 {transform: rotate(3deg); top: -40%; height: 184%;}
    .clip-path-figure.transform_4 {transform: rotate(186deg); top: -27%; height: 160%; ; z-index: -1;}

    .photo-zones-grid {grid-template-columns: 50% 50%; grid-template-rows: auto auto; width: 95%; max-width: 550px; }
    .photo-zones-grid .border-img-card {width: 100%;}

    .photo-zones-grid > img.border-img-card.object-rot_1:nth-child(1) {left: 5%;}
    .photo-zones-grid > img.border-img-card.object-rot_2:nth-child(2) {left: -5%;}
    .photo-zones-grid > img.border-img-card.object-rot_1:nth-child(3) {top: -5%; left: 5%;}
    .photo-zones-grid > img.border-img-card.object-rot_2:nth-child(4) {top: -5%; left: -4%}

    .bonuses-and-safety-block {margin-top: 76px; margin-bottom: 0;}
    .bonuses-and-safety-block .items-row-gap {flex-direction: column; max-width: 362px; margin: 29px 0;}
    .block-bg_2 {top: -3%;}

    .bonuses-and-safety-block .text-safety {font-size: 24px; line-height: 23px; max-width: 600px; margin-top: 21px; margin-bottom: 20px;}
    .bonuses-and-safety-block .cards-grid {display: flex; flex-direction: column; align-items: center; gap: 0;}
    .guide-features-card.transform_4 {transform: rotate(1.7deg) translateY(5%);}
    .guide-features-card.transform_6 {transform: rotate(-0.74deg) translateY(-15%)}
    .guide-features-card.transform_7 {transform: rotate(1.89deg) translateY(-25%);}

    .block-bg_2 {height: 115.5%;}

    .faq {padding-top: 40px;}
    .guide-faq-title {font-size: 24px; line-height: 22px; margin-bottom: 26px;}
    .guide-faq-text {font-size: 24px; line-height: 23px;}

    .items-row-10-gap .fields_faq {height: 76px;}

    .faq-col-text {padding: 0; gap: 10px; max-width: 450px; margin-bottom: 112px;}
    .faq-base-title {font-size: 28px; line-height: 28px;}
    .faq-tel {font-size: 30px; line-height: 28px;}
    .clip-path-figure.transform_5 {top: -57%; width: 110%; height: 200%;}

    .deco-elem.deco-elem.spiral-transform_0 {top: -7%;}

    .deco-elem.coin-transform_0 {width: 20%;}
    .deco-elem.coin-transform_1 {top: 22%; left: 89%; width: 15%;}
    .deco-elem.coin-transform_2 {top: 102.5%; left: 85.5%; width: 18%;}
    .deco-elem.coin-transform_3 {top: 0; left: 72%; width: 22%; transform: rotate(-160deg) translateY(70%);}
    .deco-elem.coin-transform_4 {top: 100%; left: 0; width: 24%; transform: rotate(65deg) translate(-70%, -41%);}
    .deco-elem.coin-transform_5 {top: 100%; left: 0; width: 17.5%; transform: rotate(82deg) translate(-51%, -56%);}
    .deco-elem.coin-transform_6 {top: 100%; left: 0; width: 14%; transform: rotate(95deg) translate(10%, -157%);}
    .deco-elem.coin-transform_7 {width: 22%; top: 100.5%; left: 0;}
    .deco-elem.coin-transform_8 {left: 100%; width: 20%; transform: rotate(110deg) translate(11%, 140%);}
    .deco-elem.coin-transform_9 {top: 100%; left: 100%; width: 12%; transform: translate(-175%, 35%);}
    .deco-elem.coin-transform_10 {top: 100%; left: 100%; width: 7%; transform: rotate(110deg) translate(249%, 217%);}

    .deco-elem.worm-transform_0 {top: 5%; left: 0%; transform: translate(-20%, -60%); width: 60%; max-width: 400px;}

    .deco-elem.an-transform_1 {top: 98%; width: 20%; min-width: 70px;}
    .deco-elem.an-transform_2 {top: -148%; width: 20%; min-width: 70px; transform: rotate(-30deg);}

    .deco-elem.arrow-transform_0 {display: none;}
    .deco-elem.arrow-transform_1 {display: none;}

    .deco-elem.spring-transform_0 {top: 6%;}
    .deco-elem.spring-transform_1 {top: 13%;}
    .deco-elem.spring-transform_3 {top: -12%;}
}

@media screen and (max-width: 740px) {.deco-elem.an-transform_4 {display: none;}}

@media screen and (max-width: 700px) {
    .img-container_0 {margin-top: 34%; margin-bottom: 36%;}

    .slide-area {min-width: 100%;}

    .why-us-block .relative-elem {width: 100vw; min-width: 300px;}
    .why-us-block .guide-partner-btn {padding: 18px 0; width: 100%; max-width: 400px;}
    .statistics-block .guide-partner-btn {padding: 18px 0; width: 100%; max-width: 400px;}
    .why-us-white-plate {padding: 35px 25px 0 25px; border-radius: 0;}
    .why-us-white-plate .guide-partner-btn {margin-top: 0; margin-bottom: 159px;}
    .photo-zones-grid {margin: 25px 0 0 0;}
    .photo-zones-text, .why-us-text-2 {font-size: 24px; line-height: 23px; margin-bottom: 34px; margin-top: 18px;}

    .clip-path-figure.transform_1, .clip-path-figure.transform_2 {width: 110%;}

    .guide-block-title.margin_1 {margin-top: 223px;}
    .guide-block-title.margin_2 {margin-top: 49px;}

    .deco-elem.arrow-transform_2 {display: none;}
    .deco-elem.an-transform_3 {top: 100%; left: 50%; translate: -50%;}

    .faq .guide-block-title {font-size: 24px; line-height: 23px;}
    .accordion {margin-top: 25px;}

    .deco-elem.coin-transform_11 {max-width: 55px;}
    .deco-elem.coin-transform_12 {max-width: 45px;}
}

@media screen and (max-width: 400px) {
    .photo-zones-grid .border-img-card {border: solid 6px #FCD700; border-radius: 42px;}
}

.footer__link {
	transition: .3s;
}

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

.footer__link {
    text-decoration: none;
}

.footer {
	overflow: hidden;
}

.logo__footer svg{
	transition: .3s;
}

.logo__footer svg:hover {
	transform: scale(1.1) translatey(-20px);
}

.worm__footer {
	transition: 1s;
	transform-origin: 20% 20%;
}

.worm__footer:hover {
	transform: scale(1.1) translate(-20px, -20px) rotate(-10deg);
}

footer{flex-shrink:0}

.container.footer__section{background-color:#fcd700;display:flex;padding:50px 150px;border-radius:40px;max-width:1700px;margin:auto;gap:60px;position:relative}
.worm__footer{position:absolute;top:0;right:5%}
.footer__social-link{border-radius:50%;transition:.3s}
.footer__social-link:hover{transform:scale(1.1)}
.column__pages,.column__pagesmore{display:flex;flex-direction:column;gap:5px}
.firstline,.secondline{display:flex;gap:5px}
.footer__social{padding-top:10px}
.firstline{padding-bottom:5px}
footer.footer{margin-bottom:80px}
.column__icon{text-align:center}
.logo__footer{padding-bottom:20px}
.footer__text{font-weight:400;font-size:22px;line-height:120%;color:#000}

@media screen and (max-width: 1140px) {
    footer.footer{margin-bottom:0}
    .worm__footer{display:none}
    .container.footer__section{padding:70px 22px;flex-direction:column;align-items:center;gap:35px}
    .footer__text{text-align:center}
}