:root {
--background-color: #f2f2f7;
--text-color: #000000;
--primary-color: #007aff;
--secondary-color: #8e8e93;
--accent-color: #e6004d;
--border-color: #d1d1d6;
--button-bg: #007aff;
--button-text: #ffffff;
--menu-bg: #ffffffaa;
--menu-border: #ffffffbb;
--logo-color:#e6004d;
--logo-color-2:#e6004d;
--logo-color-2-20:#e6004d40;
--element-color: var(--logo-color);
--box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
--accent-bg: #ffffff66;
/*футер*/
--footer-bg-color: #191b20;
--footer-bg-image: linear-gradient(40deg, #121214 25%, #121214 10%, #292a30 60%, #121214 80%);
--footer-bg-size:3px 2px;
--footer-copyright:#1c1c1e;
--grey: #8a95ac99;

--block-background: linear-gradient(0deg, white 90%, #fafafa);
--block-border-top: solid 1px #fff;
--block-border-bottom: solid 1px #f9f9f9;
}

:root.dark-mode {
--background-color: #1c1c1e;
--text-color: #ffffffcc;
--primary-color: #0a84ff;
--secondary-color: #636366;
--accent-color: var(--logo-color-2);
--element-color: var(--logo-color-2);
--border-color: #3a3a3c;
--button-bg: #0a84ff;
--button-text: #ffffff;
--menu-bg: #00000055;
--menu-border: #ffffff22;
--logo-color:#ffffffcc;
--accent-bg: #000000;
}





@font-face {
  font-family: 'tovari-sans';
  src: url('../fonts/tovari-sans.woff2') format('woff2'), /* Суперсовременные браузеры */
       url('../fonts/tovari-sans.woff') format('woff'), /* Современные браузеры */
       url('../fonts/tovari-sans.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/tovari-sans.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
       url('../fonts/tovari-sans.svg#tovari-sans') format('svg'); /* Устаревшие браузеры */
  font-display: swap;
}


html{
  scroll-behavior: smooth;
}

/*плейсхолдеры*/
input{caret-color: var(--accent-color);}
input::placeholder, select::placeholder, textarea::placeholder{color: var(--grey)!important; font-size: 18px!important}
/* Если требуется поддержка для старых браузеров */
input::-webkit-input-placeholder,  select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: var(--grey)!important; font-size: 18px!important}
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {color: var(--grey)!important; font-size: 18px!important}
input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {color: var(--grey)!important; font-size: 18px!important}
input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {color: var(--grey)!important; font-size: 18px!important}


input, select{background-color: var(--background-color)!important;}
input::-webkit-input-placeholder       {color:var(--grey); opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder                {color:var(--grey); opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {color:var(--grey); opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {color:var(--grey); opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

textarea::-webkit-input-placeholder       {color:var(--grey); opacity: 1; transition: opacity 0.3s ease;}
textarea::-moz-placeholder                {color:var(--grey); opacity: 1; transition: opacity 0.3s ease;}
textarea:-moz-placeholder                 {color:var(--grey); opacity: 1; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder            {color:var(--grey); opacity: 1; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}



@media (min-width: 1024px){
::-webkit-scrollbar-button {display: none;}
::-webkit-resizer{display: none;} 


/*вертикальная прокрутка*/
::-webkit-scrollbar-track {
background-color: var(--footer-bg-color);
background-image: var(--footer-bg-image);
background-size: var(--footer-bg-size);
background-repeat:repeat;
/*border-color: transparent; 
box-shadow: inset 1px 0 3px #49597944;*/
}
::-webkit-scrollbar-thumb {background: var(--accent-color); border-radius: 0px; height: 150px!important;}
::-webkit-scrollbar{width: 6px;}

/*горизонтальная прокрутка*/
::-webkit-scrollbar-track:horizontal {
background-color: var(--footer-bg-color);
background-image: var(--footer-bg-image);
background-size: var(--footer-bg-size);
background-repeat:repeat;}
::-webkit-scrollbar-thumb:horizontal{background: var(--accent-color); border-radius: 0px; width: 150px!important;}
::-webkit-scrollbar:horizontal{height: 6px;}
}





*{
outline: none!important;
box-sizing: border-box;
}

a{text-decoration: none!important; cursor: pointer;}

p{margin-bottom: 0;margin-top: 12px;}

strong{font-weight: 500}
sup{color: #e6004d;font-size: 10px;}

body {
font-family:  -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Noto Sans", sans-serif;
color: var(--black_color);
font-weight: normal;
line-height: 1.5;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: subpixel-antialiased !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
text-rendering: optimizeLegibility;
background-color: var(--background-color);
color: var(--text-color);
transition: background-color 0.3s, color 0.3s;
font-size: 18px;
margin: 0;
max-width: 100vw;
background-image: url('../img/bg_site.jpg');
background-size: 300px;
background-repeat: repeat;
}


h1,h2,h3{
font-family: tovari-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Noto Sans", sans-serif;
margin: 0;
line-height: 1.1;
}

h1{
font-size: clamp(24px, 13vw, 90px);

    font-weight: 700;

    color: #ffffff;
    text-align: center;
    line-height: 1;
           text-shadow: 0px 0px 1px #e6004d, 0px 0px 1px #e6004d, 0px 0px 1px #e6004d, 0px 0px 2px #e6004d, 0px 0px 2px #e6004d, 0px 0px 4px #58001e, 0px 0px 5px #58001e
/*           -webkit-text-stroke: #e6004d 1px;*/
}


.form-container{
     opacity: 0;
  transform: translateY(300px); /* Начальная позиция снизу */
    animation: slideDown 1s ease-out forwards; /* Анимация */
}


/*@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}*/

@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(300px); /* Начальная позиция снизу */
  }
  100% {
    opacity: 1;
    transform: translateY(0); /* Конечная позиция */
  }
}

h2{
    font-size: clamp(21px, 10vw, 42px);
    text-shadow: 0px 0px 2px #ffffff, 0px 0px 2px #ffffff, 0px 0px 2px #ffffff, 0px 0px 2px #ffffff, 0px 0px 2px #ffffff, 0px 0px 2px #ffffff;
/*    -webkit-text-stroke: #ffffff 0.5px;*/
    text-align: center;

}
h3{
    font-size: clamp(20px, 6vw, 24px);
    text-align: center;
    color: #332939;
}
.text-center{text-align: center;}

.container{
max-width: 1080px;
padding: 32px 8px;
margin: 0 auto;
}


/*африканские стили*/
.hand li {
    list-style-type: "👉🏿";
    width: fit-content;
    box-sizing: border-box;
    margin-left: 30px;
   font-size: clamp(17px, 4vw, 18px);
    font-weight: 500;
    line-height: 1.2;
    padding: 8px;
}
ul{padding: 0;}
/*кнопка большая*/
.big_button, .next_btn, .last_btn{
    display: block;
    width: max-content;
    margin: 10px auto;
    background: var(--element-color);
    color: #fff;
    font-weight: 600;
    line-height: 1;
    border: solid 3px #fff;
    padding: 16px 32px;
    border-radius: 13px;
    box-shadow: 0 0 0 5px #ffffff77, inset 0 0 2px 1px #ff9900;;
    position: relative;
    font-family: tovari-sans, -apple-system, BlinkMacSystemFont, "Segoe";
    font-size: clamp(18px, 6.5vw, 32px);
}
.big_button:hover, .next_btn:hover, .last_btn:hover {filter: brightness(110%);
}
.big_button:active, .next_btn:active, .last_btn:active {scale: .98}
/*конец*/


.big_button:before {
    content: '';
    position: absolute;
    top: calc(50% - 22px);
    left: calc(50% - 22px);
    background: rgba(255, 255, 255, .4);
    border-radius: 100px;
    opacity: 0;
    width: 44px;
    height: 44px;
    z-index: 100;
        transform: scale(1);
    -webkit-animation: pulseblob 4s infinite linear;
    -moz-animation: pulseblob 4s infinite linear;
    -ms-animation: pulseblob 4s infinite linear;
    -o-animation: pulseblob 4s infinite linear;
    animation: pulseblob 4s infinite linear;
}
@keyframes pulseblob {
    0% {
        transform: scale(0.2);
        opacity: 0;
    }

    12% {
        transform: scale(1);
        opacity: 1;
    }

    24% {
        transform: scale(3);
        opacity: 0;
    }
}



.accent{background: var(--accent-bg);}
.accent h2{
    text-shadow: 0px 0px 2px #ffffff, 0px 0px 2px #ffffff, 0px 0px 2px #ffffff;
    color: var(--logo-color);
}
.text-container {
color: #ffffff;
font-size: clamp(16px, 4vw, 42px);
font-weight: 600;
text-shadow: 0px 0px 3px #000;
width: calc(95vw - 24px);
max-width: 1080px;
margin: 15px auto;
font-family: tovari-sans;
line-height: 1.5;
display: block;
overflow: hidden;
}

.text-line {
display: block;
transform: translateX(100%); /* Начальная позиция для первой строки (вылет справа) */
opacity: 0; /* Начальная прозрачность */
animation: slide-in-right 2s ease-out forwards;
}

.text-line:nth-child(2) {
transform: translateX(-100%); /* Начальная позиция для второй строки (вылет слева) */
opacity: 0; /* Начальная прозрачность */
animation: slide-in-left 2s ease-out forwards;
animation-delay: 1s; /* Задержка для второй строки */
text-align: right;
}



@keyframes slide-in-right {
to {
transform: translateX(0); /* Текст на своём месте */
opacity: 1; /* Полная видимость */
}
}

@keyframes slide-in-left {
to {
transform: translateX(0); /* Текст на своём месте */
opacity: 1; /* Полная видимость */
}
}




nav {

/*            padding: 1rem;*/
background-color: var(--primary-color);
color: var(--button-text);
box-shadow: var(--box-shadow);

z-index: 1100;
backdrop-filter: saturate(200%) blur(4px);
background-color: var(--menu-bg);
border-bottom: solid 1px var(--menu-border);
color: var(--text-color);
}
header{  position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1000;
}
.hero{position: relative;
z-index: 0;
width: 100%;

aspect-ratio: 16 / 8;
}
.hero-video{
width: 100%;
    position: absolute;
    top: -95px;

} 
.hero-video{border-radius: 0}

:root {
  --pyt-ticker-height: 50px;
  --pyt-ticker-bg: #f9fafb;
  --pyt-ticker-color: #020617;
  --pyt-ticker-speed: 35s; /* чем больше, тем медленнее цикл */
  --pyt-ticker-item-width: 0px;
}
.accent-color{color:#e6004d}
.pyt-ticker {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: var(--pyt-ticker-height);
  background: var(--pyt-ticker-bg);
  color: var(--pyt-ticker-color);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 24px;
  display: flex;
  border-bottom: 3px solid #e6004d;
    border-top: 3px solid #e6004d;
}

/* когда «прилипла» к низу */
.pyt-ticker--fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 0;
  z-index: 1000;
}

.pyt-ticker__inner {
  display: flex;
  align-items: center;
  height: 100%;
  white-space: nowrap;
  will-change: transform;
}

/* запуск анимации только после инициализации JS */
.pyt-ticker--ready .pyt-ticker__inner {
  animation: pyt-ticker-scroll var(--pyt-ticker-speed) linear infinite;
}

.pyt-ticker__content {
  display: inline-flex;
  align-items: center;
  gap: 80px;
  padding: 0 32px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  flex-shrink: 0;
}

.pyt-ticker__icons {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}

.pyt-ticker__icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

.pyt-ticker__text {
  white-space: nowrap;
}



.payment_text{margin: 12px auto 0;
    display: flex;
    gap: 12px;
    align-items: center;
    width: fit-content;
    font-size: 14px;
    color: #32364e;

}
.payment_btn{
display: flex;
align-items: center;
justify-content: center;
border-radius: 9px;
padding: 12px 24px;
background-color: #95ce5a;
color: #fff;
border-color: #95ce5a;
-webkit-box-shadow: 0 7px 10px rgba(149, 206, 90, .4);
-moz-box-shadow: 0 7px 10px rgba(149,206,90,.4);
box-shadow: 0 7px 10px rgba(149, 206, 90, .4);
text-align: center;
font-size: 16px;
width: fit-content;
margin: 20px auto;
text-decoration: none;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Noto Sans", sans-serif;
}
.form-container .payment_wrap{display: flex;
gap:12px;
width: fit-content;
margin: 0px auto 12px;
align-items: center;
}
.payment_wrap img{height: 20px}
.payment_text img{height: 18px}
.payment_text img.strype{height: 24px}

.icon-text-row{ display:flex; gap: 12px; align-items:center; }

@keyframes pyt-ticker-scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(calc(-1 * var(--pyt-ticker-item-width)), 0, 0);
  }
}

@media(max-width: 640px){
  .pyt-ticker__content{font-size: 18px}
}


@media(max-width:1080px){
.hero-video {
width: 125%;
left: -120px;

}
}

/*идеи для поздравлений начало*/
#greeting-ideas h2{
text-shadow: 0px 0px 2px #ffffff, 0px 0px 2px #ffffff, 0px 0px 2px #ffffff; 
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
}
#greeting-ideas h2 span{

color: var(--logo-color);;
}

.idei_wrap{
display: flex;
flex-wrap: wrap;
gap: 24px;
margin: 40px 0;

}

.idei_btn{
    margin-top: auto;
    display: block;
    width: fit-content;-content;
    margin: 10px auto;
    background: var(--element-color);
    color: #fff;
    font-weight: 600;
    line-height: 1;
    border: solid 3px #fff;
    padding: 8px 16px;
    border-radius: 13px;
    position: relative;
    font-family: tovari-sans, -apple-system, BlinkMacSystemFont, "Segoe";
    font-size: clamp(16px, 5.5vw, 24px);

}

a.idei_item{ 
min-width: 34%;
flex:1;
display: flex;
flex-direction: column;
background: #fff;
padding: 20px;
border-radius: 16px;
gap: 12px;
box-shadow: 0px 4px 12px 0px #0d234315;
justify-content: space-between;
}
a.idei_item p{color: var(--text-color);}

@media(max-width: 720px){
    a.idei_item{ 
min-width: 55%;
}
}
/*конец*/
/*квиз начало*/
/*кастомный плей*/
.slide, .video-wrapper {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
}

.content-video {
width: 100%;
display: block;
}

.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
background-color: #203753;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.3s;
z-index: 2;
background-image: url('data:image/svg+xml,<svg version="1.1" id="play" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="100px" width="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><path class="stroke-solid" fill="none" stroke="white" d="M49.9,2.5C23.6,2.8,2.1,24.4,2.5,50.4C2.9,76.5,24.7,98,50.3,97.5c26.4-0.6,47.4-21.8,47.2-47.7 C97.3,23.7,75.7,2.3,49.9,2.5"/><path class="stroke-dotted" fill="none" stroke="white" d="M49.9,2.5C23.6,2.8,2.1,24.4,2.5,50.4C2.9,76.5,24.7,98,50.3,97.5c26.4-0.6,47.4-21.8,47.2-47.7 C97.3,23.7,75.7,2.3,49.9,2.5"/><path class="icon" fill="white" d="M38,69c-1,0.5-1.8,0-1.8-1.1V32.1c0-1.1,0.8-1.6,1.8-1.1l34,18c1,0.5,1,1.4,0,1.9L38,69z"/></svg>');
background-size: 100%;
opacity: 0.7;
}

.play-button:hover {
background-color: #203753;
opacity: 0.9;
}


/*        .playing .play-button::before {
content: "⏸";
}*/

.hidden {
opacity: 0;
pointer-events: none;
transition: opacity 0.3s;
}
/*кастомный плей конец*/


/*форма заказа начало*/
h2.h2-center{
display: block;
width: fit-content;
margin: 0 auto 6px;
}

.you-name-proverka{display: none;}
.row{
display: flex; 
gap: 20px; 

}
.row.check{
display: flex;
gap: 0;
border-radius: 16px;
flex: 1;
flex-direction: row;
border: solid 1px #E4EAEF;
background: #f7faff;
max-width: calc(100% - 10px);
margin: 0 auto;
}

.row.soglasie{
gap: 0; 
margin-top: 16px;
}
.row.phone{
display: flex; 
flex: 1; 
}

@media(max-width: 600px)
{.row.phone{flex-direction: column; gap: 0}

.row{flex-direction: column;}


}
.col{flex: 1;
display: flex;
flex-direction: column;
}
.hidden{
display: none!important;
}
.drop-zone {
border: 1px dashed #8a95ac;
padding: 20px;
text-align: center;
border-radius: 16px;
cursor: pointer;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
color: #8a95ac;
transition: all 0.2s;
background:#e8f0fe55;
}


.drop-zone span{font-weight: 500; color: #123; font-size: 1rem; transition: 0.3s;}
.drop-zone svg{transition: 0.3s;}
.drop-zone b{color: var(--akcent-color); font-weight: 500;}

.drop-zone i{font-weight: normal; font-style: normal; font-size: 12px; color: var(--grey);}
.drop-zone{
display: flex; 
flex-direction: 
column; gap: 1rem;

width: calc(100% - 10px);
border-radius: 16px;
margin: 6px auto;
}


.drop-zone:hover{
background:#e8f0feaa; 
transition: all 0.3s ; 
} 

.drop-zone:hover span{opacity: 0; margin-bottom: -40px; transition: 0.3s;}
.drop-zone:hover svg{width: 64px; height: 64px; transition: 0.3s; transform: rotate(15deg);}



label.checkbox{
font-size: 16px; 
cursor: 
pointer;
}

#preview {
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;
margin: 20px 0;
gap: 12px;
justify-content: space-around;
}

.preview-item {
justify-content: center;
align-items: center;
position: relative;
border-radius: 11px;
background: #fff;
padding: 0.5rem;
background: #F5F7F9;
border: 1px solid #E4EAEF;
}
.preview-item button{
position: absolute;
width: 20px;
height: 20px;
align-items: center;
justify-content: center;
right: 0;
top: 0;
display: flex;
border-radius: 10px;
background: #49597999;
color: #fff;
border: none;
line-height: 1;
}

.preview-item:hover button{
background: #495979;
}
.preview-item img,.preview-item video {
width: 100px;
height: 100px;
object-fit: contain;
}


form{
display: flex;
flex-direction: column;
}
form.zvonok{
flex-direction: row;}
form h2{
padding: 0; 
line-height: 1;}

.input_descript {
margin-bottom: 26px;
font-size: 12px;
color: #8a95ac;
font-style: italic;
line-height: 1.4;
text-align: center;
width: max-content;
margin: auto;
max-width: 95%;
height: fit-content;
display: flex;
margin: 6px auto 16px;
}

input[type="checkbox"]{
width: 20px;
height: 20px;
margin: auto 16px;
display: flex;
cursor: pointer;
}



input[type="text"], input[type="tel"], select, textarea {
padding: 6px;
font-size: 1rem;
border-radius: 16px;
transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out;
background: #F5F7F9;
border: 1px solid #E4EAEF;
outline: none;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Noto Sans", sans-serif;
text-align: center;
max-width: calc(100% - 10px);
box-shadow: inset 0px 1px 4px #8a95ac88;
}



textarea{
resize: none;
height: 5rem;
line-height: 1.4;
max-width: calc(100% - 10px);
margin: 0 auto;
overflow: hidden;
}
.input_counter {
position: absolute;
right: 16px;
bottom: 8px;
color: #8a95ac;
font-size: 12px;
}
.form_row {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
}  

select {
cursor: pointer;
-webkit-appearance: button;
-moz-appearance: button;
-moz-user-select: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #212529;
background-color: #fff;
background-clip: padding-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

select{
background: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.24075 8.34924C4.60017 7.92991 5.23147 7.88135 5.65079 8.24077L12 13.683L18.3492 8.24077C18.7685 7.88135 19.3998 7.92991 19.7593 8.34924C20.1187 8.76856 20.0701 9.39986 19.6508 9.75929L12.6508 15.7593C12.2763 16.0803 11.7237 16.0803 11.3492 15.7593L4.34921 9.75929C3.92989 9.39987 3.88132 8.76857 4.24075 8.34924Z' fill='%23333333'/%3E%3C/svg%3E%0A");
background-color: #e8f0fe;
background-size: 24px;
background-repeat: no-repeat;
background-position: right 10px center;
width: 100%;
}



label.checkbox{
padding: 10px 10px 10px 0; 
width: 100%;
}

input::placeholder {
opacity: 0.5;
color: #8a95ac99;
font-size: 18px;
}
input[type="text"]:focus, input[type="tel"]:focus,  select:focus {
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);     
transition: all 0.3s
}
input[type="text"]:hover, input[type="tel"]:hover,  select:hover {
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0
}
/*форма конец*/



/*квиз -заказ*/
/*стили квиз - формы заказа*/
.check{
display: flex;
    flex-direction: column;
    padding: 10px 30px 20px 30px;
    align-items: flex-start;
    width: fit-content;
    margin: auto;
}
.check p{margin: 0; padding: 0; font-size: 16px}

   .check button { margin-top: 20px; width: 100%; padding: 14px; border-radius: 6px; border: none; font-size: 16px; background: #5469d4; color: #fff; cursor: pointer; }
   .check button:disabled { background: #999; cursor: not-allowed; }
   .check a.payment-element {    margin-top: 20px;
    width: 100%;
    padding: 14px;
    border-radius: 6px;
    border: none;
    font-size: 16px;
    background: #5469d4;
    color: #fff;
    cursor: pointer;}
   .check #message { margin-top: 15px; font-weight: bold; text-align: center; }
   
.qwiz_new_price{
font-family: tovari-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Noto Sans", sans-serif;
position: absolute;
bottom: 8px;
right: 14px;
height: 34px;
min-width: 65px;
font-size: 1.2em;
font-weight: 700;
color: #000;

padding: 2px 8px;
line-height: 1;
background: #ffee00;
border-radius: 9px;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: 0 0 0 5px #ffffff77, inset 0 0 2px 1px #ff990077;
}

.slider {
width: var(--slider-width);
margin: 0 auto;
overflow: hidden;
padding: 8px 0;
}

.slider-wrapper {
width: calc((var(--slide-width) + var(--slide-margin)) * 21);
height: var(--slide-height);
display: flex;
transition: transform 0.3s;
transform: translateX(calc(-100% - var(--slide-margin)));
}

.slide {
display: flex;
position: relative;
flex-direction: column;
min-width: 100%;
}

.slide span.price{position: absolute;
position: absolute;
width: 68px;
height: 68px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
/*    background: #a0cc00ed;*/
background: var(--element-color);
color: #fff;
z-index: 9;
right: 5px;
bottom: 5px;
border-radius: 80px;
line-height: 1;
padding: 0;
margin: 0;
text-align: center;
font-weight: 600;
rotate: 13deg;
border-top: solid 1px #ffffff99;
padding: 6px;


}

.slide span.price b{font-size: 12px ;}
.slide img, .slide video{width: calc(100% - 12px); height: auto; margin: auto; border-radius: 16px}
.slider-controls {
display: flex;
justify-content: space-between;
/*margin-top: 8px;
align-items: center;*/
}

.slider-controls button {
margin: 0 8px;
font-size: 26px;
display: flex;
/* padding: 12px; */
width: 60px;
height: 60px;
align-items: center; 
justify-content: center;
border-radius: 60px;
border: 0;
color: #000;
background: linear-gradient(120deg, #ff9ce622, #9be4ff22, #aaffd222), linear-gradient(240deg, #ffe29c22, #d3afff22, #f4ff9c22);
cursor: pointer;
padding: 6px;
aspect-ratio: 1 / 1;
}

.slider-controls button:active{scale: .95}

.slider-radio {
display: flex;
justify-content: center;
/*      margin-top: 16px;*/
}

fieldset {
border: none;
padding: 0;
margin: auto;
}

.step_btns{display: flex; justify-content: space-between; gap: 20px;}


.slider-radio label {
margin: 0 8px;
font-size: 16px;
cursor: pointer;
}

.slider-radio input[type="radio"] {
display: none;
}
.slider-radio label{display: none;}

.next_btn, .last_btn {
/*    display: flex;
width: fit-content;
font-family: inherit;
font-weight: 600;
font-size: 24px;
line-height: inherit;
padding: 10px 24px;
border-radius: 12px;
color: var(--black_color);
box-shadow: var(--box-shadow);
transition: all 0.2s;
margin: 16px auto;*/
cursor: pointer;
height: fit-content;
margin: -10px auto 16px;
}

.next_btn:active,.last_btn:active{scale: .95}
.next_btn:hover{filter: brightness(110%)}
.last_btn:hover{background: #dddfe5;}


.last_btn {
background: #f0f2f4;
box-shadow: none;
color: #8a95ac;
}

.step {
display: none;
}

.step_btn

.step_wrap {
display: flex;
flex-wrap: wrap;
gap: 30px;
text-align: center;
padding: 24px;
background: #ffffff77;
border-radius: 16px;
}

.step_wrap li {
box-shadow: var(--shadow-3d);
min-width: 40%;
flex: 1;
display: flex;
flex-direction: column;
align-content: center;
padding: 20px;
background: var(--grey_color);
border-radius: 12px;
}

.step_wrap li span {
font-size: 13px;
line-height: 1.3;
text-align: center;
font-style: italic;
}

.step_wrap svg {
max-width: 80px;
max-height: 80px;
display: flex;
margin: auto;
}

.step_wrap li {
padding: 12px;
justify-content: center;
}



#step1{padding: 0;}


.qwiz_container{width: 100%; max-width: 600px; margin: 30px auto 100px;
display: flex; flex-direction: column; text-align: center; justify-content: center; height: 100%;
}
.qwiz_container h2 {
padding: 8px 16px 0px;
text-align: center;
color: #19181d;
font-size: clamp(18px, 6vw, 32px);
/* font-weight: 500; */
justify-content: space-between;
display: flex;
-webkit-text-stroke: 0;
}
.qwiz_container h2 b{    
margin-right: 10px;
color: var(--element-color);}

.qwiz{background: #fff; border-radius: 16px; box-shadow: 0 0 0 5px #ffffff77;}


.qwiz-header{
position: relative;
width: 100%;
aspect-ratio: 2;
display: flex;
align-items: flex-end;
}
.qwiz-header h2{
color: #fff;
    position: absolute;
    /* bottom: 8px; */
    /* width: 100%; */
    /* text-align: center; */
    z-index: 5;
    display: block;
    rotate: -4deg;
    /* opacity: 0.9; */
    transition: all 0.5s;
    font-size: 32px;
    /* width: 200px; */
    /* margin: auto; */
    /* display: block; */
    left: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    line-height: 1;
    text-shadow: 0 0 2px #e6004d;
    width: 100%;
    justify-content: center;
    margin: auto;

}


img.qwiz-top{
width: 90%;
max-width: 500px;
display: flex;
z-index: 4;
transition: all 0.5s;
margin: 0 auto;
display: block;
}

.qwiz_container:hover {
.qwiz-header h2{
opacity: 1; 
text-shadow: 0 0 4px #e6004d;
rotate: 0deg;
font-size: 42px;
bottom: 1px;

}
img.qwiz-top {
width: 100%;
max-width: 550px;
}

}




img.qwiz-step {
width: calc(100% - 10px);
height: auto;
border-radius: 16px;
/* margin-bottom: 20px; */
margin: 6px auto;
overflow: hidden;
/* padding: 5px; */
}
.qwiz input[type="text"], .qwiz input[type="tel"], .qwiz select {width: 100%;}

.qwiz_container form label{
border: none;
font-family: tovari-sans, -apple-system, BlinkMacSystemFont, "Segoe";
font-size: clamp(18px, 6vw, 32px);
border: none;

}  

.qwiz_container form label.checkbox{font-size: 16px; text-align: left; width: fit-content; margin: 0;} 
.qwiz_container form label.input{font-size: 16px; text-align: left; width: fit-content; margin: 0;} 
.active-slide img, .active-slide video{
box-shadow: 0 0 0 4px var(--element-color);
animation-name: shadow-animation;
animation-duration: 2s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
}

.pulse {  animation-name: shadow-animation;   animation-duration: 2s;}

@keyframes shadow-animation {
0% {
box-shadow: 0 0 0 0px #ffee00;
}

50% {
box-shadow: 0 0 0 3px #e80d44;
}
100% {
box-shadow: 0 0 0 0px #ffee00;
}
}

@keyframes shadow-animation-avito {
0% {
box-shadow: 0 0 0 2px #2196F3;
}
50% {
box-shadow: 0 0 0 3px #00BCD4;
}
100% {
box-shadow: 0 0 0 4px #ffcc0000;
}
}

/*конец*/


#message-tg {
color: #855540;
border: solid 1px #fbd5c8b0;
background: #ffdecd7a;
padding: 6px 12px;
border-radius: 16px;
margin: 0 auto 30px;
max-width: calc(100% - 10px);
}

/*фиксированная кнопка в мобильном*/
.fix-down{position: fixed; bottom: 0px; width: 100%; padding: 6px; display: none; z-index: 100; background: rgba(251, 251, 253, .8);
-webkit-backdrop-filter: saturate(180%)  blur(10px);
backdrop-filter: saturate(180%) blur(10px);
}
/*конец*/
input.submit_btn {
background: var(--element-color);
color: #fff;
padding: 16px;
border-radius: 9px;
font-size: 24px;
flex: 1;
line-height: 1;
font-weight: 600;
align-items: center;
display: flex;
margin: 16px auto;
outline: none;
border: none;
cursor: pointer;
DISPLAY: FLEX;
JUSTIFY-CONTENT: CENTER;
height: fit-content;
}
/*конец*/

@media(max-width:860px){
.hero-video {
width: 135%;
position: absolute;
left: -95px;
top: 0;

}
}

    .action-line{
        background-color: var(--logo-color);
        color:white;
        text-align: center;
        font-family: tovari-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Noto Sans", sans-serif;
        font-size: 24px;
    }
    #timer{font-size: 64px; line-height: 1;}
    .action-wrap{
display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0px;
    max-width: 100%;
    margin: auto;
    padding: 10px 0;
    }

.hero-content{z-index: 10;
z-index: 10;
    position: relative;
    background: radial-gradient(#d0004615 50%, transparent 50%);
    background-size: 2px 2px;
    background-repeat: repeat;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    color: #161A33;

}

.form-container{
max-width: 420px;
    padding: 16px 16px 0 16px;
    border-radius: 16px;
    box-shadow: var(--box-shadow);
    z-index: 1100;
    backdrop-filter: saturate(150%) blur(10px) brightness(130%);
    background-color: #ffffffaa;
    border: solid 1px 0 1px var(--menu-border);
    color: var(--text-color);
    border: solid 1px #ffffff44;
    margin: 0 auto;
}

/*флаги*/

#order-greeting{
    position: relative;
    z-index: 9999;
}


.language-dropdown {
  position: relative;
  display: inline-block;
  margin:   0 30px;

}

.dropdown-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display:  flex;
  background: #ffffff77;
  border: solid 1px #ffffff99;
  border-radius: 5px;
    height: 34px;
    width: 68px;
    padding-left: 2px;
}
.dropdown-toggle svg{
    margin: auto 8px auto auto;
}
/*россия*/
.icon-ru{
background-image:  url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="30" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M0 85.33v341.332h512V85.33z" style="" fill="%23f0f0f0" data-original="%23f0f0f0" class=""></path><path d="M0 85.333h512V426.67H0z" style="" fill="%230052b4" data-original="%230052b4"></path><path d="M0 85.333h512v113.775H0z" style="" fill="%23f0f0f0" data-original="%23f0f0f0" class=""></path><path d="M0 312.884h512v113.775H0z" style="" fill="%23d80027" data-original="%23d80027"></path></g></svg>');
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center left ;
}
/*англия*/
.icon-en{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M0 85.333h512V426.67H0z" style="" fill="%23f0f0f0" data-original="%23f0f0f0" class=""></path><path d="M288 85.33h-64v138.666H0v64h224v138.666h64V287.996h224v-64H288z" style="" fill="%23d80027" data-original="%23d80027" class=""></path><path d="M393.785 315.358 512 381.034v-65.676zM311.652 315.358 512 426.662v-31.474l-143.693-79.83zM458.634 426.662l-146.982-81.664v81.664z" style="" fill="%230052b4" data-original="%230052b4"></path><path d="M311.652 315.358 512 426.662v-31.474l-143.693-79.83z" style="" fill="%23f0f0f0" data-original="%23f0f0f0" class=""></path><path d="M311.652 315.358 512 426.662v-31.474l-143.693-79.83z" style="" fill="%23d80027" data-original="%23d80027" class=""></path><path d="M90.341 315.356 0 365.546v-50.19zM200.348 329.51v97.151H25.491z" style="" fill="%230052b4" data-original="%230052b4"></path><path d="M143.693 315.358 0 395.188v31.474l200.348-111.304z" style="" fill="%23d80027" data-original="%23d80027" class=""></path><path d="M118.215 196.634 0 130.958v65.676zM200.348 196.634 0 85.33v31.474l143.693 79.83zM53.366 85.33l146.982 81.664V85.33z" style="" fill="%230052b4" data-original="%230052b4"></path><path d="M200.348 196.634 0 85.33v31.474l143.693 79.83z" style="" fill="%23f0f0f0" data-original="%23f0f0f0" class=""></path><path d="M200.348 196.634 0 85.33v31.474l143.693 79.83z" style="" fill="%23d80027" data-original="%23d80027" class=""></path><path d="M421.659 196.636 512 146.446v50.19zM311.652 182.482V85.331h174.857z" style="" fill="%230052b4" data-original="%230052b4"></path><path d="M368.307 196.634 512 116.804V85.33L311.652 196.634z" style="" fill="%23d80027" data-original="%23d80027" class=""></path></g></svg>');
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center left ;
}
/*испания*/
.icon-es{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M0 85.331h512v341.337H0z" style="" fill="%23ffda44" data-original="%23ffda44" class=""></path><path d="M0 85.331h512v113.775H0zM0 312.882h512v113.775H0z" style="" fill="%23d80027" data-original="%23d80027" class=""></path></g></svg>');
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center left ;
}
/*португалия*/
.icon-pt{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M0 85.337h512v341.326H0z" style="" fill="%23d80027" data-original="%23d80027" class=""></path><path d="M196.641 85.337v341.326H0V85.337z" style="" fill="%236da544" data-original="%236da544"></path><circle cx="196.641" cy="256" r="64" style="" fill="%23ffda44" data-original="%23ffda44"></circle><path d="M160.638 224v40.001c0 19.882 16.118 36 36 36s36-16.118 36-36V224h-72z" style="" fill="%23d80027" data-original="%23d80027" class=""></path><path d="M196.638 276c-6.617 0-12-5.383-12-12v-16h24.001v16c-.001 6.616-5.385 12-12.001 12z" style="" fill="%23f0f0f0" data-original="%23f0f0f0"></path></g></svg>');
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center left ;
}
/*франция*/
.icon-fr{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M0 85.331h512v341.337H0z" style="" fill="%23f0f0f0" data-original="%23f0f0f0"></path><path d="M0 85.331h170.663v341.337H0z" style="" fill="%230052b4" data-original="%230052b4"></path><path d="M341.337 85.331H512v341.337H341.337z" style="" fill="%23d80027" data-original="%23d80027" class=""></path></g></svg>');
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center left ;
}
/*германия*/
.icon-de{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M0 85.331h512v341.337H0z" style="" fill="%23d80027" data-original="%23d80027"></path><path d="M0 85.331h512v113.775H0z" fill="%23000000" opacity="1" data-original="%23000000" class=""></path><path d="M0 312.882h512v113.775H0z" style="" fill="%23ffda44" data-original="%23ffda44"></path></g></svg>');
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center left ;
}

/*индонезия*/
.icon-id{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M0 85.34h512v341.326H0z" style="" fill="%23f0f0f0" data-original="%23f0f0f0" class=""></path><path d="M512 85.334v166.69L0 256.175V85.334z" style="" fill="%23d80027" data-original="%23d80027" class=""></path></g></svg>');
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center left ;
}

/*италия*/
.icon-it{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M341.334 85.33H0v341.332h512V85.33z" style="" fill="%23f0f0f0" data-original="%23f0f0f0" class=""></path><path d="M0 85.333h170.663V426.67H0z" style="" fill="%236da544" data-original="%236da544" class=""></path><path d="M341.337 85.333H512V426.67H341.337z" style="" fill="%23d80027" data-original="%23d80027" class=""></path></g></svg>');
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center left ;
}

/*штаты*/
.icon-us{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class="hovered-paths"><g><path d="M0 85.331h512v341.337H0z" style="" fill="%23f0f0f0" data-original="%23f0f0f0" class=""></path><path d="M0 127.994h512v42.663H0zM0 213.331h512v42.663H0zM0 298.657h512v42.663H0zM0 383.994h512v42.663H0z" style="" fill="%23d80027" data-original="%23d80027" class="hovered-path"></path><path d="M0 85.331h256v183.797H0z" style="" fill="%232e52b2" data-original="%232e52b2" class=""></path><path d="m99.822 160.624-4.123 12.684H82.363l10.791 7.835-4.123 12.683 10.791-7.835 10.784 7.835-4.122-12.683 10.791-7.835h-13.337zM103.938 219.08l-4.116-12.683-4.123 12.683H82.363l10.791 7.836-4.123 12.683 10.791-7.836 10.784 7.836-4.122-12.683 10.791-7.836zM47.577 219.08l-4.117-12.683-4.123 12.683H26.001l10.791 7.836-4.123 12.683 10.791-7.836 10.785 7.836-4.122-12.683 10.789-7.836zM43.46 160.624l-4.123 12.684H26.001l10.791 7.835-4.123 12.683 10.791-7.835 10.785 7.835-4.122-12.683 10.789-7.835H47.577zM99.822 114.85l-4.123 12.685H82.363l10.791 7.836-4.123 12.683 10.791-7.836 10.784 7.836-4.122-12.683 10.791-7.836h-13.337zM43.46 114.85l-4.123 12.685H26.001l10.791 7.836-4.123 12.683 10.791-7.836 10.785 7.836-4.122-12.683 10.789-7.836H47.577zM156.183 160.624l-4.122 12.684h-13.336l10.79 7.835-4.121 12.683 10.789-7.835 10.786 7.835-4.123-12.683 10.791-7.835h-13.336zM160.301 219.08l-4.118-12.683-4.122 12.683h-13.336l10.79 7.836-4.121 12.683 10.789-7.836 10.786 7.836-4.123-12.683 10.791-7.836zM216.663 219.08l-4.117-12.683-4.123 12.683h-13.335l10.789 7.836-4.122 12.683 10.791-7.836 10.785 7.836-4.123-12.683 10.791-7.836zM212.546 160.624l-4.123 12.684h-13.335l10.789 7.835-4.122 12.683 10.791-7.835 10.785 7.835-4.123-12.683 10.791-7.835h-13.336zM156.183 114.85l-4.122 12.685h-13.336l10.79 7.836-4.121 12.683 10.789-7.836 10.786 7.836-4.123-12.683 10.791-7.836h-13.336zM212.546 114.85l-4.123 12.685h-13.335l10.789 7.836-4.122 12.683 10.791-7.836 10.785 7.836-4.123-12.683 10.791-7.836h-13.336z" style="" fill="%23f0f0f0" data-original="%23f0f0f0" class=""></path></g></svg>');
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center left ;
}
/*беларусь*/
.icon-by{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M.556 85.523H512v340.955H.556z" style="" fill="%236da544" data-original="%236da544"></path><path d="M0 315.298h511.444V85.52H0" style="" fill="%23a2001d" data-original="%23a2001d" class=""></path><path d="M100.065 315.298V85.52H0v340.962h511.444-411.379z" style="" fill="%23f0f0f0" data-original="%23f0f0f0"></path><path d="m68.564 243.647-18.531-33.619 18.531-33.091 18.529 33.091z" style="" fill="%23a2001d" data-original="%23a2001d" class=""></path><path d="m31.502 243.647-18.53-33.619 18.53-33.091 18.531 33.091zM68.564 335.064l-18.531-33.618 18.531-33.092 18.529 33.092z" style="" fill="%23a2001d" data-original="%23a2001d" class=""></path><path d="m31.502 335.064-18.53-33.618 18.53-33.092 18.531 33.092zM68.564 426.482l-18.531-33.619 18.531-33.092 18.529 33.092z" style="" fill="%23a2001d" data-original="%23a2001d" class=""></path><path d="m31.502 426.482-18.53-33.619 18.53-33.092 18.531 33.092zM68.564 152.23l-18.531-33.619 18.531-33.093 18.529 33.093z" style="" fill="%23a2001d" data-original="%23a2001d" class=""></path><path d="m31.502 152.23-18.53-33.619 18.53-33.093 18.531 33.093z" style="" fill="%23a2001d" data-original="%23a2001d" class=""></path></g></svg>');
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center left ;
}

/*украина*/
.icon-ua{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M0 85.337h512v341.326H0z" style="" fill="%23ffda44" data-original="%23ffda44" class=""></path><path d="M0 85.337h512V256H0z" style="" fill="%23338af3" data-original="%23338af3" class=""></path></g></svg>');
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center left ;
}
/*индия*/
.icon-in{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class="hovered-paths"><g><path d="M0 85.337h512v341.326H0z" style="" fill="%23f0f0f0" data-original="%23f0f0f0" class="hovered-path"></path><path d="M0 85.337h512v113.775H0z" style="" fill="%23ff9811" data-original="%23ff9811" class=""></path><path d="M0 312.888h512v113.775H0z" style="" fill="%236da544" data-original="%236da544"></path><circle cx="256" cy="256" r="43.896" style="" fill="%230052b4" data-original="%230052b4"></circle><circle cx="256" cy="256" r="27.434" style="" fill="%23f0f0f0" data-original="%23f0f0f0" class="hovered-path"></circle><path d="m256 222.146 8.464 19.195 20.855-2.268L272.927 256l12.392 16.927-20.855-2.268L256 289.854l-8.464-19.195-20.855 2.268L239.073 256l-12.392-16.927 20.855 2.268z" style="" fill="%230052b4" data-original="%230052b4"></path></g></svg>');
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center left ;
}

/*ОАЭ*/
.icon-ae{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M0 85.331h512v341.337H0z" style="" fill="%23f0f0f0" data-original="%23f0f0f0"></path><path d="M0 85.331h512v113.775H0z" style="" fill="%236da544" data-original="%236da544"></path><path d="M0 312.882h512v113.775H0z" fill="%23000000" opacity="1" data-original="%23000000"></path><path d="M0 85.331h170.663v341.337H0z" style="" fill="%23a2001d" data-original="%23a2001d"></path></g></svg>');
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center left ;
}


/*китай*/
.icon-cn{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M0 85.331h512v341.337H0z" style="" fill="%23d80027" data-original="%23d80027" class=""></path><path d="m178.923 189.567 14.656 45.107h47.429l-38.371 27.878 14.657 45.109-38.371-27.879-38.371 27.879 14.656-45.109-38.371-27.878h47.429zM271.3 339.593l-14.39-10.455-14.388 10.454 5.495-16.914-14.389-10.455h17.786l5.496-16.916 5.498 16.916h17.785l-14.389 10.454zM308.837 287.927h-17.785l-5.496 16.914-5.496-16.913-17.787-.001 14.391-10.455-5.498-16.915 14.39 10.453 14.389-10.453-5.496 16.915zM308.837 224.063l-14.388 10.455 5.495 16.914-14.388-10.453-14.39 10.455 5.498-16.917-14.391-10.452 17.788-.002 5.495-16.916 5.496 16.916zM271.3 172.397l-5.495 16.916 14.388 10.453-17.785.001-5.498 16.917-5.496-16.918-17.785.002 14.389-10.456-5.496-16.916 14.388 10.455z" style="" fill="%23ffda44" data-original="%23ffda44" class=""></path></g></svg>');
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center left ;
}
/*чехия*/
.icon-cz{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M0 85.337h512v341.326H0z" style="" fill="%230052b4" data-original="%230052b4"></path><path d="M512 256v170.663H0L215.185 256z" style="" fill="%23d80027" data-original="%23d80027" class=""></path><path d="M512 85.337V256H215.185L0 85.337z" style="" fill="%23f0f0f0" data-original="%23f0f0f0" class=""></path></g></svg>');
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center left ;
}

/*казахстан*/
.icon-kz{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M0 85.331h512v341.337H0z" style="" fill="%2300abc2" data-original="%23338af3" class=""></path><path d="M352 265.768H160c0 13.255 11.544 23.999 24.799 23.999H184c0 13.255 10.744 24.001 24.001 24.001 0 13.255 10.744 24.001 24.001 24.001h48c13.255 0 24.001-10.744 24.001-24.001 13.255 0 24.001-10.744 24.001-24.001h-.799c13.249 0 24.795-10.744 24.795-23.999z" style="" fill="%23ffda44" data-original="%23ffda44" class=""></path><path d="M322.462 234.384c0 36.705-29.756 66.462-66.462 66.462s-66.462-29.756-66.462-66.462" style="" fill="%23338af3" data-original="%23338af3" class=""></path><path d="m321.882 228.163-26.92 10.899 14.335 22.441-29.232-4.814-3.704 25.415L256 263.412l-20.362 18.692-3.703-25.415-29.232 4.812 14.334-22.44-26.919-10.898 26.92-10.899-14.335-22.439 29.231 4.813 3.705-25.417L256 192.915l20.362-18.694 3.703 25.417 29.233-4.813-14.335 22.44z" style="" fill="%23ffda44" data-original="%23ffda44" class=""></path></g></svg>');
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center left ;
}


.dropdown-menu {
position: absolute;
    top: 100%;
    left: 0;
    display: none;
    list-style: none;
    margin: 0;

   background-color: #ffffff;
    border: 1px solid var(--menu-border);
    z-index: 1001;
    width: 68px;
    border-radius: 5px;
    overflow: hidden;


}

.dropdown-menu li {

}

.dropdown-menu li a {
    padding: 6px 8px 6px 2px;
display: flex;
    align-items: center;
    text-decoration: none;
    text-align: right;
    width: 100%;
    justify-content: flex-end;
    font-size: small;
    font-weight: 500;
    color: #000;

}

.language-dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown-menu li a:hover {
  color: red;
  background-color: #5a619933;
}

































.form-container h2{
line-height: 1;
    margin: 0 0 16px;
    font-family: tovari-sans;
    text-align: center;
    font-size: clamp(22px, 9.5vw, 36px);
    margin-bottom: 18px;
    color: #e6004d;
/*    -webkit-text-stroke: #ffffff 0.5px;*/
text-shadow: 0px 0px 2px #ffffff, 0px 0px 2px #ffffff, 0px 0px 2px #ffffff, 0px 0px 2px #ffffff, 0px 0px 2px #ffffff, 0px 0px 2px #ffffff;
    font-weight: 700;
}

.otkuda-icon{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="98px" height="123px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 8.68 10.97" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="%23aaaaaaaa" d="M5.3 5.86l-0.27 -0.78 -1.41 0 -0.27 0.78 -0.85 0 1.4 -3.62 0.87 0 1.4 3.62 -0.87 0zm-0.96 5.11c2.63,-1.15 4.34,-3.75 4.34,-6.63 0,-2.02 -1.39,-3.72 -3.26,-4.2 -0.71,-0.19 -1.46,-0.19 -2.16,0 -1.88,0.48 -3.26,2.18 -3.26,4.2 0,2.88 1.71,5.48 4.34,6.63zm2.89 -6.63c0,1.6 -1.29,2.89 -2.89,2.89 -1.6,0 -2.89,-1.29 -2.89,-2.89 0,-1.6 1.29,-2.89 2.89,-2.89 1.6,0 2.89,1.29 2.89,2.89zm-2.91 -1.28l-0.52 1.37 1.04 0 -0.52 -1.37z"/></svg>');     
background-size: 16px;
background-position: center left 12px;
background-repeat: no-repeat;}
.kuda-icon{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="98px" height="123px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 8.45 10.68" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="%23aaaaaaaa" d="M3.65 3.08l0 0.58c0.84,0 1.91,0.02 1.91,1.15 0,1.32 -1.75,1.27 -2.67,1.04l0 -3.44 2.34 0 0 0.67 -1.58 0zm0.57 7.6c2.56,-1.12 4.23,-3.65 4.23,-6.46 0,-1.96 -1.35,-3.62 -3.17,-4.09 -0.69,-0.17 -1.42,-0.17 -2.11,0 -1.82,0.47 -3.17,2.13 -3.17,4.09 0,2.81 1.67,5.34 4.22,6.46zm2.82 -6.46c0,1.56 -1.26,2.82 -2.82,2.82 -1.55,0 -2.81,-1.26 -2.81,-2.82 0,-1.55 1.26,-2.81 2.81,-2.81 1.56,0 2.82,1.26 2.82,2.81zm-2.28 0.6c0,-0.57 -0.72,-0.5 -1.11,-0.5l0 0.96c0.37,0.04 1.11,0.06 1.11,-0.46z"/></svg>');     
background-size: 16px;
background-position: center left 12px;
background-repeat: no-repeat;}
.massa-icon{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="122px" height="123px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 10.97 11.07" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="%23aaaaaaaa" d="M0 11.07l10.97 0 -1.74 -7.41 -1.64 0c0.93,-1.6 -0.21,-3.66 -2.1,-3.66 -1.89,0 -3.04,2.06 -2.11,3.66l-1.64 0 -1.74 7.41zm5.49 -9.81c-1.55,0 -1.56,2.35 0,2.35 1.55,0 1.55,-2.35 0,-2.35zm-1.81 7.94l0 -3.05 -1.09 0 0 -0.63 2.92 0 0 0.63 -1.08 0 0 3.05 -0.75 0zm2.28 -2.66l0.7 0 0 0.97 1.02 0 0 -0.97 0.7 0 0 2.66 -0.7 0 0 -1.12 -1.02 0 0 1.12 -0.7 0 0 -2.66z"/></svg>');     
background-size: 16px;
background-position: center left 12px;
background-repeat: no-repeat;}
.tel-icon{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" x="0" y="0" viewBox="0 0 100 100" style="enable-background:new 0 0 512 512" xml:space="preserve" ><path d="M5.107 42.678c-1.675-4.533-2.857-9.163-2.562-14.09.197-3.054 1.38-5.615 3.646-7.783 2.364-2.266 4.729-4.73 7.094-6.995 3.054-3.054 6.995-3.054 10.05 0l5.714 5.714c1.872 1.872 3.743 3.646 5.517 5.518 3.251 3.251 3.251 7.093 0 10.345-2.266 2.364-4.63 4.63-6.995 6.897-.591.59-.69 1.083-.394 1.871 1.576 3.744 3.744 6.996 6.305 10.149 5.025 6.207 10.838 11.724 17.636 16.06 1.478.886 3.054 1.575 4.63 2.364.789.394 1.282.295 1.971-.394 2.266-2.365 4.63-4.73 6.996-7.094 3.054-3.054 6.995-3.054 10.05 0 3.743 3.744 7.585 7.488 11.33 11.33 3.152 3.153 3.152 7.094 0 10.247-2.168 2.167-4.434 4.236-6.405 6.502-2.955 3.252-6.6 4.335-10.837 4.138-6.109-.295-11.823-2.364-17.242-5.024-12.119-5.912-22.562-14.09-31.233-24.435-6.502-7.586-11.823-15.96-15.271-25.32zm92.37 2.077C95.23 22.56 77.618 4.889 55.451 2.546c-2.676-.283-5.023 1.773-5.023 4.464v.086c0 2.305 1.748 4.22 4.04 4.462 17.865 1.883 32.165 16.103 34.07 34.029.246 2.31 2.189 4.064 4.512 4.039 2.61-.029 4.69-2.274 4.427-4.871zM50.428 24.019v.063c0 2.148 1.505 4.057 3.623 4.42 4.35.745 8.376 2.824 11.55 5.998s5.253 7.2 5.999 11.55c.362 2.118 2.271 3.623 4.42 3.623h.04c2.77 0 4.922-2.492 4.437-5.22-2.25-12.668-12.261-22.683-24.866-24.875-2.723-.474-5.203 1.677-5.203 4.44z" fill="%23aaaaaaaa"></path></svg>');     
background-size: 16px;
background-position: center left 12px;
background-repeat: no-repeat;}
.mail-icon{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><path fill="%23aaaaaaaa" fill-rule="evenodd" d="M5.968 4h12.064c.439 0 .817 0 1.13.021.33.023.66.072.986.207a3 3 0 0 1 1.624 1.624c.135.326.184.656.207.986.021.313.021.691.021 1.13v8.064c0 .439 0 .817-.021 1.13-.023.33-.072.66-.207.986a3 3 0 0 1-1.624 1.624 3.073 3.073 0 0 1-.986.207c-.313.021-.691.021-1.13.021H5.968c-.439 0-.817 0-1.13-.021a3.072 3.072 0 0 1-.986-.207 3 3 0 0 1-1.624-1.624 3.07 3.07 0 0 1-.207-.986C2 16.85 2 16.471 2 16.032V7.968c0-.439 0-.817.021-1.13.023-.33.072-.66.207-.986a3 3 0 0 1 1.624-1.624 3.07 3.07 0 0 1 .986-.207C5.15 4 5.529 4 5.968 4zm-1.65 2.278a1 1 0 0 1 1.41-.094l5.614 4.911a1 1 0 0 0 1.316 0l5.614-4.911a1 1 0 1 1 1.317 1.505L13.976 12.6a3 3 0 0 1-3.952 0L4.412 7.69a1 1 0 0 1-.095-1.411z" clip-rule="evenodd" opacity="1" class=""></path></svg>');     
background-size: 16px;
background-position: center left 12px;
background-repeat: no-repeat;}
.user-icon{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 36 36" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><switch><g><path d="M27.5 34h-19c-1.3 0-2.6-.7-3.3-1.8-.8-1.1-.9-2.5-.4-3.8 2-5.1 7.3-8.5 13.2-8.5s11.2 3.4 13.2 8.5c.5 1.2.4 2.7-.4 3.8-.7 1.1-2 1.8-3.3 1.8zM18 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8z" fill="%23aaaaaaaa" class=""></path></g></switch></g></svg>');     
background-size: 16px;
background-position: center left 12px;
background-repeat: no-repeat;}





























.form-container form{
display: flex;
flex-direction: column;
gap: 12px;
}
form label{font-size: 13px;   margin: 0 auto 8px; }

.form-step {
display: flex;
flex-direction: column;

transition: display 0.3s;
}
small{
font-size: 11px;
line-height: 1.1;
font-style: italic;
text-align: center;
margin: -3px 0 7px;
}

small a{color: var(--accent-color); display: inline-block; border-bottom: dashed 1px;}
small b{color: var(--accent-color);}
.row{
display: flex;
flex-wrap: wrap;
gap:30px;
/*margin: 40px 0;*/
}
.my-20{margin: 20px 0!important;}
.my-30{margin: 30px 0!important;}
.my-40{margin: 40px 0!important;}
.my-50{margin: 50px 0!important;}
.my-60{margin: 60px 0!important;}
.my-70{margin: 70px 0!important;}
.my-80{margin: 80px 0!important;}
.my-90{margin: 90px 0!important;}
.my-100{margin: 100px 0!important;}

.mb-20{margin-bottom: 20px!important;}
.mb-30{margin-bottom: 30px!important;}
.mb-40{margin-bottom: 40px!important;}
.mb-50{margin-bottom: 50px!important;}
.mb-60{margin-bottom: 60px!important;}
.mb-70{margin-bottom: 70px!important;}
.mb-80{margin-bottom: 80px!important;}
.mb-90{margin-bottom: 90px!important;}
.mb-100{margin-bottom: 100px!important;}

.mt-20{margin-top: 20px!important;}
.mt-30{margin-top: 30px!important;}
.mt-40{margin-top: 40px!important;}
.mt-50{margin-top: 50px!important;}
.mt-60{margin-top: 60px!important;}
.mt-70{margin-top: 70px!important;}
.mt-80{margin-top: 80px!important;}
.mt-90{margin-top: 90px!important;}
.mt-100{margin-top: 100px!important;}


.py-20{padding: 20px 0!important;}
.py-30{padding: 30px 0!important;}
.py-40{padding: 40px 0!important;}
.py-50{padding: 50px 0!important;}
.py-60{padding: 60px 0!important;}
.py-70{padding: 70px 0!important;}
.py-80{padding: 80px 0!important;}
.py-90{padding: 90px 0!important;}
.py-100{padding: 100px 0!important;}

.mw-40{min-width: 40%}
.mw-30{min-width: 30%}
.mw-20{min-width: 20%}


.col-1, .col-2, .col-3, .col-4{
display: flex;
flex-direction: column;
gap: 6px;
}
.col-1{
flex: 1;
}
.col-2{
flex: 2;
}
.col-3{
flex: 3;
}
.col-4{
flex: 4;
}


/*info section*/
.scroll-x {
  margin: auto;
  width: 100%;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  display: flex;
  gap: 20px;
  padding: 3px;
  cursor: grab;
}

.scroll-x:active {
  cursor: grabbing;
}

.scroll-x img, .content-video {
  width: 100%;
  border-radius: 16px;
  margin-bottom: 6px;
  box-shadow: 0 0 0 3px #ffffff;
}

.scroll-x .col-2 {
  min-width: 300px;
  max-width: 70%;
}

/*info section - end*/




















/*карта с пульсирующим лого*/

.icon_bg{
display: flex;
align-items: center;
justify-content: center;
background-color: var(--element-color);
    border-radius: 100px;
    height: 100px;
    width: 100px;
aspect-ratio: 1/1;
border: solid 3px #fff;
box-shadow: 0 0 0 5px #ffffff77, inset 0 0 2px 1px #ff9900;
}
.icon_bg img{
    width: 100%;
    padding: 15px;
}
.icon_block{
display: flex;
flex:1;
flex-direction: column;
align-items: center; 
text-align: center;
gap:20px;
}
.icon_block h2{
margin-top: 0;
}
@media(max-width: 800px){
.icon_block{
flex-direction: row; 
text-align: left;
padding: 0;
gap:16px;
}
.icon_block h2{text-align: left;}

}

.img_bg{
display: flex;
align-items: center;
justify-content: center;
background-color: var(--element-color);
border-radius: 16px;
padding: 2.5% 2%;
width: 100%;
aspect-ratio: 16/9;
margin-top: auto;
position: relative;
display: inline-block;
box-shadow:  var(--box-shadow);
}
.img_bg img, .office img{width: 100%; height: auto;}

.office{
aspect-ratio: 16/10; 
overflow: hidden;
padding: 0;
border-radius: 16px;
box-shadow:  var(--box-shadow);
margin-top: auto;

}

.map_logo {
position: absolute;
top: 43.9%;
left: 19.64%;
width: 3.2%;
aspect-ratio: 1 / 1;
background-color: #ff000000;
border-radius: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 100px rgb(255 255 255);
}

.map_logo::before,
.map_logo::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
transform: translate(-50%, -50%);
animation: pulse 3s infinite;
}

.map_logo::after {
width: 120px;
height: 120px;
animation-delay: 1.5s;
}

@keyframes pulse {
0% {
transform: translate(-50%, -50%) scale(0.5);
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(2);
opacity: 0;
}
}
/*конец*/



footer .logo{
margin-bottom: 6px;
}


/* Контейнер для карты */
/* Контейнер карты */
.map-wrapper {
position: relative;
width: 100%;
height: 240px; /* Высота карты */
overflow: hidden;
border-radius: 12px;
}




@media(max-width: 1140px){
.hero{

aspect-ratio: auto;
}
}


/*форма поиска*/
input, select{
padding: 0 20px 0 40px;
height: 46px;
color: var(--text-color);
background-color: var(--background-color);
background-clip: padding-box;
border: 2px solid #ffffff77;
border-radius: 9px;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.3);
font-size: 18px;
}
input:focus, select:focus {

background-color: #fff;
border-color: var(--logo-color-2);
outline: 0;
box-shadow: 0 0 0 0.2rem var(--logo-color-2-20),inset 1px 1px 3px rgba(0, 0, 0, 0.3);
}



/*тапы работы - список нумерованный*/
ol {
list-style: none; /* Убираем стандартную нумерацию */
counter-reset: list-counter; /* Устанавливаем счётчик для списка */
padding-left: 0; /* Убираем отступ */
position: relative;
}

ol li {
counter-increment: list-counter; /* Увеличиваем счётчик для каждого элемента списка */
position: relative; /* Позволяет позиционировать кружок относительно элемента списка */
padding-left: 70px; /* Отступ для текста */
margin-bottom: 35px; /* Отступ между элементами списка */
z-index: 99;
}

ol li::before {
content: counter(list-counter); /* Отображаем текущее значение счётчика */
position: absolute; /* Абсолютное позиционирование номера */
left: 0; /* Располагаем номер слева */
top: 30px; /* Центрируем по вертикали относительно текста */
transform: translateY(-50%); /* Сдвигаем для точного выравнивания */
background-color: var(--element-color); /* Цвет фона кружка */
color: white; /* Цвет текста внутри кружка */
border-radius: 50%; /* Создаём форму круга */
width: 50px; /* Ширина кружка */
height: 50px; /* Высота кружка */
display: flex; /* Используем flex для центрирования текста внутри кружка */
justify-content: center; /* Горизонтальное центрирование */
align-items: center; /* Вертикальное центрирование */
font-weight: bold; /* Увеличиваем жирность текста */
font-size: 20px; /* Размер текста */
z-index: 2;
}

.timeline_wrap{position: relative;}

.timeline {
height: calc(100% - 40px);
width: 4px;
border-left: dotted 4px #8389af6b;
display: block;
position: absolute;
left: 23px;
top:10px;
z-index: 1;
}
/*конец*/





.btn{    margin-top: auto;
display: flex;
background: var(--accent-color);
width: fit-content;
padding: 12px 20px;
border-radius: 12px;
text-decoration: none;
color: #fff;
border: none;
margin: 6px auto;
font-size: 18px;
cursor: pointer;
}
.btn:hover{
-webkit-filter: brightness(110%); 
filter: brightness(110%);
}

.logo{    display: flex
;
align-items: center;
justify-content: center;}
.logo svg{
max-width: 105px;
height: auto;
}

.menu {
display: flex;
gap: 8px;
margin-left: auto;
}

.menu a {
color: var(--text-color);
text-decoration: none;
font-size: 1rem;
padding: 5px 10px;
border-radius: 5px;

}

.menu a:hover {
color: var(--logo-color);
background: #ffffff77;

}

.actions {
display: flex;
align-items: center;
    gap: 12px;
    margin-right: 6px;
}

.theme-toggle {
cursor: pointer;
font-size: 1.5rem;
}

.contact-icons a {
color: var(--button-text);
text-decoration: none;
font-size: 1.5rem;
}

.contact-icons a:hover {
color: var(--accent-color);
}



@media (min-width: 1080px) {
.hamburger {
display: none;
}

}


.nav-container{
max-width: 1080px;
margin: 0 auto;
padding: 6px 16px;
display: flex;
justify-content: space-between;
align-items: center;
}



.icon{display: flex;
align-items: center;
justify-content: center;
padding: 4px;
width: 32px;
height: 32px;
    border-radius: 5px;
}

.icon:hover{
  background: #ffffff77;  
}















/* Responsive Styles */
@media (max-width: 1080px) {
.icon_bg {
  margin-bottom: auto;
}

.hero{position: relative;
/*    z-index: 0;
width: 100%;
height: auto;*/
overflow: hidden;
}
.hero-video {
/*width: auto;
height: 100%;
position: absolute;
left: -20%;*/
}
.actions {

margin-left: auto;
}

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


background-color: var(--background-color);
color: var(--text-color);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;

visibility: hidden;
opacity: 0;

}

.menu.active {
transform: translateX(0);
visibility: visible;
opacity: 1;
        z-index: 999;
}

.menu a {
padding: 1rem 0;
font-size: 1.5rem;
color:  var(--text-color);
text-decoration: none;
text-align: center;
width: 100%;
}

.menu a:hover {
color: var(--accent-color);
}

.hamburger {
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
width: 32px;
height: 32px;
margin-left: 8px;
cursor: pointer;
z-index: 1100;
}


.row{
flex-direction: column;
}

.col-1, .col-2, .col-3, .col-4{
flex:1;
}



}






/*футер*/
.mw-250{   
max-width: 250px;
display: flex;
flex-direction: column;
gap: 6px;}
.mobile_app{
background: #22242d; 
border-bottom: solid 1px #24262d;
box-shadow: inset 0 0 9px 3px #00000025, 0px 4px 12px 0px #0d234315, inset 0 -0.5px 0px 0px #111216;
}

.qrcode{
max-width: 100px; 
height: fit-content; 
position: relative; 
display: flex; 
flex-direction: column;
gap: 9px;

}
.row-wrap{
display: flex;
flex-wrap: wrap;
gap: 40px;
width: 100%;
}



.mobile_app h3{margin: 0; padding: 0;}

h3 sup{font-size: 10px; color: var(--logo-color-2); line-height: 1;}
.mobile_app p {max-width: 300px; padding-bottom: 6px;}
footer{
background-color: var(--footer-bg-color);
background-image: var(--footer-bg-image);
background-size: var(--footer-bg-size);
/*background-position: 0 0, 2px 1px;*/

padding-bottom: 62px;
margin-top: 100px;

}

footer .col-1, footer .col-2, footer .col-3, footer .col-4 {
justify-content: normal;
align-items: normal;
}

footer small{
text-align: center;
color: #fff;
font-size: 12px;
font-weight: 300;
}
.qrcode img{max-width: 100px; max-height: 100px; border-radius: 9px; object-fit: contain}
footer .container{padding: 24px 16px;}

footer .logo{
width: fit-content;
height: 35px;
}

footer .pay_systems{
width: fit-content;
height: 24px;
margin-top: 16px;
}
footer .row-2{
gap: 16px;
}
footer a{color: #fff;display: flex;
    align-items: center;
    gap: 4px;
font-weight: 500}
footer a:hover{color: var(--logo-color-2)}



footer li a{
display: flex;
justify-content: space-between;

padding: 3px;
font-size: 16px;
font-weight: 400;
}

footer li a span:nth-of-type(2) {
    color: var(--logo-color-2);
    font-weight: 600;
}



footer li{
list-style: disc;
color: var(--logo-color-2);
font-size: 18px;
}

footer h3{
font-size: 24px !important;
    line-height: 1;
    color: #fff;
    margin: 0;
    font-weight: 400;
    padding: 24px 0 0;

}
footer hr{height: 0;
width: 100%;
border: none;
border-top: solid 1px #000;
border-bottom: solid 1px #2b2d36;

border-top: solid 1px #030509;
border-bottom: solid 1px #24262d;
margin: 0;
}
footer p{
  margin: 6px 0 0;
color: #ffffff;
font-weight: 300;
font-size: 13px;
}

footer p.icon-text{

display: flex;
align-items: center;
gap: 12px;
}

footer ul{
padding: 0;
margin: 0;
font-size: 14px;
}

footer ul{
padding-left:  16px;


}

footer nav{
background: none;
backdrop-filter:none;
background-color:none;
border-bottom: none;
box-shadow: none;

z-index: 200;
/* padding: 1rem; */
/* background-color: var(--primary-color); */
color: var(--button-text);

/* backdrop-filter: saturate(200%) blur(8px); */
/* background-color: var(--menu-bg); */
/* border-bottom: solid 1px var(--menu-border); */
color: var(--text-color);

}
.copyright{
display: flex; gap: 40px; justify-content: center; align-items: center; padding: 12px 24px; 
background: var(--footer-copyright); 
border-top: solid 1px #131519;
border-bottom: solid 1px #24262d;
box-shadow: inset 0 0 9px 3px #00000025, 0px 4px 12px 0px #0d234315, inset 0 -0.5px 0px 0px #111216;
color: #ffffffbb;
font-weight: 300;
font-size: 13px;
}

.copyright a{color: #ffffffbb;}



/*скелетон*/
@keyframes skeletonShimmer{
0%{
background-position: 100% 0
}
100%{
background-position: -100% 0
}
}

.skeleton {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: skeletonShimmer;
animation-timing-function: cubic-bezier(.17,.67,.83,.67);
background: #99aabb;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    background-size: 200% 100%;
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
}
/*конец*/




.goldline{
background: linear-gradient(180deg, rgb(185 144 114) 0%, rgb(185 144 114) 14%, rgb(124 89 69) 15%, rgb(124 89 69) 20%, rgba(254, 244, 218, 1) 22%, rgb(225 190 167) 38%, rgb(62 14 5) 40%, rgba(0, 0, 0, 1) 45%, rgb(40 0 0) 55%, rgba(38, 23, 5, 1) 60%, rgb(202 161 132) 62%, rgb(202 161 122) 93%, rgba(187, 156, 116, 1) 100%) !important;
height: 6px;
width: 100%;
box-shadow: 0px 5px 16px 0px #151219bb;
margin-bottom: 8px;
}

.footer_row{display: flex; gap: 40px; justify-content: center; align-items: center; padding: 12px; background: #191b20;  box-shadow: inset 0px 1px 7px -2px  #00000099;}
.footer_row p, .footer_row a{margin: 0; padding: 0; line-height: 1; font-size: 12px; font-weight: 300;}

.app_link_wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
gap:  16px;
}
.app_link_wrap a {
max-width: 120px;
flex: 1;
}
.golden{color: #fcd5a6;}



@media(max-width: 1040px){
footer .row{flex-direction: column; gap: 30px; width: 100%;}
.qrcode, .hide-mobile{display: none;}
footer p, .copyright {font-size: 12px;}
footer li a {font-size: 16px;}
footer h3{font-size: 20px;}
}
@media(max-width: 640px){
.row-wrap{flex-direction: column;
}

}



@media(max-width: 480px){
small{    
font-size: 12px;
line-height: 1.3;}

.hero-content .form-container {
max-width: 100%;
margin-top: 120px;
}
.hero-video {
width: auto;
        height: 350px;
        position: absolute;
        left: -45%;
        top: 0px;
}
}


@media(max-width: 412px){
.hero-video {
        width: auto;
        height: 350px;
        position: absolute;
        left: -46%;
        top: 0;
}
}


/*галерея лайтбокс*/
.gallery {
display: flex;
gap: 10px;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;

padding: 40px 0;
}

.gallery img {
display: flex;
flex-wrap: nowrap;
/* min-height: 250px; */
/* object-fit: cover; */
cursor: pointer;
transition: transform 0.3s;
/* flex: 1; */
max-height: 275px;
}
@media(max-width: 640px){
.gallery img {
min-height: 120px;
max-height: 150px;
}
.gallery {overflow-x: scroll;}
}



.gallery img:hover {
transform: scale(1.1);
}

.lightbox {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 1000;
    backdrop-filter: saturate(200%) blur(8px);
}

.lightbox-content {
position: relative;
display: flex;
align-items: center;
gap: 20px;
justify-content: center;
width: fit-content;
height: fit-content;
}

.lightbox img {
max-width: 95%;
max-height: 80%;
border-radius: 9px;
}

.close-btn, .prev-btn, .next-btn {
position: absolute;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(8px);
border: none;
font-size: 24px;
cursor: pointer;
padding: 5px 10px;
z-index: 1001;
aspect-ratio: 1/1;
border-radius: 30px;
}

.close-btn {
position: absolute;
    top: -48px;
    right: 2%;
    width: 40px;
}

.prev-btn {
left: 2%;
 width: 40px;
}

.next-btn {
right: 2%;
 width: 40px;
}
/*конец*/