:root {
--black_color: #3d3039;
--box-shadow: 0 4px 12px 0#0d234308;

--grey_color: #F5F7Fb;
--black_color: #000;
--white_gradient: linear-gradient(180deg, #f3f6f9 0px, #fafbfc 3px, #ffffff 30px);
--shadow-3d: 0 36px 28px rgba(128,143,163,.05), 0 18.9396px 15.1517px rgba(128,143,163,.04), 0 10.6174px 8.49392px rgba(128,143,163,.03), 0 5.63882px 4.51105px rgba(128,143,163,.02), 0 2px 1.5px rgba(128,143,163,.08);

--slider-width: 100%;
--slide-width: calc(var(--slider-width) * 0.9);
--slide-margin: 6px;
--slide-height: fit-content;
--slide-background: #f0f0f0;
--slide-radius: 16px;

--glass-backdrop-filter: saturate(180%) blur(20px);
--glass-background: rgba(251, 251, 253, .8);

--element-color: #e6004d;
--element-color-30: #e6004d30;
--element-color-10: #e6004d10;
--grey: #91a7ba;
--akcent-color: #FF5722;
}




* {
padding: 0;
margin: 0;
box-sizing: border-box;
list-style: none;
text-decoration: none;
}

/*плейсхолдеры*/
input::placeholder {color: var(--grey)!important; font-weight: 400; font-size: 14px;}
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::placeholder {color: var(--grey)!important; font-weight: 400; font-size: 1rem;}
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-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 6px; width: 6px; background: #000; border-top: solid 1px #334455;
background-position:center; background-repeat:no-repeat; height: 166px!important; box-shadow: 0 1px 3px #49597944;}
::-webkit-scrollbar-track { border-color: transparent; box-shadow: inset 1px 0 3px #49597944; background:#efeff2 ; border-right: solid 1px #00000015; border-radius: 6px;}
::-webkit-resizer{display: none;width:5px; height:0px;} 
::-webkit-scrollbar{width: 9px;}
::-webkit-scrollbar-thumb:horizontal{background: #000; border-radius: 6px; width: 150px;}
::-webkit-scrollbar-track:horizontal {background: #e9ecef; border-radius: 10px;}
::-webkit-scrollbar:horizontal{height: 9px;}
}


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: #ffffff;
/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='400' cy='400' r='33.3%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23FFEFBE'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='400' cy='400' r='100%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23FFB46E'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='800'/%3E%3Cg %3E%3Cpath fill='url(%23b)' d='M998.7 439.2c1.7-26.5 1.7-52.7 0.1-78.5L401 399.9c0 0 0-0.1 0-0.1l587.6-116.9c-5.1-25.9-11.9-51.2-20.3-75.8L400.9 399.7c0 0 0-0.1 0-0.1l537.3-265c-11.6-23.5-24.8-46.2-39.3-67.9L400.8 399.5c0 0 0-0.1-0.1-0.1l450.4-395c-17.3-19.7-35.8-38.2-55.5-55.5l-395 450.4c0 0-0.1 0-0.1-0.1L733.4-99c-21.7-14.5-44.4-27.6-68-39.3l-265 537.4c0 0-0.1 0-0.1 0l192.6-567.4c-24.6-8.3-49.9-15.1-75.8-20.2L400.2 399c0 0-0.1 0-0.1 0l39.2-597.7c-26.5-1.7-52.7-1.7-78.5-0.1L399.9 399c0 0-0.1 0-0.1 0L282.9-188.6c-25.9 5.1-51.2 11.9-75.8 20.3l192.6 567.4c0 0-0.1 0-0.1 0l-265-537.3c-23.5 11.6-46.2 24.8-67.9 39.3l332.8 498.1c0 0-0.1 0-0.1 0.1L4.4-51.1C-15.3-33.9-33.8-15.3-51.1 4.4l450.4 395c0 0 0 0.1-0.1 0.1L-99 66.6c-14.5 21.7-27.6 44.4-39.3 68l537.4 265c0 0 0 0.1 0 0.1l-567.4-192.6c-8.3 24.6-15.1 49.9-20.2 75.8L399 399.8c0 0 0 0.1 0 0.1l-597.7-39.2c-1.7 26.5-1.7 52.7-0.1 78.5L399 400.1c0 0 0 0.1 0 0.1l-587.6 116.9c5.1 25.9 11.9 51.2 20.3 75.8l567.4-192.6c0 0 0 0.1 0 0.1l-537.3 265c11.6 23.5 24.8 46.2 39.3 67.9l498.1-332.8c0 0 0 0.1 0.1 0.1l-450.4 395c17.3 19.7 35.8 38.2 55.5 55.5l395-450.4c0 0 0.1 0 0.1 0.1L66.6 899c21.7 14.5 44.4 27.6 68 39.3l265-537.4c0 0 0.1 0 0.1 0L207.1 968.3c24.6 8.3 49.9 15.1 75.8 20.2L399.8 401c0 0 0.1 0 0.1 0l-39.2 597.7c26.5 1.7 52.7 1.7 78.5 0.1L400.1 401c0 0 0.1 0 0.1 0l116.9 587.6c25.9-5.1 51.2-11.9 75.8-20.3L400.3 400.9c0 0 0.1 0 0.1 0l265 537.3c23.5-11.6 46.2-24.8 67.9-39.3L400.5 400.8c0 0 0.1 0 0.1-0.1l395 450.4c19.7-17.3 38.2-35.8 55.5-55.5l-450.4-395c0 0 0-0.1 0.1-0.1L899 733.4c14.5-21.7 27.6-44.4 39.3-68l-537.4-265c0 0 0-0.1 0-0.1l567.4 192.6c8.3-24.6 15.1-49.9 20.2-75.8L401 400.2c0 0 0-0.1 0-0.1L998.7 439.2z'/%3E%3C/g%3E%3C/svg%3E");
*/background-attachment: fixed;

    background-position: center bottom;
    background-image: url('../img/site_bg.jpg');

}




h2{font-size: 42px;
text-align: center;
line-height: 1.2;
text-align: center;
margin: auto;
}





  h1{ font-size: 50px; text-align: center; text-transform: uppercase;}
  h2 span{font-size: 36px; color: #fff; margin-top: 16px; text-transform: none; font-weight: bold; margin-bottom: 0px; text-shadow: none;}
  h3 {font-size: 26px; margin-top: 16px;}

.container{
max-width: 1024px;
margin: auto;
padding: 12px;
}

.top_wrap{
display: flex; 
flex-wrap: wrap; 
gap: 60px;     
    margin: 30px auto;
    max-width: fit-content;

}



.col-1{
display: flex;
flex-direction: column;
min-width: 20%; 
flex: 1
}
.col-2{
display: flex;
flex-direction: column;
min-width: 40%; 
flex: 2
}
.col-3{
display: flex;
flex-direction: column;
min-width: 60%; 
flex: 3
}
.col-1,.col-2,.col-3,.col-4{justify-content: center;
    align-items: center;
}


.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-100 {margin-top: 100px!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;}
.b-100 {margin-bottom: 100px!important;}

.my-30 {margin: 30px 0!important;}
.my-60 {margin: 60px 0!important}
.my-100 {margin: 100px 0!important;}

.white_block{
background: #fff;
border-radius: 16px;
box-shadow: var(--box-shadow);
padding: 20px;
}

/*форма заказа начало*/
.row{
display: flex; 
gap: 20px; 

}
.row.check{
display: flex;
gap: 0;
border-radius: 9px;
flex: 1;
    flex-direction: row;
    padding: 12px 0;
        border: solid 1px #E4EAEF;
    background: #f5f7f966;
}

.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}


.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;}
form label{
padding: 0 16px 12px;
    /* color: #495979; */
    /* font-size: 18px; */
    font-weight: 700;
}
.input_descript{
padding: 0px; 
font-size: 11px; 
color: #8a95acbb; 
font-style: italic;}

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

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;
}

  input[type="text"], input[type="tel"], select, textarea {
    padding: 0.8rem 1rem;
    font-size: 1rem;
    border-radius: 0.8rem;
    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;
}



textarea{
    resize: none;
    height: 5rem;
    line-height: 1.4;
}
.input_counter {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    color: var(--grey);
    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
}
/*форма конец*/

.green input[type="text"]:hover, .green input[type="tel"]:hover, select:hover {
color: #212529;
border-color: #cddc39;
}

.green input[type="text"]:valid, .green input[type="tel"]:valid {
background-color: #f5fee8;
}
.green input[type="text"]:hover, .green input[type="tel"]:hover,  .green select:hover {
color: #212529;
background-color: #fff;
outline: 0; 
box-shadow: 0 0 0 2px #ffcc00
}
.green input[type="text"]:focus, .green input[type="tel"]:focus,  .green select:focus {
color: #212529;
background-color: #fff;
outline: 0; 
box-shadow: 0 0 0 4px #ffcc0044, 0 0 0 1px #ffcc00;     
transition: all 0.3s
}


.wrap {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: flex-start;
    padding: 24px;
    background: #ffffff77;
    border-radius: 16px;
}


.social_btns, .zvonok {
display: flex;
gap: 12px;
}
a.btn {
border-radius: 9px;
padding: 12px 20px;
color: #fff;
font-size: 14px;
display: flex;
flex: 1;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column-reverse;
}

.telegram {
background-color: #0088cc;
}
.whatsapp {
background-color: #25D366;
}

a.btn:hover {
filter: brightness(110%);
}








/*аккордион - фак*/

.accordion.js-accordion {
    max-width: 600px;
    width: 100%;
    padding: 12px;
}

.accordion {
width: 66.66%;
margin-bottom: -24px;
margin-left: auto;
margin-right: auto;
display: block;
transition: .2s all;
}
.accordion__item.js-accordion-item {
background-color: #f8f9fc;
}
.accordion__item {
    width: 100%;
    text-align: left;
     background-color: #fff; 
    border-radius: 16px;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 12px;
    text-decoration: none;
    transition: box-shadow .3s;
    display: flex;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(46,50,60,.09);
}
.accordion-header.js-accordion-header {
cursor: pointer;
padding: 12px 16px;
}
.accordion-header {
color: #2e323c;
align-items: center;
display: flex;
background: #fff;
}

.faq-icon-embed {
width: 42px;
height: 42px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='100%25' height='100%25' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' viewBox='0 0 13852.22 13852.22' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath fill='%23F0F2F4' d='M6926.11 0c3825.19,0 6926.11,3100.92 6926.11,6926.11 0,3825.19 -3100.92,6926.11 -6926.11,6926.11 -3825.19,0 -6926.11,-3100.92 -6926.11,-6926.11 0,-3825.19 3100.92,-6926.11 6926.11,-6926.11z'/%3e%3cpath fill='%23E6004D' d='M10048.04 6491.02c332.32,186 343.54,671.21 5.97,866.73 -1425.3,822.9 -2849.03,1643.75 -4274.31,2466.65 -325.54,231.58 -789.51,2.16 -789.51,-407.7l0 -4981.18c-0.36,-381.55 417.93,-621.35 748.05,-431.64 1436.45,829.33 2873.35,1657.8 4309.8,2487.14z'/%3e%3c/g%3e%3c/svg%3e ");}
.faq-question {
color: #0f141e;
flex: 1;
margin-left: 1.5rem;
font-family: Archia-SemiBold,sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 1.5rem;
}
.accordion-body {
color: #495979;
    padding: 0 16px 16px;
    display: block;
    background: #fff;
    font-style: italic;
    font-size: 13px;
}

.accordion__item > .accordion-header:after {
font-weight: 900;
font-size: 16px;
content: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0999 8.41415C15.1859 8.29953 15.2955 8.20472 15.4212 8.13615C15.547 8.06757 15.6861 8.02682 15.829 8.01666C15.9719 8.00651 16.1154 8.02718 16.2496 8.07728C16.3838 8.12738 16.5057 8.20573 16.607 8.30704C16.7083 8.40835 16.7867 8.53025 16.8368 8.66447C16.8869 8.7987 16.9075 8.94213 16.8974 9.08504C16.8872 9.22795 16.8465 9.36701 16.7779 9.4928C16.7093 9.6186 16.6145 9.72819 16.4999 9.81415L12.4999 13.8141C12.313 13.9974 12.0617 14.1 11.7999 14.1C11.5381 14.1 11.2868 13.9974 11.0999 13.8141L7.0999 9.81415C6.95547 9.62158 6.88535 9.38337 6.90242 9.14326C6.91948 8.90315 7.02258 8.67725 7.1928 8.50704C7.36301 8.33683 7.5889 8.23373 7.82901 8.21666C8.06912 8.1996 8.30733 8.26972 8.4999 8.41415L11.7999 11.6941L15.0999 8.39415L15.0999 8.41415Z' fill='%23e6004d'/%3E%3C/svg%3E%0A");
color: #000;
position: relative;
display: block;
top: 0px;
transition: .2s all;
height: 36px;
}
.accordion__item.active > .accordion-header:after {
/*transform: rotate(180deg);*/
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}
/*конец*/

/*кнопка большая*/
.big_button{
display: block;
width: fit-content;
margin: 80px auto;
background: var(--element-color);
color: #fff;
font-weight: 600;
font-size: 24px;
line-height: 1;
border: solid 3px #fff;
padding: 25px 40px;
border-radius: 16px;
box-shadow: 0 0 0 5px #ffffff77;
position: relative;
}
.big_button:hover {filter: brightness(110%);
}
.big_button:active{scale: .95}
/*конец*/


.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;
    }
}

/*адаптивность видео с ютуб*/
.video {
position: relative;
width: 100%;
padding-bottom: 56.25%; /* или используйте aspect-ratio: 16 / 9; если поддерживается */
background: #00000099;
border-radius: 16px;
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 16px;
}
/*конец*/

/*видеобашка*/
#kak-zakazat {
    border-radius: 600px;
    max-width: 240px;
    margin: 0 auto;
}
/*конец*/

/*говорящая голова*/
.video-container{position: relative; width: fit-content; height: fit-content;}
#zvuk{
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 64px;
    position: absolute;
    right: 0px;
    bottom: 0px;
/*    background: rgba(251, 251, 253, .8);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px);*/
    font-size: 50px;
    line-height: 1;
    cursor: pointer;
}
/*конец*/


/*квиз -заказ*/
/*стили квиз - формы заказа*/


/*конец*/

/*фиксированная кнопка в мобильном*/
.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);
}
/*конец*/

/*топ модуль*/

.logo{width: 130px; }
.top-line{background: #000; color: #fff; padding: 6px; text-align: center; font-weight: normal;}
/*конец*/

/*блоки команд и рейтинг*/

.white_block.comanda{

padding: 0;
position: relative;
margin-bottom: 18px;
min-width: 30%;
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 12px 0 #0d234308;
flex: 1;
max-width: calc(33% - 15px);
}
.comanda{display: flex; flex-direction: column;}
.comanda h3{display: flex; justify-content: space-between; align-items: center; font-size: 24px; line-height: 1; align-items: baseline;}
.comanda p{font-size: 14px; line-height: 1.5; margin-top: auto;}
.comanda img{border-radius: 16px;}
.comanda span{display: flex; flex-direction: column; padding: 20px; }
.comanda span.price{padding: 0; color: var(--element-color); display: flex;}
.comanda span.price s{padding: 0; color: #8a95acbb; font-size: 14px; line-height: 1; padding: 0; font-weight: 400;  text-decoration: line-through;}
span.zakaz_btn{background: var(--element-color);
color: #123;
font-weight: 500;
font-size: 18px;
border-radius: 16px;
padding: 12px 20px;
text-align: center;
height: fit-content;
margin: auto;
display: none;}
.white_block.comanda a{position: absolute; display: flex; width: 100%; height: 100%; border-radius: 16px;} 
.white_block.comanda a:hover{box-shadow: 0 0 0 4px var(--element-color); }
.white_block.comanda a:hover > span.zakaz_btn{display: flex;}

small{font-size: 11px; font-style: italic; }
.rate_wrap.min{margin: 6px 0; gap: 8px; display: flex;}

.min .rating {
width: 80px;
height: 16px;
background-size: 16px 16px;
background-repeat: repeat-x;
background-position: 0px 0;
}
.min .rating:-moz-meter-optimum::-moz-meter-bar {
background-size: 16px 16px;
background-repeat: repeat-x;
background-position: 0px 0;
}
.min .rating::-webkit-meter-bar {
background: transparent;
border-radius: 0;
border: 0;
height: 16px;
}
.min .rating::-webkit-meter-optimum-value {
background-color: transparent;
height: 100%;
background-size: 16px 16px;
background-repeat: repeat-x;
background-position: 0px 0;
}



.rating {
display: block;
position: relative;
width: 144px;
height: 24px;
background-size: 30px 24px;
background-repeat: repeat-x;
background-position: -3px 0;
border-radius: 0;
background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path fill='%23DDD' stroke-linejoin='round' stroke='%23DDD' d='M 525.333 570.775 L 528.39 578.125 L 536.325 578.761 L 530.28 583.94 L 532.127 591.684 L 525.333 587.534 L 518.539 591.684 L 520.386 583.94 L 514.341 578.761 L 522.276 578.125 Z' transform='matrix(-0.809017, 0.587785, -0.587785, -0.809017, 779.285368, 175.34678)'></path></svg>");
/* The bar in Firefox */
/* The gray background in Webkit browsers */
/* The bar in Webkit browsers */
}
.rating:-moz-meter-optimum::-moz-meter-bar {
background-size: 30px 24px;
background-repeat: repeat-x;
background-position: -3px 0;
background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path fill='orange' stroke-linejoin='round' stroke='orange' d='M 525.333 570.775 L 528.39 578.125 L 536.325 578.761 L 530.28 583.94 L 532.127 591.684 L 525.333 587.534 L 518.539 591.684 L 520.386 583.94 L 514.341 578.761 L 522.276 578.125 Z' transform='matrix(-0.809017, 0.587785, -0.587785, -0.809017, 779.285368, 175.34678)'></path></svg>");
}
.rating::-webkit-meter-bar {
background: transparent;
border-radius: 0;
border: 0;
height: 24px;
}
.rating::-webkit-meter-optimum-value {
background-color: transparent;
height: 100%;
background-size: 30px 24px;
background-repeat: repeat-x;
background-position: -3px 0;
background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path fill='orange' stroke-linejoin='round' stroke='orange' d='M 525.333 570.775 L 528.39 578.125 L 536.325 578.761 L 530.28 583.94 L 532.127 591.684 L 525.333 587.534 L 518.539 591.684 L 520.386 583.94 L 514.341 578.761 L 522.276 578.125 Z' transform='matrix(-0.809017, 0.587785, -0.587785, -0.809017, 779.285368, 175.34678)'></path></svg>");
}
/*конец*/

/*список рука*/
.hand li{
list-style-type: "👉🏿";
padding: 8px;
width: fit-content;
box-sizing: border-box;
margin-left: 30px;
font-size: 20px;
font-weight: 500;
line-height: 1;
}
ul.hand{margin: 20px 0;}

.hand small{
    font-size: 14px;
    font-weight: normal;
    line-height: 1!important;
    font-style: normal;
}


.accordion .hand li{
list-style-type: "👉🏿";
padding: 4px;
width: fit-content;
box-sizing: border-box;
margin-left: 30px;
font-size: 13px;
font-weight: 400;
line-height: 1.2;
}
/*конец*/



/*слайдер отзывов*/
:root {
    --swiper-theme-color: var(--element-color);
}
.swiper,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide,
swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d {
    perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}
:root {
    --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "👈🏿";
        width: 46px;
    height: 46px;
background: rgba(251, 251, 253, .8);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px);
    padding: 7px;
    font-size: 28px;
    line-height: 1.3;
    border-radius: 100px;
    display: flex;
    left: 0px;
    position: absolute;
    justify-content: center;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "👉🏿";
    width: 46px;
    height: 46px;
background: rgba(251, 251, 253, .8);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px);
    padding: 7px;
    font-size: 28px;
    line-height: 1.3;
    border-radius: 100px;
    display: flex;
    right: 0px;
    position: absolute;
    justify-content: center;
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
    padding: 16px 0;
}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #8a95ac);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.3);
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet:only-child {
    display: none !important;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s transform, 0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-lock {
    display: none;
}
.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
    touch-action: none;
}
.swiper .swiper-notification,
swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube {
    overflow: visible;
}
.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}
.swiper-flip {
    overflow: visible;
}
.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}
.swiper-cards {
    overflow: visible;
}
.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}



.swiper-slide, swiper-slide{border-radius: 16px; }

.swiper-pagination {

    padding: 16px auto;
    display: block}


/*слайдер отзывов конец*/






fieldset{border: none;}

video{max-width: 100%; border-radius: 16px;}





/*заявка отправлена*/
.w_700 .social_btns{flex-direction: column;}
    .w_700{
    max-width: 412px!important; margin: 8px auto;
    display: flex;
    padding: 16px;
    flex-direction: column;
    background: var(--grey_color);
    box-shadow: var(--shadow-3d);
    border-radius: 16px;}
    .w_700 p.top_text{ text-align: center; font-size: 14px; color: #495979; padding: 0; }
    .w_700 p.down_text{ text-align: left; font-size: 14px; color: #495979; padding: 0; padding-bottom: 16px;}
    .w_700 h2 {font-size: 20px!important; padding-bottom: 10px;}
     h3.send_h3{text-align: left!important; line-height: 1; padding-bottom: 8px; font-weight: 600;}
    .w_700 p.send_info{text-align: left!important; font-size: 13px!important; color: #111; padding: 0;}
    .w_700 b{font-weight: 500; color: #000}
    .manager{display: flex; max-width: 400px; margin: 30px auto; background: #fff; padding: 16px; border-radius: 9px; gap:20px; }
    img.ava{border-radius: 300px; height: 86px; width: 86px; box-shadow: 0 0 0 3px #00000020;}
p.copyright{
    padding: 20px 0px 10px;
    font-size: 11px;
    color: #8a95acbb;
    font-style: italic;
    text-align: center;
}
/*конец*/



/*стили лайтбокс видео*/


.videobox{position: relative; border-radius: 16px;}
.videolink{position: absolute; width: 100%; height: 100%; cursor: pointer; z-index: 2; border-radius: 16px;

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' version='1.1' viewBox='0 0 68 48' width='100%25'%3E%3Cpath d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23112233bb'%3E%3C/path%3E%3Cpath d='M 45,24 27,14 27,34' fill='rgba(255, 255, 255, 1)'%3E%3C/path%3E%3C/svg%3E");

background-position: center;
background-repeat: no-repeat;
background-size: 80px;
}

.videolink:hover{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' version='1.1' viewBox='0 0 68 48' width='100%25'%3E%3Cpath d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23e6004d'%3E%3C/path%3E%3Cpath d='M 45,24 27,14 27,34' fill='rgba(255, 255, 255, 1)'%3E%3C/path%3E%3C/svg%3E");}

.videobox img{border-radius: 16px;   box-shadow: 0 0 0 3px #fff;}
  .lightbox {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .8);
  visibility: hidden;
  opacity: 0;

}

.lightbox iframe{ width: 100%; height: 100%; }
.lightboxClose {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 10px;
    color: #fff;
    font-size: 20px;
}

.lightboxPrev {
  display: block;
  position: absolute;
  left: 0px;
  top: 30%;
  width: 10%;
  height: 40%;
  background-color: rgba(255, 255, 255, 0.1);
}

.lightboxNext {
  display: block;
  position: absolute;
  right: 0px;
  top: 30%;
  width: 10%;
  height: 40%;
  background-color: rgba(255, 255, 255, 0.1);
}

.animate {
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* Styles the lightbox content, centering it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox img, .lightbox iframe {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 40%;
  max-height: 40%;
  border: 2px solid white;
  box-sizing: border-box;
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox anchor */

.lightbox:target {
  visibility: visible;
  opacity: 1;
  z-index: 999;
}

.lightbox:target img, .lightbox:target iframe {
  max-width: 90%;
  height: 55vw;
  max-height: 90vh;
}
/*конец*/

/*социальные кнопки*/

.social{display: flex; gap: 8px; align-items: center; margin-left: auto;}
.social a{height: 32px; width: 32px; display: flex;}
.container.row{display: flex; flex-direction: row;}
/*конец*/


    .container-600{
        max-width: 600px; 
        margin: auto;
        padding: 6px;
    }
    .group{
        display: flex;
        flex-direction: column;
        background: #fff;
    padding: 12px;
    border-radius: 16px;
    }
    .group img{
        width: 100%;
        border-radius: 9px;
    }
.group p{
    color: #495979;
    padding: 5px;
    font-size: 12px;
    font-style: italic;
    line-height: 1.5;
    display: inherit;
    text-align: center;
}
.group p span{font-style: normal;}



@media (max-width: 820px){
.fix-down{display: block;}
.hide-mobile{display: none;}
.top_wrap{flex-direction: column; gap: 30px}
h1{font-size: 50px;}
.white_block.comanda{max-width: 100%}
.comanda p{font-size: 16px;}
span.zakaz_btn{display: none;}
.wrap{margin: 0; flex-direction: column;}

.big_button {
    width: fit-content;
    margin-top: 30px;
    margin-bottom: 60px;
    background: var(--element-color);
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    border: solid 3px #fff;
    padding: 16px 26px;
    border-radius: 16px;
    margin: 4px auto;
}
}
h1 { display: flex; flex-direction: column; margin-bottom: 16px;}
h2 {margin-bottom: 16px;}

h1 span{font-size: 16px; font-weight: 500; }

@media (max-width: 760px){

.hand small {
    font-size: 16px;
    line-height: 1.1!important;
    font-style: normal;
    font-weight: 400;
}


h1,h2{font-size: 32px;
    margin-bottom: 16px;}
.hand li {font-size: 18px; display: }
.big_button{font-size: 20px;}
.white_block.comanda{min-width: 55%;}
}
@media (max-width: 420px){
h2 span{font-size: 22px; font-weight: 500; }
h1{ font-size: 24px; display: flex; flex-direction: column;}
h2{font-size: 24px;}

h1 span{font-size: 16px; font-weight: 500; }
}

.h2-top, h3{color: var(--element-color);
    font-size: 36px;
    text-transform: none;
    margin-bottom: 6px;
    font-weight: 700;
    margin-top: 20px;
    text-shadow: 0px 0px 3px #fff;
}

 h3{
    font-size: 28px;}

    .fotos{
        max-width: 100%;
        border-radius: 16px;
        box-shadow: 0 0 0 5px #ffffff77;
        display: block;
    }

.pochemu{
  display: flex; 
  flex-wrap: wrap;
  justify-content: space-between;
}
.pochemu li{
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  text-align: center;
  padding: 12px;
  flex: 1;
  font-weight: 500;
}
.pochemu li .ring{
  background: #ffffff77;
    width: 140px; 
    height: 140px; 
    border-radius: 140px; 
    display: flex; 
    align-items: center; 
    justify-content: 
    center; 
    padding: 6px;
    position: relative;}
  .avitolink{position: absolute; height: 100%; width: 100%; border-radius: 200px; cursor: pointer; }



.pochemu li .inner{
background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
}

hr{margin: 12px 0;}

.whiteblock{
  border-radius: 16px;
  background: #fff;
  padding: 12px;
  max-width: 600px;
  margin: auto;
}





.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    aspect-ratio: 16/9;
    width: 100%; 
/*    max-width: 500px; */
    background-size: cover;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 0 0 5px #ffffff77;
}
.video .youtube{position: absolute;}

.youtube.vert {
    aspect-ratio: 9 / 16;
    height: 100%;
}

.col-2 iframe, .col-1 iframe{width: 100%!important; height: 100%!important; border-radius: 16px; border:none; box-shadow: 0 0 0 5px #ffffff77;}
.youtube .play {

  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' version='1.1' viewBox='0 0 68 48' width='100%25'%3E%3Cpath d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23112233bb'%3E%3C/path%3E%3Cpath d='M 45,24 27,14 27,34' fill='rgba(255, 255, 255, 1)'%3E%3C/path%3E%3C/svg%3E")  no-repeat;


    background-position: 0 -50px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
        background-position: 0 0;
}
.youtube:hover .play {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' version='1.1' viewBox='0 0 68 48' width='100%25'%3E%3Cpath d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23ff0000aa'%3E%3C/path%3E%3Cpath d='M 45,24 27,14 27,34' fill='rgba(255, 255, 255, 1)'%3E%3C/path%3E%3C/svg%3E")  no-repeat;
}




.scroll-x{
margin: auto;
max-width: 1024px;

    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
display: flex;
    gap: 20px;
    padding: 12px;

    }


@media(max-width: 720px){
  .col-1{min-width: 40%} 
  .col-2{min-width: 90%;}
}



h2.title{margin-top: 60px; text-align: center; font-size: 42px;}
.subtitle{font-size: 18px; text-align: center; font-weight: 500; margin-bottom: 60px; color: #e6004d;}
.descript{font-size: 20px; font-weight: 600;}

video {
border-radius: 16px;
box-shadow: 0 0 0 5px #ffffff77;
width: 100%;
    background: url('../img/hellofromafrica.jpg');
    background-size: cover;
}

.sostav video{margin: 0;}
.sostav p{font-size: 16px;
font-weight: 500;
color: var(--black_color);
margin-bottom: 12px}

.conent-text{font-size: 16px; font-weight: 500; color: var(--black_color); margin: 12px 0;}




@media(max-width: 340px){
.logo {
    width: 84px;
}
}


.rate_img{width: 100%; height: auto;}
.avito_block{    
    padding: 1rem;
    border-radius: 16px;
    border: dashed 2px #ff8b40;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    margin-top: 30px;
}
.avito_block a{height: 100%;
    width: 100%;
    background: #ffaa0055;
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 0px;
    left: 0px;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    font-weight: 600;
    opacity: 0;
    z-index: 99;
  }
.avito_block a:hover{opacity: 1;}

.avito{padding-bottom: 4px; margin-right: 4px;}
.info_block p{font-size: 16px; font-style: italic; text-align: center; }
.info_block b{font-weight: 500;}
video {border-radius: 16px;}

ul.price_list s{text-decoration: line-through; color: #8a95ac; font-size: 18px; margin: 0 8px 0 auto;}
ul.price_list b{ font-size: 24px; font-weight: 700; color: red;}
ul.price_list li{display: flex;
padding: 8px 0;
    justify-content: space-between;
    flex: 1;
    border-bottom: dashed 2px orange;
    align-items: flex-end;}
  .center{display: flex; width: fit-content;  align-items: flex-end;}

ul.price_list span{font-size: 24px; font-weight: 500;}

.rate_wrap{display: flex; display: flex; margin: 6px auto; align-items: center; width: fit-content;}
.rate_big{font-size: 36px; font-weight: 700; line-height: 1; padding: 0 8px;}
.rate_revievs, .info_text{ width: fit-content; color: #8a95ac;}


ul.payment {padding-left: 25px; }
ul.payment li{font-size: 16px; padding: 5px 0 5px 10px; font-style: italic; font-weight: 500; list-style-type: none;
  counter-increment: item;}
ul.payment li::marker{
  content:  counter(item);
  color: orange;
  font-weight: 700;
  font-size: 26px;
  margin-right: 6px;
  line-height: 0;
}

.rating {
  display: block;
  position: relative;
  width: 144px;
  height: 24px;
  background-size: 30px 24px;
  background-repeat: repeat-x;
  background-position: -3px 0;
  border-radius: 0;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path fill='%23DDD' stroke-linejoin='round' stroke='%23DDD' d='M 525.333 570.775 L 528.39 578.125 L 536.325 578.761 L 530.28 583.94 L 532.127 591.684 L 525.333 587.534 L 518.539 591.684 L 520.386 583.94 L 514.341 578.761 L 522.276 578.125 Z' transform='matrix(-0.809017, 0.587785, -0.587785, -0.809017, 779.285368, 175.34678)'></path></svg>");
  /* The bar in Firefox */
  /* The gray background in Webkit browsers */
  /* The bar in Webkit browsers */
}
.rating:-moz-meter-optimum::-moz-meter-bar {
  background-size: 30px 24px;
  background-repeat: repeat-x;
  background-position: -3px 0;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path fill='orange' stroke-linejoin='round' stroke='orange' d='M 525.333 570.775 L 528.39 578.125 L 536.325 578.761 L 530.28 583.94 L 532.127 591.684 L 525.333 587.534 L 518.539 591.684 L 520.386 583.94 L 514.341 578.761 L 522.276 578.125 Z' transform='matrix(-0.809017, 0.587785, -0.587785, -0.809017, 779.285368, 175.34678)'></path></svg>");
}
.rating::-webkit-meter-bar {
  background: transparent;
  border-radius: 0;
  border: 0;
  height: 24px;
}
.rating::-webkit-meter-optimum-value {
  background-color: transparent;
  height: 100%;
  background-size: 30px 24px;
  background-repeat: repeat-x;
  background-position: -3px 0;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path fill='orange' stroke-linejoin='round' stroke='orange' d='M 525.333 570.775 L 528.39 578.125 L 536.325 578.761 L 530.28 583.94 L 532.127 591.684 L 525.333 587.534 L 518.539 591.684 L 520.386 583.94 L 514.341 578.761 L 522.276 578.125 Z' transform='matrix(-0.809017, 0.587785, -0.587785, -0.809017, 779.285368, 175.34678)'></path></svg>");
}




/*футер*/
.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: #ff8822; line-height: 1;}
.mobile_app p {max-width: 300px; padding-bottom: 6px;}
footer{
background-color: #191b20;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23000000' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
background-size: 4px;
padding-bottom: 12px;
margin-top: 100px;


background-image: linear-gradient(40deg, #121214 25%, #121214 10%, #23252e 60%, #121214 80%);
    background-size: 3px 2px;
    background-position: 0 0, 2px 1px;
}

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}

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;}
footer a:hover{color: #ff8822;}

footer a span{font-weight: 300; font-size: 13px;}


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

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

footer li{
    list-style: disc;
    color: #ff8822;
    font-size: 18px;
}

footer h3{
font-size: 18px;
    line-height: 1;
    color: #fff;
    margin: 0;
    font-weight: 400;

    padding: 12px 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 ul{
  padding: 0;
    margin: 0;
    font-size: 14px;
}

footer ul{
  padding-left:  16px;


}


.copyright{

display: flex; gap: 40px; justify-content: center; align-items: center; padding: 12px 24px; 
background: #22242d; 
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;}

.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;
}

}