html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
    display: block;
}
body {
    line-height: 1;
    transition: 1s;
    background-color: #191d22;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}
html {
    background-color: #191d20;
}
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;

}
input:focus{
    outline: 0;
    background-position: 0 0;
        border-bottom: 2px solid #f1a93d;
}
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body::-webkit-scrollbar {
  width: 12px;
  z-index: -1;
}

body::-webkit-scrollbar-track {
  background-color: #0d0e0e;
  z-index: -1;

}
div:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
outline: 1px solid #ffcb05;
}
body::-webkit-scrollbar-thumb {
    background-color: #44484a;
    border-radius: 1px;
    /*  background-image: url(../img/scroll_touch_lg.svg);*/
    background-repeat: no-repeat;
    background-position: center;
    z-index: 90;
    border-radius: 10px;

    
}

a.menu_img_flex {
    width: 250px;
    display: block;
    padding-top: 30px;
    padding-bottom: 20px;
}


a.menu_img_flex:hover li.mini_menu__li{
    color: white;
    transition: 0.3s;
}

a.menu_img_flex:hover {
    background-color: #3f4650;
    transition: 0.3s;
}

.cookie_img{

    height: 40px;
    min-height: 60px;
    min-width: 60px;
    width: 40px;
    background-size: 150%;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;

}
.menu_img{
    height: 70px;
    width: 140px;
    margin: auto;
}
.menu_img_m3{
    height: 70px;
    width: 140px;
    margin: auto;
}

.m1{
    background-image: url(../img/list_1/m1.png);
    background-size: contain;
}
@supports (gap: 1px){
    .m1 {
        background-image: url(../img/list_1/webp/m1.webp);
    }
}
.m2{
    background-image: url(../img/list_1/m2.png);
    background-size: contain;
}
@supports (gap: 1px){
    .m2 {
        background-image: url(../img/list_1/webp/m2.webp);
    }
}
.n_m2{
    background-image: url(../img/list_5_2/menu/n_m2.png);
    background-size: contain;
    width: 110px;
    height: 73px;
    scale: 1.7;
    margin-bottom: 10px;
}
@supports (gap: 1px){
    .n_m2 {
        background-image: url(../img/list_5_2/menu/webp/n_m2.webp);
    }
}
.m3{
    background-image: url(../img/list_1/m3.png);
    background-size: contain;
}
@supports (gap: 1px){
    .m3 {
        background-image: url(../img/list_1/webp/m3.webp);
    }
}
.m4{
    background-image: url(../img/list_1/m4.png);
    background-size: contain;
}
@supports (gap: 1px){
    .m4 {
        background-image: url(../img/list_1/webp/m4.webp);
    }
}
.n_m3{
    background-image: url(../img/list_5_2/menu/n_m3.png);
    background-size: contain;
    height: 84px;
    width: 138px;
}
@supports (gap: 1px){
    .n_m3 {
        background-image: url(../img/list_5_2/menu/webp/n_m3.webp);
    }
}
.m5{
    background-image: url(../img/list_1/m5.png);
    background-size: contain;
}
@supports (gap: 1px){
    .m5 {
        background-image: url(../img/list_1/webp/m5.webp);
    }
}
.m6{
    background-image: url(../img/list_1/m6.png);
    background-size: contain;
}
@supports (gap: 1px){
    .m6 {
        background-image: url(../img/list_1/webp/m6.webp);
    }
}
.m7{
    background-image: url(../img/list_1/m7.png);
    background-size: contain;
}
.n_m7{
    background-image: url(../img/list_5_2/menu/n_m7.png);
    background-size: contain;
    scale: 1.4;
    margin-left: 38px;
    margin-bottom: 12px;
}
@supports (gap: 1px){
    .m7 {
        background-image: url(../img/list_1/webp/m7.webp);
    }
    .n_m7 {
        background-image: url(../img/list_5_2/menu/webp/n_m7.webp);
    }
}



.m1_1{
    background-image: url(../img/list_1/m1_1.png);
    background-size: contain;
}
@supports (gap: 1px){
    .m1_1 {
        background-image: url(../img/list_1/webp/m1_1.webp);
    }
}

.m1_2{
    background-image: url(../img/list_1/m1_2.png);
    background-size: contain;
}
@supports (gap: 1px){
    .m1_2 {
        background-image: url(../img/list_1/webp/m1_2.webp);
    }
}
.m1_3{
    background-image: url(../img/list_1/m1_3.png);
    background-size: contain;
}
@supports (gap: 1px){
    .m1_3 {
        background-image: url(../img/list_1/webp/m1_3.webp);
    }
}

.list_1, .list_2,.list_3,.list_4,.list_5,.list_5_2,.list_6, .list_device, .list_device_2{
 
}
.list_8{
    display: none;
}

.modal_popap_wrapper.modal_popap_wrapper_open {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 560px;
}
.logo_menu_tab_ok{
    width: 280px;
    margin: auto;
    background-size: contain;
    background-repeat: no-repeat;
    height: 80px;
    background-image: url(../img/list_7/logo.svg);
    margin-bottom: 50px;
}
.cross2_thank{
    width: 20px;
    right: 20px;
    top: 20px;
    margin: auto;
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    background-image: url(../img/cross.svg);
}

.logo_modal_thank{

}

.modal_title_h1{
    width: 80%;
    line-height: 29px;
    margin: auto;
    font-family: var(--mainBold);
    color: white;
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}
.modal_title_text{
    width: 80%;
    line-height: 20px;
    margin: auto;
    font-family: var(--mainRegular);
    color: white;
    text-align: center;
    font-size: 16px;
}

.modal_logo_ok span {
    background-image: url(../img/list_6/check.svg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 50%;
    left: 40%;
}


.cookie-block{
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 342px;
    max-width: 90%;
    padding: 25px;
    background-color: #21262c;
    border-radius: 20px;
    box-shadow: 2px 3px 10px rgb(0 0 0 / 7%);
    z-index: 100;
    display:none;
    border: solid 0.5px #37383b;

}
#cookie_notification p{
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    color: white;
    font-family: var(--mainRegular);
    margin-bottom: 20px;
    margin-top: 20px;
    min-height: 40px;
}
.cookie_accept {
    position: relative;
    display: block;
    margin: auto;
    padding: 0px 80px;
    height: 43px;
    margin-top: 10px;
    background-color: #ffcb05;
    color: black;
    border: none;
    border-radius: 11px;
    cursor: pointer;
    font-family: var(--mainSemibold);
    white-space: nowrap;
}



.menu_section::-webkit-scrollbar {
  width: 12px;
  z-index: -1;
}

.menu_section::-webkit-scrollbar-track {
  background-color: #0d0e0e;
  z-index: -1;

}

.menu_section::-webkit-scrollbar-thumb {
    background-color: #44484a;
    border-radius: 1px;
    /*  background-image: url(../img/scroll_touch_lg.svg);*/
    background-repeat: no-repeat;
    background-position: center;
    z-index: 90;
    border-radius: 10px;

    
}

.logo_menu_tab{
    margin-left: 74px;
    width: 210px;
    background-size: contain;
    background-repeat: no-repeat;
    height: 80px;
    background-image: url(../img/list_7/logo.svg);
}


/****************fontface*********************/

@font-face {
  font-family: "MBLACK";
  font-style: normal;
  font-weight: 1500;
  /* Браузер сначала попробует найти шрифт локально */
  src:  url("../fonts/MuseoSansCyrl-900.woff") format("truetype"),
  /* Если не получилось, загрузит woff2 */
  url("../fonts/MuseoSansCyrl-900.ttf") format("truetype"),
  /* Если браузер не поддерживает woff2, загрузит woff */
  url("../fonts/MuseoSansCyrl-900.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "MRegular";
  font-style: normal;
  font-weight: 400;
  /* Браузер сначала попробует найти шрифт локально */
  src:  url("../fonts/MuseoSansCyrl-300.woff") format("truetype"),
  /* Если не получилось, загрузит woff2 */
  url("../fonts/MuseoSansCyrl-300.ttf") format("truetype"),
  /* Если браузер не поддерживает woff2, загрузит woff */
  url("../fonts/MuseoSansCyrl-300.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "MSemibold";
  font-style: normal;
  font-weight: 600;
  /* Браузер сначала попробует найти шрифт локально */
  src:  url("../fonts/MuseoSansCyrl-500.woff") format("truetype"),
  /* Если не получилось, загрузит woff2 */
  url("../fonts/MuseoSansCyrl-500.ttf") format("truetype"),
  /* Если браузер не поддерживает woff2, загрузит woff */
  url("../fonts/MuseoSansCyrl-500.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Mbold";
  font-style: normal;
  font-weight: 800;
  /* Браузер сначала попробует найти шрифт локально */
  src:  url("../fonts/MuseoSansCyrl-700.woff") format("truetype"),
  /* Если не получилось, загрузит woff2 */
  url("../fonts/MuseoSansCyrl-700.ttf") format("truetype"),
  /* Если браузер не поддерживает woff2, загрузит woff */
  url("../fonts/MuseoSansCyrl-700.ttf") format("truetype");
  font-display: swap;
}



@font-face {
  font-family: "AMUBold";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/arnamu_bold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "AMURegular";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/arnamu.ttf") format("truetype");
  font-display: swap;
}





:root {
    --mainRegular:  "MRegular";
    --mainSemibold: "MSemibold";
    --mainBold:     "Mbold";
    --mainBLACK:    "MBLACK";
}
/****************fontface*********************/
/*anima*/

.dotts {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    height: 35px;
    width: 35px;
    opacity: 0;
    background-size: cover;
    animation: opacity 2s forwards;
    animation-delay: 3.5s;
}

@keyframes opacity
{
  from {
    opacity: 1;
}

to {
    opacity: 1;
}
}

.vui-preloader {
  position: relative;
}

.vui-preloader-spinner {
  animation: rotation 1.35s linear infinite;
  position: absolute;
}

.vui-preloader-circle
{
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: turn 1.35s ease-in-out infinite;
  stroke: #ffcb05;
}

.vui-preloader-circle-bg
{
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: #ffcb051f;
}

@keyframes rotation
{
  0% {
    transform: rotate(0deg);
}

100% {
    transform: rotate(360deg);
}
}

@keyframes turn
{
  0% {
    stroke-dasharray: 100;
    stroke-dashoffset: 0;
}

50% {
 transform: rotate(135deg);
 stroke-dasharray: 70;
 stroke-dashoffset: 0;
}

100% {
  transform: rotate(360deg);
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
}
}

/*preloader*/
.load_wrapper{
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #191d20;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
/*     animation: preloader_off forwards;*/
animation-duration: 2s;
animation-timing-function: linear;
animation-delay: 0.5s;
/*  display: none;*/
}


.load{
  animation: preloader_off forwards;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 0.5s;  
}


.preloader_shadow{
 height: 200px;
 width: 400px;
 min-width: 200px;
 background-image: url(../img/preloader/load_logo_2.svg);
 background-repeat: no-repeat;
 background-size: contain;
 background-position: center;
 /* scale: 1.5; */
}
.preloader_wrapper_inner{
    width: 0;
    overflow: hidden;
    animation: preloader forwards;
    animation-duration: 2s;
    animation-timing-function: linear;
}
@keyframes preloader {
  0% {white: 0%;}
  100% {width: 100%;}
}

@keyframes preloader_off {
  0% {transform: scale(1); opacity: 1; visibility: visible;}
  80% {transform: scale(1); opacity: 1; visibility: visible;}
  100% {transform: scale(1.5); opacity: 0; visibility: hidden; }
} 

.zpoz{
 animation: zposition forwards;
 animation-duration: 5s;
 animation-timing-function: linear;
 animation-delay: 2s;    
}
@keyframes zposition{
    100% {z-index: -200;}
}
.white{
    background-color: white;
    height: 60px;
    width: 400px;
    position: absolute;
    fill: url(#white_path);
}





/*menu*/
.menu_wrapper_desktop {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 10;
}
.menu_shadow {
    height: 100vh;
    width: 100%;
    background-color: #00000052;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
}
.menu_shadow__open{
    height: 100vh;
    width: 100%;
    background-color: #0000006b;
    visibility: visible;
    opacity: 1;
    transition: 0.3s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
}
.menu_section {
    height: 100vh;
    width: 450px;
    background-color: #191d22;
    position: fixed;
    right: 0px;
    top: 0;
    padding-top: 25px;
    padding-bottom: 40px;
    overflow-y: auto;
    will-change: transform;
    transform: translate3d(100%, 0, 0);
    transition: transform 500ms ;
    z-index: 10;
    border-left: solid 1px #ffffff1c;
}

.menu_section__open{
    height: 100vh;
    width: 450px;
    background-color: #191d22;
    position: fixed;
    right: 0px;
    top: 0;
    padding-top: 25px;
    padding-bottom: 40px;
    overflow-y: auto;
    transform: translate3d(0, 0, 0);
    transition: transform 500ms;
    will-change: transform;
    z-index: 10;
    border-left: solid 1px #ffffff1c;
}

.cross_desktop {
    position: fixed;
    right: 60px;
    top: 25px;
    z-index: 11;
    transition: 0.5s;
}
.cross_desktop_mini {
    top: 4px;
    transition: 0.5s;
}
.link_line {
    width: 100%;
    height: 1px;
    background-color: #ffffff1f;
    margin-bottom: 20px;
    margin-top: 20px;
}
.shpere_desktop, .shpere_desktop_2{
    display: flex;
    color: white;
    transition: 0.25s;
    border-radius: 12px; 
    margin-bottom: 0px;
    padding: 10px 14px;
    color: white;
    font-family: var(--mainRegular);
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;

}

.shpere_mobile, shpere_mobile_2{
    display: flex;
    color: white;
    margin-bottom: 0px;
    padding: 10px 14px;
    border-radius: 12px;
    cursor: pointer;
}

.shpere_mobile:hover, .shpere_mobile_2:hover{
    background-color: #303439;
    border-radius: 12px;
    transition: 0.25s;
}




.lang_menu_desktop{
    display: flex;
    color: white;
    border-radius: 12px; 
    padding: 10px 14px;
}
.lang_menu_desktop:hover{
  background-color: #303439;
  border-radius: 12px;  
  transition: 0.25s;
}
.menu_li_navigation_shpere {
    color: white;
    font-family: var(--mainRegular);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    margin-bottom: 0px;
    
    transition: 0.25s;
    border-radius: 12px; 
}
.shpere_desktop:hover, .shpere_desktop_2:hover{
  background-color: #303439;
  border-radius: 12px;  
  transition: 0.25s;
}

.menu_li_nav_shpere_box, .menu_li_nav_shpere_box2 {
    margin-bottom: 0px;
    margin-top: 0px;
    height: 0px;
    overflow: hidden;
    transition: 0.5s;
}
/*.menu_mini_mobile{
    display: none;
}
*/

.menu_mini_mobile, .menu_mini_mobile_2 {
    margin-bottom: 0px;
    margin-top: 0px;
    height: 0px;
    overflow: hidden;
    transition: 0.5s;
    display: none;
}
.shpere_mobile, .shpere_mobile_2{
    display: none;
}
.menu_li_nav_shpere_box__open{
    margin-bottom: 20px;
    height: 285px;
    overflow: hidden;
    transition: 0.5s;
}
.menu_li_nav_shpere_box2__open {
    margin-bottom: 20px;
    height: 181px;
    overflow: hidden;
    transition: 0.5s;
}
.menu_mini_mobile__open, .menu_mini_mobile2__open {
    margin-bottom: 20px;
    height: 280px;
    overflow: hidden;
    transition: 0.5s;
}
.menu_li_nav_shpere_desk{
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 30px;
    padding-left: 30px;
    color: white;
    border-radius: 12px;
    transition: 0.25s;
    padding: 10px 14px;
    color: white;
    font-family: var(--mainRegular);
    font-size: 16px;
    line-height: 20px;

}
nav.menu_links {
    padding-top: 40px;
}


.menu_li_nav_shpere_desk:hover{
  background-color: #303439;
  border-radius: 12px;  
  transition: 0.25s;
}
.menu_li_nav_lang_desk {
    display: flex;
    padding: 10px 14px;
    margin-left: 20px;
    transition: 0.25s; 
    border-radius: 12px;
    cursor: pointer;
}
.menu_li_nav_lang_desk:hover{
   background-color: #303439;
   border-radius: 12px;  
   transition: 0.25s; 
}

.ru_mini{
    border-radius: 12px;
    display: none; 
    transition: 0.25s;   
}

.ru_mini:hover{
    background-color: #303439;
    border-radius: 12px;
    transition: 0.25s;  
}

.ru_mini_close{
    opacity: 0.2;
    pointer-events: none;

}

.eng_mini{
    border-radius: 12px;
    transition: 0.25s; 
}
.eng_mini:hover{
    background-color: #303439;
    border-radius: 12px;
    transition: 0.25s;  
}

.eng_mini_close{
    opacity: 0.2;
    pointer-events: none;
    display: none;
}

.ar_mini{
    border-radius: 12px;
    transition: 0.25s; 
}
.ar_mini:hover{
    background-color: #303439;
    border-radius: 12px;
    transition: 0.25s;  
}
.ar_mini_close{
/*    opacity: 0.2;
    pointer-events: none;
    display: none;*/

}

.menu_li_nav_lang{
 color: white;
 font-family: var(--mainRegular);
 font-size: 16px;
 line-height: 20px;
 
 cursor: pointer; 
 
}
.menu_li_navigation {
    color: white;
    font-family: var(--mainRegular);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
    padding: 10px 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: 0.25s;
    border-radius: 12px; 
}
.menu_li_navigation:hover{
  background-color: #303439;
  border-radius: 12px;  
  transition: 0.25s;
}

.buy_menu_button{
    background-color: #4C535F;
    font-family: var(--mainSemibold);
    font-size: 15px;
    color: white;
    padding: 15px 19px;
    border-radius: 15px;
    cursor: pointer;
    transition: 0.5s;
    z-index: 1;
    text-decoration: none;
    width: min-content;
    min-width: 142px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 14px;
    white-space: nowrap;
}
.buy_menu_button:hover{
    background-color: #ffcb05;
    border-radius: 14px;
    transition: 0.25s;
    color: #191d22;
}
.menu_section_top {
    margin: auto;
    width: 300px;
}
.menu_section_top_lang {
    margin: auto;
    width: 300px;
}
.menu_li_nav_lang_box{
    transition: 0.5s;
    height: 0px;
    overflow: hidden;
    margin: auto;
    width: 300px;
    color: white;
    font-family: var(--mainRegular);
    font-size: 16px;
    line-height: 20px;
    
}
.menu_li_nav_lang_box__open{
    transition: 0.5s;
    height: 130px;
    overflow: hidden;
    margin: auto;
    width: 300px;
    color: white;
    font-family: var(--mainRegular);
    font-size: 16px;
    line-height: 20px;
    
}

.s_mail1_desk{
    height: 26px;
    width: 26px;
    min-width: 26px;
    background-image: url(../img/list_8/mail.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 10px;

}
.s_mail2_desk{
    height: 26px;
    width: 26px;
    min-width: 26px;
    background-image: url(../img/list_8/mail.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 10px;
}
.menu_section_mail_tel{
    display: none;
}
.s_tel3_desk{
    height: 18px;
    width: 20px;
    min-width: 25px;
    background-image: url(../img/list_8/phone.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 10px;
}
.s_mail1_desk_2{
    height: 30px;
    width: 30px;
    min-width: 26px;
    background-image: url(../img/list_8/mail_2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 1px 0px;
}
.s_tel3_desk_2{
    height: 20px;
    width: 20px;
    background-image: url(../img/list_8/phone_2.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.none_margin_knob{
    margin-bottom: 0;
    margin-right: 5px;
    width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/**********************************List1********************************************/
.list_1{
    height: 980px;
    width: 100%;
    position: relative;
    background: radial-gradient(#3A4149 -36%, #242B33);
    overflow: hidden;
}


.list_1:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../img/list_1/mask_group.png);
    background-repeat: no-repeat;
    background-size: cover;

}
@supports (gap: 1px) {
  .list_1:before {
    background-image: url('../img/list_1/webp/mask_group.webp');
}
}

.sputnik_box{
    position: absolute;
    right: -180px;
    top: 100px;
    z-index: 2;
    animation: sput 5s linear  infinite alternate;

}
.sputnik_box_mobile{
    display: none;

}
.sputnik{
    width: 350px;
    height: 220px;
    background-image: url(../img/list_1/sputnik.png);
    background-repeat: no-repeat;
    background-position: center;  
}

@supports (gap: 1px){
    .sputnik {
        background-image: url(../img/list_1/webp/sputnik.webp);
    }
}

@keyframes anime{
    0%{transform:scale(.95); opacity:1}
    60%{opacity:.1}to{transform:scale(50,50); opacity:0}
}


.circle_wave {
    color: rgb(255,255,255);
    font-size: 32px;
    text-decoration: none;
    background-color: #212223;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 10%);
    position: absolute;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    top: 124px;
    left: 79px;
    z-index: -1;
}
.circle_wave:before {
    content: " ";
    position: absolute;
    z-index: -10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 100%;
    border: solid 6px #ffffff1a;
}
.circle_wave:before {
  animation: anime 5s linear .7s infinite;
}



@keyframes anime2{
    20%{transform:scale(.95); opacity:1}
    80%{opacity:.1}to{transform:scale(50,50); opacity:0}
}


.circle_wave1 {
    color: rgb(255,255,255);
    font-size: 32px;
    text-decoration: none;
    background-color: #212223;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 10%);
    position: absolute;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    top: 124px;
    left: 79px;
    z-index: -1;
}
.circle_wave1:before {
    content: " ";
    position: absolute;
    z-index: -10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 100%;
    border: solid 6px #ffffff1a;
}
.circle_wave1:before {

  animation: anime2 5s linear 1.3s infinite;
}





@keyframes anime3{
    40%{transform:scale(.95); opacity:1}
    100%{opacity:.1}to{transform:scale(50,50); opacity:0}
}


.circle_wave2 {
    color: rgb(255,255,255);
    font-size: 32px;
    text-decoration: none;
    background-color: #212223;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 10%);
    position: absolute;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    top: 124px;
    left: 79px;
    z-index: -1;
}
.circle_wave2:before {
    content: " ";
    position: absolute;
    z-index: -10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 100%;
    border: solid 6px #ffffff1a;
}
.circle_wave2:before {

  animation: anime3 5s linear 1.9s infinite;
}


@keyframes sput{
    0%{transform:translateX(5px);}
    25%{transform:translateY(5px);}
    50%{transform:translateX(-5px);}
    75%{transform:translateY(-5px);}
}
h1.h1_main {
    font-size: 65px;
    font-weight: 900;
    width: 1250px;
    margin: auto;
    color: white;
    text-align: center;
    font-family: var(--mainBLACK);
    text-transform: uppercase;
    line-height: 80px;
}
.h1_main_mobile {
    font-size: 65px;
    font-weight: 900;
    width: 1250px;
    margin: auto;
    color: white;
    text-align: center;
    font-family: var(--mainBLACK);
    text-transform: uppercase;
    line-height: 80px;
}
.h_line__box{
    display: flex;
    position: relative;
    z-index: 1;
    margin: auto;
    height: fit-content;
    width: fit-content;
    padding-top: 230px;
}
.comp_menu{
    display: flex;
    /* justify-content: center; */
    align-items: center;
    height: 103px;
    width: 100%;
    background-color: #191d22;
    z-index: 5;
    position: fixed;
    border-bottom: solid 1px #ffffff1f;
    padding: 0px 120px 0px 60px;
    transition: 0.5s;
/*    backdrop-filter: blur(10px);*/

}
.head_mini {
    transform: translateY(-106%);
    transition: 0.5s;
}
.head_mull{
    height: 75px;
    background-color: #181d20fc;
    backdrop-filter: blur(10px);
}
.main_cars{
    width: 1200px;
    height: 455px;
    background-image:url('../img/list_1/cars.png');
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    position: relative;
    z-index: 1;
    background-size: contain;

}

@supports (gap: 1px) {
  .main_cars {
    background-image: url('../img/list_1/webp/cars.webp');
}
}


.main_cars_mobile{
    display: none;
}
.logo_main{
    height: 16px;
    width: 30px;
    min-width: 30px;
    background-image: url(../img/list_1/logo_autograph.svg);
    cursor: pointer;
    scale: 4.2;
    margin-left: 35px;
}

.menu_wrapper {
    margin: auto;
    display: flex;
    align-items: center;
}

ul.menu_nav {
    display: flex;
    position: relative;
    align-items: center;
}
.menu_li{
    color: #8b8b8b;
    font-family: var(--mainRegular);
    margin-right: 20px;
    cursor: pointer;
    font-size: 15px;
    position: relative;
    transition: 0.3s;
    text-decoration: none;
}
.menu_li:hover{
    color: white;
    transition: 0.3s;
}
.li_active{
    color: white;
    position: relative;
}
a.province, a.province_2 {
    outline: none;
    text-decoration: none;
    color: inherit;
    transition: 0.3s;
}
a.province:hover, a.province_2:hover{
  color: white;
  transition: 0.5s;  
}
.menu_line_y{
    position: absolute;
    left: 0px;
    bottom: -44px;
    width: 64px;
    height: 4px;
    background-color: #FFCB05;
    transition: 0.3s;
    border-radius: 4px;
}
.menu_line_y_eng{
    position: absolute;
    left: 0px;
    bottom: -44px;
    width: 64px;
    height: 4px;
    background-color: #FFCB05;
    transition: 0.3s;
    border-radius: 4px;
    opacity: 0;
}

.menu_line_y_ar{
    position: absolute;
    left: 0px;
    bottom: -44px;
    width: 64px;
    height: 4px;
    background-color: #FFCB05;
    transition: 0.3s;
    border-radius: 4px;
    opacity: 0;
}
.menu_line_mull{
    bottom: -25px;
    transition: 0.5s;
}


.menu_line_eng_mull{
    bottom: -25px;
    transition: 0.5s;
}
.menu_line_ar_mull{
    bottom: -25px;
    transition: 0.5s;
}

.triger_menu_1{
    left: 0px;
    width: 56px;
}
.menu_line_y.triger_menu_2 {
    left: 72px;
    width: 66px;
}
.menu_line_y.triger_menu_3 {
    left: 154px;
    width: 123px;
}
.menu_line_y.triger_menu_4_2 {
    left: 294px;
    width: 104px;
}
.menu_line_y.triger_menu_4 {
    left: 430px;
    width: 65px;
}
.menu_line_y.triger_menu_5 {
    left: 518px;
    width: 122px;
}
.menu_line_y.triger_menu_6 {
    left: 667px;
    width: 89px;
}
.menu_line_y.triger_menu_7 {
    left: 634px;
    width: 92px;
}
.menu_line_y.triger_menu_8 {
    left: 774px;
    width: 68px;
}

.triger_menu_1_eng{
    left: 0px;
    width: 46px;  
}

.triger_menu_2_eng{
    left: 61px;
    width: 66px; 
}

.triger_menu_3_eng{
    left: 145px;
    width: 131px;
}

.triger_menu_4_eng{
    left: 288px;
    width: 73px;
}
.triger_menu_4_2_eng{
    left: 288px;
    width: 73px;
}


.triger_menu_5_eng{
    left: 385px;
    width: 90px;
}

.triger_menu_6_eng{
    left: 495px;
    width: 61px;
}

.triger_menu_7_eng{
    left: 510px;
    width: 118px;
}


.triger_menu_8_eng{
    left: 569px;
    width: 68px;
}

.triger_menu_1_ar{
    left: 0px;
    width: 68px;  
}

.triger_menu_2_ar{
left: 81px;
    width: 81px;
}

.triger_menu_3_ar{
    left: 180px;
    width: 170px;
}

.triger_menu_4_ar{
left: 368px;
    width: 82px;
}

.triger_menu_4_2_ar{
left: 368px;
    width: 82px;
}



.triger_menu_5_ar{
left: 470px;
    width: 120px;
}

.triger_menu_6_ar{
    left: 610px;
    width: 80px;
}

.triger_menu_7_ar{
    left: 510px;
    width: 118px;
}


.triger_menu_8_ar{
    left: 705px;
    width: 100px;
}
.li_active:after{
    content: '';

}
.li_icon, .li_icon2{
    height: 10px;
    width: 8px;
    background-image: url(../img/list_1/icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.4;
    padding-top: 20px;
    padding-left: 20px;
    transition: 0.5s;
}
.li_icon_open, .li_icon2_open{
    height: 10px;
    width: 8px;
    background-image: url(../img/list_1/icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.4;
    padding-top: 20px;
    padding-left: 20px;
    transition: 0.5s;
    transform: rotate(180deg);
}
.li_icon_2, .li_icon_2_2{
    height: 10px;
    width: 8px;
    background-image: url(../img/list_1/icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.4;
    padding-top: 21px;
    padding-left: 20px;
    transition: 0.5s;
}
.li_icon_2_open, .li_icon_2_2_open{
    height: 10px;
    width: 8px;
    background-image: url(../img/list_1/icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.4;
    padding-top: 21px;
    padding-left: 20px;
    transition: 0.5s;
    transform: rotate(180deg);
}

.li_icon_3,.li_icon_3_3{
    height: 10px;
    width: 8px;
    background-image: url(../img/list_1/icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.4;
    padding-top: 21px;
    padding-left: 20px;
    transition: 0.5s;
}
.li_icon_3_open, .li_icon_3_3_open{
    height: 10px;
    width: 8px;
    background-image: url(../img/list_1/icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.4;
    padding-top: 21px;
    padding-left: 20px;
    transition: 0.5s;
    transform: rotate(180deg);
}
.li_icon_4{
    height: 10px;
    width: 8px;
    background-image: url(../img/list_1/icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.4;
    padding-top: 21px;
    padding-left: 20px;
    transition: 0.5s;
}
.li_icon_4_open{
    height: 10px;
    width: 8px;
    background-image: url(../img/list_1/icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    padding-top: 21px;
    padding-left: 20px;
    transition: 0.5s;
    transform: rotate(180deg);
}
.li_icon_5{
    height: 10px;
    width: 8px;
    background-image: url(../img/list_1/icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.4;
    padding-top: 21px;
    padding-left: 20px;
    transition: 0.5s;
}
.li_icon_5_open{
    height: 10px;
    width: 8px;
    background-image: url(../img/list_1/icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    padding-top: 21px;
    padding-left: 20px;
    transition: 0.5s;
    transform: rotate(180deg);
}
.li_box, .li_box2 {
    display: flex;
    align-items: center;
}
.menu_li__nav:hover .li_icon{
    opacity: 1;
    transition: 0.5s;
}

.menu_li__nav_2:hover .li_icon2{
    opacity: 1;
    transition: 0.5s;
}

.menu_li__nav:hover .mini_li__box{
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
}

.menu_li__nav_2:hover .mini_li__box2{
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
}

.mini_li_box_gap, .mini_li_box2_gap{
    height: 22px;
    transition: 0.5s;
}
.mini_li_box_gap_open, .mini_li_box2_gap_open  {
    height: 3px;
    transition: 0.5s;
}
.mini_li_box_gap_2, .mini_li_box2_gap_2{
    height: 22px;
    transition: 0.5s;
}
.mini_li_box_gap_2_open, .mini_li_box2_gap_2_open {
    height: 2px;
    transition: 0.5s;
}
.mini_li__box {
    position: absolute;
    padding-top: 20px;
    left: -100px;
    width: 1000px;
    border-radius: 0px 0px 10px 10px;
    transition: 0.3s;
    overflow: hidden;
    height: 0px;
}

.mini_li__box2 {
    position: absolute;
    padding-top: 20px;
    left: -100px;
    width: 600px;
    border-radius: 0px 0px 10px 10px;
    transition: 0.3s;
    overflow: hidden;
    height: 0px;
    z-index: 4;
}

.menu_img_block {
    display: flex;

}
.mini_li__box_area, .mini_li__box2_area{
/*    min-width: 1000px;
    min-height: 340px;
    height: 340px;
    width: 1000px;*/
    background-color: #171b1f;
    border-radius: 0px 0px 15px 15px;
    overflow: hidden;

}
.mini_li__box_open{
    height: 400px;
    width: 1000px;
}
.mini_li__box2_open{
    height: 400px;
    width: 600px;
}



.mini_li__box_device{
    position: absolute;
    padding-top: 20px;
    left: -100px;
    width: 750px;
    border-radius: 0px 0px 10px 10px;
    transition: 0.3s;
    overflow: hidden;
    height: 0px;
}



.menu_li__nav_device:hover .mini_li__box_device{
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
}

.mini_li__box_device_open{
    height: 240px;
    width: 750px;
}

.mini_light{
    margin-left: -7px;
    height: 25px;
    width: 25px;
    background-image: url(../img/list_1/light.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}
a.device {
    outline: none;
    text-decoration: none;
    color: inherit;
    transition: 0.3s;
}
li.mini_menu__li {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    color: #8b8b8b;
    line-height: 19px;
    font-size: 15px;
    transition: 0.3s;
    text-align: center;
}

li.mini_menu__li:hover .mini_light{
    visibility: visible;
    opacity: 1;
    transition: 0.3s;
}

li.mini_menu__li:hover{
    color: white;
    transition: 0.3s;
    margin-left: 0px;
}

a.menu_demo{
/*    background-color: #4C535F;*/
font-family: var(--mainSemibold);
font-size: 15px;
color: white;
border: solid 1px #ffcb05;
padding: 17px 19px 16px;
border-radius: 15px;
cursor: pointer;
transition: 0.5s;
z-index: 1;
text-decoration: none;
}
a.menu_demo:hover{
    transition: 0.5s;
    background-color: #ffcb05;
    color: #171b1f;

}

.nav_info__wrapper{
    color: white;
}
.nav_mail{
    font-family: var(--mainRegular);
    font-size: 15px;
    position: relative;
    left: 52px;
    cursor: pointer;
    color: white;
}
.nav_phone_wrapper{
    display: flex;
    margin-top: 5px;
    cursor: pointer;
}
.nav_phone__icon{
    height: 18px;
    width: 18px;
    margin-right: 5px;
    background-image: url(../img/list_1/phone.svg);
}
.nav_phone{
    font-family: var(--mainSemibold);
    font-size: 19px;
    color: white;
}
.lang_box{
    margin-left: 20px;
    cursor: pointer;
    margin-right: 15px;
    height: 32px;
    width: 74px;
    position: relative;
}
.li_lang:hover{
    background-color: #57606c;
    transition: background-color 0.5s;
/*    transition: 0.5s;*/
}
.lang_box_wrapper{
    position: absolute;
    height: 32px;
    background-color: #3F4650;
    border-radius: 8px;
    overflow: hidden;
    transition: 0.25s;
}

.lang_box_wrapper_open{
    position: absolute;
    height: 96px;
    background-color: #3F4650;
    border-radius: 8px;
    overflow: hidden;
    transition: 0.25s;
}
.lang_ru_box{
    display: flex;
    align-items: center;
    height: 32px;
    width: 74px;
    padding-left: 7px;
    transition: background-color 0.5s;
}
.lang_ru_box.showing{
    border-radius: 8px 8px 0px 0px;
}
.lang_ar_box{
    display: flex;
    align-items: center;
    height: 32px;
    width: 74px;
    padding-left: 7px;
/*    border-radius: 0px 0px 8px 8px;*/
    transition: background-color 0.5s;

}
.lang_en_box{
    display: flex;
    align-items: center;
    width: 74px;
    height: 32px;
    padding-left: 7px;
    transition: background-color 0.5s;
}
.lang_en_box.show{
    opacity: 1;
    visibility: visible;
}
.lang_ar_box.show{
/*    opacity: 1;
    visibility: visible;*/
}


.li_lang_ru_start{
    display: none;
}

.li_lang_eng_up{
  display: none;  
}

.li_lang_ar_up{
  display: none;  
}
.flag_ru{
    height: 18px;
    width: 24px;
    background-image: url(../img/list_1/ru.png);
    background-size: cover;
    border-radius: 3px;
    margin-right: 5px;
}
.flag_ru_span, .flag_en_span, .flag_ar_span{
    margin-left: 28px;
    color: white;
}
.flag_en{
    height: 18px;
    width: 24px;
    background-image: url(../img/list_1/en.svg);
    background-size: cover;
    border-radius: 3px;
    margin-right: 5px;


}
.flag_ar{
    height: 18px;
    width: 24px;
    background-image: url(../img/list_1/ar.png);
    background-size: cover;
    border-radius: 3px;
    margin-right: 5px;


}
.text_lang{
    color: white;
    font-family: var(--mainRegular);
    margin-top: auto;
    margin-bottom: auto;
    font-size: 12px;
}
.lang_icon{
    height: 6px;
    width: 11px;
    background-image: url(../img/list_1/icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.4;
    padding-top: 18px;
    padding-left: 20px;
    transition: 0.5s;
}
.lang_icon.show_icon{
    transform: rotateZ(180deg);
    transition:  0.5s;

}
.artclose {
    height: 54px;
    width: 54px;
    cursor: pointer;
    border-radius: 50%;
/*    border: solid 1px #ffffff30;*/
display: flex;
padding-top: 18px;
}

.burgx, .burgx2, .burgx3 {
    margin-top: 1px;
    background: #ffffff;
    width: 20px;
    height: 2px;
    position: absolute;
    transform: rotate(-180deg);
    transition: 0.5s;
    margin-left: 16px;
}

.burgx2 {
    margin-top: 7px;
    transition: 0.5s;
}
.burgx3 {
    margin-top: 13px;
    transform: rotate(180deg);
    transition: 0.5s;

}
.burgx3_1{
    transform:rotate(45deg); 
    margin-top: 7px;
    transition:  0.5s;
}

.burgx2_1{
    opacity: 0;
    transition:  0.5s;
}

.burgx_1{
    transform:rotate(-45deg); 
    margin-top: 7px;
    transition:  0.5s;
}
.main_button{
    background-color: #FFC700;
    height: 60px;
    min-width: 239px;
    width: 239px;
    padding-left: 5px;
    padding-bottom: 2px;
    border-radius: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--mainBold);
    color: #313539;
    font-size: 15px;
    margin: auto;
    margin-top: 20px;
    cursor: pointer;
    border-top: solid 2px #ffffffad;
    box-shadow: 0 8px 25px #ffcb0542;
    transition: 0.5s;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.main_button:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
}
.main_button:hover:after{
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
a.header_nav{
    text-decoration: none;
}
.main_button:hover{
    transition: 0.5s;
    background-color: #ffd951;
    filter: drop-shadow(0px 6px 2px rgb(0 0 0 / 24%));

}
.icon_mainbutton{
    height: 10px;
    width: 17px;
    background-image: url(../img/list_1/button_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px;
}
.main_block {
/*    position: relative;
    top: 210px;
    margin: auto;
        z-index: 1;*/
    }



/**********************************List2********************************************/

.list_2{

    background: radial-gradient(#3A4149 -36%, #242B33);
    width: 100%;
    position: relative;
    padding-bottom: 100px;
}
.list_2:before{
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/list_2/back.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.4;
}
.h_line__box_last {
    margin: auto;
    width: fit-content;
    padding-top: 100px;
    position: relative;
    z-index: 1;
}
h1.h1_last {
    font-size: 45px;
    font-family: var(--mainBold);
    color: white;
    text-align: center;
    line-height: 55px;
}

.h_line__box_about_device {
    padding-top: 0px;
    padding-bottom: 50px;
}

.list_device{
    background-color: white;
    padding-bottom: 120px;
    padding-top: 120px;
    padding-right: 100px;
    padding-left: 100px;
}

.list_device_2{
    background-color: #F1F1F1;
    padding-bottom: 120px;
    padding-top: 120px;
    padding-right: 100px;
    padding-left: 100px;
}
h1.h1_device {
    font-size: 45px;
    font-family: var(--mainBold);
    color: #232930;
    line-height: 55px;
}


.device_group{

}

.h2_device{
    font-family: var(--mainSemibold);
    font-size: 24px;
    line-height: 29px;
    color: #232930;
    margin-top: 0px;
    margin-bottom: 30px;
}
.colm_device{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    align-items: end;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
}

.colm_device_2{
    display: flex;
    align-items: end;
    width: 100%;
    margin-top: 50px;
    justify-content: flex-start;
    gap: 10px;
}
.device_li{
    width: 330px;
    min-width: 300px;
    display: inline-block;
}

.device_li_h1{
    font-family: var(--mainSemibold);
    font-size: 45px;
    color: #7e7e7e;
    margin-top: 30px;
    margin-bottom: 10px;
}
.device_li_h2{
    font-family: var(--mainSemibold);
    font-size: 15px;
    color: #7e7e7e;
}
.device_li_img{
cursor: pointer;
transition: 0.3s;
}
.device_li_img:hover{
transform: translateY(-10px); 
    transition: 0.3s;
    will-change: transform;
}
.device_li_about{
    font-family: var(--mainRegular);
    font-size: 15px;
    line-height: 20px;
    color: #232930;
    text-transform: uppercase;
    width: 285px;
    height: 60px;
}





.info5{
    height: 166px;
    width: 231px;
    min-width: 231px;
    background-image: url(../img/device/1/info5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@supports (gap: 1px){
    .info5 {
        background-image: url(../img/device/1/webp/info5.webp);
    }
}



.lx{
    height: 166px;
    width: 206px;
    min-width: 206px;
    background-image: url(../img/device/1/lx.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@supports (gap: 1px){
    .lx {
        background-image: url(../img/device/1/webp/lx.webp);
    }
}



.lxe{
    height: 166px;
    width: 206px;
    min-width: 206px;
    background-image: url(../img/device/1/lxe.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@supports (gap: 1px){
    .lxe {
        background-image: url(../img/device/1/webp/lxe.webp);
    }
}



.sx{
    height: 166px;
    width: 206px;
    min-width: 206px;
    background-image: url(../img/device/1/sx.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@supports (gap: 1px){
    .sx {
        background-image: url(../img/device/1/webp/sx.webp);
    }
}


.gx{
    height: 166px;
    width: 244px;
    min-width: 244px;
    background-image: url(../img/device/1/gx.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@supports (gap: 1px){
    .gx {
        background-image: url(../img/device/1/webp/gx.webp);
    }
}

.tklsl{
    height: 143px;
    width: 201px;
    min-width: 201px;
    background-image: url(../img/device/2/tklsl.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@supports (gap: 1px){
    .tklsl {
        background-image: url(../img/device/2/webp/tklsl.webp);
    }
}


.tklsl_2{
    height: 143px;
    width: 201px;
    min-width: 201px;
    background-image: url(../img/device/2/tklsl_2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@supports (gap: 1px){
    .tklsl_2 {
        background-image: url(../img/device/2/webp/tklsl_2.webp);
    }
}


.tklsl_3{
    height: 143px;
    width: 201px;
    min-width: 201px;
    background-image: url(../img/device/2/tklsl_3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@supports (gap: 1px){
    .tklsl_3 {
        background-image: url(../img/device/2/webp/tklsl_3.webp);
    }
}



.tklslex{
    height: 143px;
    width: 175px;
    min-width: 175px;
    background-image: url(../img/device/2/tklslex.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@supports (gap: 1px){
    .tklslex {
        background-image: url(../img/device/2/webp/tklslex.webp);
    }
}

.tklslair{
    height: 143px;
    width: 201px;
    min-width: 201px;
    background-image: url(../img/device/2/tklslair.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


@supports (gap: 1px){
    .tklslair {
        background-image: url(../img/device/2/webp/tklslair.webp);
    }
}

.tkxgeopoint{
    height: 186px;
    width: 184px;
    min-width: 184px;
    background-image: url(../img/device/3/tkxgeopoint.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@supports (gap: 1px){
    .tkxgeopoint {
        background-image: url(../img/device/3/webp/tkxgeopoint.webp);
    }
}


.tkfcplus{
    height: 186px;
    width: 184px;
    min-width: 184px;
    background-image: url(../img/device/3/tkfcplus.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;   
}
@supports (gap: 1px){
    .tkfcplus {
        background-image: url(../img/device/3/webp/tkfcplus.webp);
    }
}


.tkmapkepcan{
    height: 186px;
    width: 184px;
    min-width: 184px;
    background-image: url(../img/device/3/tkmapkepcan.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;   
}
@supports (gap: 1px){
    .tkmapkepcan {
        background-image: url(../img/device/3/webp/tkmapkepcan.webp);
    }
}


.tkmapkepcanbt{
    height: 186px;
    width: 184px;
    min-width: 184px;
    background-image: url(../img/device/3/tkmapkepcanbt.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;   
}
@supports (gap: 1px){
    .tkmapkepcanbt {
        background-image: url(../img/device/3/webp/tkmapkepcanbt.webp);
    }
}


.tkcardreader{
    height: 186px;
    width: 184px;
    min-width: 184px;
    background-image: url(../img/device/3/tkcardreader.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;   
}

@supports (gap: 1px){
    .tkcardreader {
        background-image: url(../img/device/3/webp/tkcardreader.webp);
    }
}

.tkam{
    height: 186px;
    width: 184px;
    min-width: 184px;
    background-image: url(../img/device/3/tkam.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@supports (gap: 1px){
    .tkam {
        background-image: url(../img/device/3/webp/tkam.webp);
    }
}



.tkamex{
    height: 186px;
    width: 221px;
    min-width: 221px;
    background-image: url(../img/device/3/tkamex.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;   
}
@supports (gap: 1px){
    .tkamex {
        background-image: url(../img/device/3/webp/tkamex.webp);
    }
}

.tkcan{
    height: 186px;
    width: 167px;
    min-width: 167px;
    background-image: url(../img/device/3/tkcan.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;   
}
@supports (gap: 1px){
    .tkcan {
        background-image: url(../img/device/3/webp/tkcan.webp);
    }
}




.tkecodrive{
    height: 186px;
    width: 184px;
    min-width: 184px;
    background-image: url(../img/device/3/tkecodrive.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;   
}
@supports (gap: 1px){
    .tkecodrive {
        background-image: url(../img/device/3/webp/tkecodrive.webp);
    }
}

.tkreciver{
    height: 186px;
    width: 168px;
    min-width: 168px;
    background-image: url(../img/device/3/tkreciver.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;   
}

@supports (gap: 1px){
    .tkreciver {
        background-image: url(../img/device/3/webp/tkreciver.webp);
    }
}

.tkia{
    height: 186px;
    width: 194px;
    min-width: 194px;
    background-image: url(../img/device/3/tkia.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@supports (gap: 1px){
    .tkia {
        background-image: url(../img/device/3/webp/tkia.webp);
    }
}



.tktmp{
    height: 186px;
    width: 140px;
    min-width: 140px;
    background-image: url(../img/device/3/tktmp.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;   
}
@supports (gap: 1px){
    .tktmp {
        background-image: url(../img/device/3/webp/tktmp.webp);
    }
}

.tkrpm{
    height: 186px;
    width: 191px;
    min-width: 191px;
    background-image: url(../img/device/3/tkrpm.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;   
}
@supports (gap: 1px){
    .tkrpm {
        background-image: url(../img/device/3/webp/tkrpm.webp);
    }
}



.tkcamod{
    height: 186px;
    width: 168px;
    min-width: 168px;
    background-image: url(../img/device/3/tkcamod.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;   
}
@supports (gap: 1px){
    .tkcamod {
        background-image: url(../img/device/3/webp/tkcamod.webp);
    }
}

.tkamair{
    height: 186px;
    width: 146px;
    min-width: 146px;
    background-image: url(../img/device/3/tkamair.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;   
}
@supports (gap: 1px){
    .tkamair {
        background-image: url(../img/device/3/webp/tkamair.webp);
    }
}


.dcdc{
    height: 186px;
    width: 218px;
    min-width: 218px;
    background-image: url(../img/device/3/dcdc.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@supports (gap: 1px){
    .dcdc {
        background-image: url(../img/device/3/webp/dcdc.webp);
    }
}

.tkcapcan{
    height: 186px;
    width: 204px;
    min-width: 204px;
    background-image: url(../img/device/3/tkcapcan.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;   
}
@supports (gap: 1px){
    .tkcapcan {
        background-image: url(../img/device/3/webp/tkcapcan.webp);
    }
}


.tksupercap{
    height: 186px;
    width: 220px;
    min-width: 220px;
    background-image: url(../img/device/3/tksupercap.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;   
}
@supports (gap: 1px){
    .tksupercap {
        background-image: url(../img/device/3/webp/tksupercap.webp);
    }
}

.res_1{
    height: 52px;
    width: 48px;
    min-width: 48px;
    background-image: url(../img/reason/1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;      
}
.res_2{
    height: 52px;
    width: 48px;
    min-width: 48px;
    background-image: url(../img/reason/2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;      
}

.res_3{
    height: 52px;
    width: 48px;
    min-width: 48px;
    background-image: url(../img/reason/3.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;      
}

.res_4{
    height: 52px;
    width: 48px;
    min-width: 48px;
    background-image: url(../img/reason/4.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;      
}
.res_5{
    height: 52px;
    width: 48px;
    min-width: 48px;
    background-image: url(../img/reason/5.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;      
}
.res_6{
    height: 52px;
    width: 48px;
    min-width: 48px;
    background-image: url(../img/reason/6.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;      
}
.res_7{
    height: 52px;
    width: 48px;
    min-width: 48px;
    background-image: url(../img/reason/7.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;      
}
.res_8{
    height: 52px;
    width: 48px;
    min-width: 48px;
    background-image: url(../img/reason/8.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;      
}



h1.h1_last__box_reason {
    font-size: 45px;
    font-family: var(--mainBold);
    color: white;
    text-align: center;
    line-height: 55px;
}

.list_reason {
    padding-bottom: 120px;
    padding-top: 120px;
    padding-right: 100px;
    padding-left: 100px;
    position: relative;
    background: radial-gradient(#3A4149 -36%, #242B33);
}
.list_reason:before {
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 80%;
    height: 80%;
    background-image: url(../img/list_4/mask_group.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.line_head_reason {
    height: 8px;
    margin: auto;
    width: 200px;
    background-color: #FFCB05;
    margin-top: 15px;
    border-radius: 3px;
}

p.reason_p {
    color: white;
    font-family: var(--mainRegular);
    font-size: 14px;
    line-height: 18px;
    margin-top: 25px;
    min-height: 63px;
}

h2.reason_h2 {
    color: white;
    font-family: var(--mainBold);
    font-size: 18px;
    line-height: 22px;
}
.reason_img {
    margin-right: 20px;
}
.reason_group {
    margin: auto;
    margin-top: 150px;
    margin-bottom: 150px;
    z-index: 1;
    position: relative;
}

.reason_cell {
    padding: 30px 30px;
    border: solid 1px #FFFFFF0F;
    background: rgba(57, 65, 75, 0.81);
    border-radius: 20px;
    display: inline-grid;
    min-width: 405px;
    width: 405px;
    box-sizing: border-box;
    height: 225px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.reason_block {
    display: flex;
    align-items: center;
    height: 66px;
}

.reason_img {
    margin-right: 20px;
}


.line_head {
    height: 8px;
    width: 200px;
    background-color: #FFCB05;
    margin: auto;
    margin-top: 15px;
    border-radius: 3px;
}
.boxing_stems__wrapper{
    z-index: 1;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    width: 1200px;
    margin: auto;
    margin-top: 60px;
    gap: 55px;

}
.boxing_stems{

}
.boxing_stems__head{
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}
.boxing_stem_ico{

}
.mont_1{
    height: 47px;
    width: 58px;
    background-image: url(../img/list_2/icon_1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-width: 58px;
}
.mont_2{
    height: 40px;
    width: 73px;
    background-image: url(../img/list_2/icon_2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;  
    min-width: 73px; 
}
.mont_3{
    height: 45px;
    width: 38px;
    background-image: url(../img/list_2/icon_3.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
    min-width: 38px;
}
.mont_4{
    height: 40px;
    width: 45px;
    background-image: url(../img/list_2/icon_4.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
    min-width: 45px; 
}
.mont_5{
    height: 46px;
    width: 46px;
    background-image: url(../img/list_2/icon_5.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
    min-width: 46px;
}
.mont_6{
    height: 56px;
    width: 58px;
    background-image: url(../img/list_2/icon_6.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
    min-width: 58px; 
}
.mont_7{
    height: 52px;
    width: 50px;
    background-image: url(../img/list_2/icon_7.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-width: 50px;  
}
.mont_8{
    height: 42px;
    width: 64px;
    background-image: url(../img/list_2/icon_8.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
    min-width: 64px;
}
.boxing_h3{
    font-family: var(--mainBold);
    color: white;
    margin-left: 20px;
    font-size: 20px;
    line-height: 26px;
}
.boxing_text{
    font-family: var(--mainRegular);
    color: white;
    font-size: 14px;
    line-height: 20px;  
}
a.geo_text {
    cursor: pointer;
    font-family: var(--mainRegular);
    color: white;
    font-size: 20px;
    line-height: 24px;
}

/**********************************List3********************************************/

.list_3{
    background: radial-gradient(#3A4149 -36%, #242B33);

    width: 100%;
    position: relative;
    padding-bottom: 100px;
    overflow: hidden;
}

.truck{
    height: 545px;
    width: 1444px;
    background-image: url(../img/list_3/truck.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: auto;   
}
@supports (gap: 1px){
    .truck {
        background-image: url(../img/list_3/webp/truck.webp);
    }
}


.truck_eng{
    height: 545px;
    width: 1444px;
    background-image: url(../img/list_3/truck_eng.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: auto;   
}
@supports (gap: 1px){
    .truck_eng {
        background-image: url(../img/list_3/webp/truck_eng.webp);
    }
}


.truck_ar{
    height: 545px;
    width: 1444px;
    background-image: url(../img/list_3/truck_ar.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: auto;   
}
@supports (gap: 1px){
    .truck_ar {
        background-image: url(../img/list_3/webp/truck_ar.webp);
    }
}


.numb_stems__wrapper{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 60px;
}
.numb_stems{
    height: 164px;
    width: 248px;
    background-color: #484F58;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.numb_stems_area {
    display: flex;
    align-items: center;
}
.numb_stem_circle__box{
    border-radius: 50%;
    background-color: #394048;
    height: 100px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -40px;
    left: -40px;
}
.numb_stem__number{
    font-family: var(--mainBold);
    color: #FFCB05;
    font-size: 32px;
    position: relative;
    left: 14px;
    top: 14px;
}
.numb_stem__icon{
    margin: auto;
}
.numb_stem__text{
    text-align: center;
    font-family: var(--mainBold);
    color: white;
    font-size: 15px;
    margin-top: 10px;
    line-height: 18px;
}
.numb_stem_icon_1{
    height: 45px;
    width: 85px;
    background-image: url(../img/list_3/icon_1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;      
}
.numb_stem_icon_2{
    height: 80px;
    width: 80px;
    background-image: url(../img/list_3/icon_2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;      
}
.numb_stem_icon_3{
   height: 66px;
   width: 61px;
   background-image: url(../img/list_3/icon_3.svg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;    
}
.numb_stem_icon_4{
    height: 64px;
    width: 101px;
    background-image: url(../img/list_3/icon_4.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
}
.numb_tringle{
    height: 12px;
    width: 12px;
    background-image: url(../img/list_3/trinagle.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
    margin-left: 20px;
    margin-right: 20px;
}

/**********************************List4********************************************/

.list_4{
    background: radial-gradient(#3A4149 -36%, #242B33);
/*    height: 100vh;*/
width: 100%;
position: relative;
padding-bottom: 100px;
display: none;
}
.list_4:before{
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 80%;
    height: 80%;
    background-image: url(../img/list_4/mask_group.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}
.log_company__box{
 display: flex;
 justify-content: space-around;
 align-items: center;
 position: relative;
 z-index: 1;
 width: 1230px;
 margin: auto;
 padding-top: 180px;
}
.skills_box{
    display: flex;
}
.skill_text{
    text-align: right;
}
.skills_text_right{
    text-align: left;
}
.skill{
    font-family: var(--mainBold);
    color: white;
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
}
.skill_line{
    height: 266px;
    width: 1px;
    background-color: #ffffff33;
    margin-left: 20px;
    margin-right: 20px;
}
.logo_company__skill{
    height: 74px;
    width: 354px;
    background-repeat: no-repeat;
    background-image: url(../img/list_1/logo_autograph.svg);
    background-size: cover;
}
.logo_company__skill_mobile{
    display: none;
}


.circle_block {
    display: flex;
    margin: auto;
    width: fit-content;
    margin-top: 100px;
    position: relative;
    z-index: 1;
}
.circle_sharp__text{
    font-family: var(--mainBold);
    color: white;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    margin-top: 20px;
}
.circle__sharp,.circle__sharp_2,.circle__sharp_3,.circle__sharp_4{

    margin: auto;
    width: fit-content;
}
.circle_sharp__numb{
    color: white;
    font-family: var(--mainSemibold);
    font-size: 23px;
    position: absolute;
    top: 72px;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;

}
.circle_sharp__numb_2{
    color: white;
    font-family: var(--mainSemibold);
    font-size: 23px;
    position: absolute;
    top: 72px;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;

}
.circle_sharp__numb_3{
    color: white;
    font-family: var(--mainSemibold);
    font-size: 23px;
    position: absolute;
    top: 72px;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;

}
.circle_sharp__numb_4{
    color: white;
    font-family: var(--mainSemibold);
    font-size: 23px;
    position: absolute;
    top: 72px;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;

}
.cirecle__sharp_box {
    margin-right: 50px;
    margin-left: 50px;
    position: relative;
    height: 259px;
    width: 208px;
    display: block;
}
.circle__sharp svg {
    position: relative;
    width: 164px;
    height: 164px;
    fill: none;
    stroke-dasharray: 466;
    stroke-dashoffset: 466;
    stroke-width: 15px;
    display: block;
    margin: auto;
/*    left: 22px;*/
}

.circle__sharp svg circle:nth-child(1) {
    stroke-dashoffset: 0;
    stroke: #484F58;
    stroke-linecap: round;
    stroke-width: 15px;
}

.circle__sharp svg circle:nth-child(2) {

    stroke: #FFCB05;
    transform-origin: center;
    transform-box: fill-box;
    stroke-linecap: round;
    stroke-width: 15px;
    transform: rotate(275deg);
}

._anim_circle_2 {
    stroke-dashoffset: 461;
    transition: 0.5s;
}
._anim_circle_2_open {
    stroke-dashoffset: 357;
    transition: 0.5s;
}



._anim_circle_3 {
    stroke-dashoffset: 461;
    transition: 0.5s;
}
._anim_circle_3_open {
    stroke-dashoffset: 20;
    transition: 0.5s;
}



._anim_circle_4 {
    stroke-dashoffset: 461;
    transition: 0.5s;
}
._anim_circle_4_open {
    stroke-dashoffset: 287;
    transition: 0.5s;
}



._anim_circle_5 {
    stroke-dashoffset: 461;
    transition: 0.5s;
}
._anim_circle_5_open {
    stroke-dashoffset: 57;
    transition: 0.5s;
}


.circle__sharp_2 svg {
    position: relative;
    width: 164px;
    height: 164px;
    fill: none;
    stroke-dasharray: 466;
    stroke-dashoffset: 466;
    stroke-width: 15px;
    left: 22px;
}

.circle__sharp_2 svg circle:nth-child(1) {
    stroke-dashoffset: 0;
    stroke: #484F58;
    stroke-linecap: round;
    stroke-width: 15px;
}

.circle__sharp_2 svg circle:nth-child(2) {
/*    stroke-dashoffset: 17;*/
stroke: #FFCB05;
transform-origin: center;
transform-box: fill-box;
stroke-linecap: round;
stroke-width: 15px;
transform: rotate(275deg);
}


.list_li_5_sl1_mobile,.list_li_5_sl2_mobile,.list_li_5_sl3_mobile,
.list_li_5_sl4_mobile,.list_li_5_sl5_mobile,.list_li_5_sl6_mobile,.list_li_5_sl7_mobile{
    display: none;
}


.list_li_1_sl6_mobile,.list_li_3_sl6_mobile,.list_li_4_sl6_mobile,
.list_li_5_sl6_mobile,.list_li_6_sl6_mobile,.list_li_7_sl6_mobile{
    display: none;
}

.list_li_1_sl7_mobile,.list_li_2_sl7_mobile,.list_li_3_sl7_mobile,.list_li_4_sl7_mobile,
.list_li_5_sl7_mobile,.list_li_6_sl7_mobile,.list_li_7_sl7_mobile{
    display: none;
}


.circle__sharp_3 svg {
    position: relative;
    width: 164px;
    height: 164px;
    fill: none;
    stroke-dasharray: 466;
    stroke-dashoffset: 466;
    stroke-width: 15px;
    left: 22px;
}

.circle__sharp_3 svg circle:nth-child(1) {
    stroke-dashoffset: 0;
    stroke: #484F58;
    stroke-linecap: round;
    stroke-width: 15px;
}

.circle__sharp_3 svg circle:nth-child(2) {
/*    stroke-dashoffset: 287;*/
stroke: #FFCB05;
transform-origin: center;
transform-box: fill-box;
stroke-linecap: round;
stroke-width: 15px;
transform: rotate(275deg);
}



.circle__sharp_4 svg {
    position: relative;
    width: 164px;
    height: 164px;
    fill: none;
    stroke-dasharray: 466;
    stroke-dashoffset: 466;
    stroke-width: 15px;
    display: block;
    margin: auto;
}

.circle__sharp_4 svg circle:nth-child(1) {
    stroke-dashoffset: 0;
    stroke: #484F58;
    stroke-linecap: round;
    stroke-width: 15px;
}

.circle__sharp_4 svg circle:nth-child(2) {
/*    stroke-dashoffset: 57;*/
stroke: #FFCB05;
transform-origin: center;
transform-box: fill-box;
stroke-linecap: round;
stroke-width: 15px;
transform: rotate(275deg);
}
/**********************************List5_2********************************************/
.list_5_2_space{
    background: radial-gradient(#3A4149 -36%, #242B33);
}

.list_5_2{
    
    height: 980px;
    width: 100%;
    position: relative;
    
    overflow: hidden;
/*    border: solid 1px white;*/

}
.list_5_2_desktop_header{
    margin-top: 80px;
} 
.sliders_flex_box2{
    display: flex;

}
/**********************************List5********************************************/

.list_5_space{
    background: radial-gradient(#3A4149 -36%, #242B33);
}

.list_5{
    
    height: 980px;
    width: 100%;
    position: relative;
    
    overflow: hidden;
/*    border: solid 1px white;*/

}


.sliders_flex_box{
    display: flex;

}
.slider_1 {
    height: 100%;
    min-width: 100%;
    padding-bottom: 100px;
    padding-top: 120px;
    padding-left: 100px;
    transition: 0.5s;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0%);
}

.slider_1_1 {
    height: 100%;
    min-width: 100%;
    padding-bottom: 100px;
    padding-top: 180px;
    padding-left: 100px;
    transition: 0.5s;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0%);
}
.slider_1_left, .slider_1_1_left{
/*  animation-name: example;
  animation-duration: 1s;*/
  filter: blur(10px);
  transition: 0.5s;
  opacity: 0;
  transform: translateX(-100%);
}


.slider_2{
    height: 100%;
    min-width: 100%;
    position: relative;
    padding-bottom: 100px;
    padding-top: 120px;
    padding-left: 100px;
    opacity: 0;
    transition: 0.5s;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(100%);
}

.slider_2_2  {
    height: 100%;
    min-width: 100%;
    position: relative;
    padding-bottom: 100px;
    padding-top: 180px;
    padding-left: 100px;
    opacity: 0;
    transition: 0.5s;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(100%);
}
.slider_2_center, .slider_2_2_center{
    opacity: 1;
    transition: 0.5s;
    transform: translateX(0%);
}

.slider_2_left, .slider_2_2_left{
    opacity: 0;
    transition: 0.5s;
    transform: translateX(-100%);
}

.header_box{
    z-index: 5;
    position: relative;
    width: fit-content;
}
.mobile_none {
    display: none;
}
.header_mobile_box{
/*    display: none;*/

}
.header_mobile_box_area{
    margin-right: 0px;
    margin-left: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 14px;
    background-color: #38414c;
    color: white;
    cursor: pointer;

}

.header_grid, .header_grid2 {
    display: flex;
    overflow-x: scroll;
    height: 50px;
    position: absolute;
    opacity: 0;
    
}

.header_grid::-webkit-scrollbar,.header_grid2::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  z-index: -1;
}

.header_grid::-webkit-scrollbar-track, .header_grid2::-webkit-scrollbar-track {
  background-color: #0d0e0e;
  z-index: -1;
  width: 0px;
  height: 0px;

}

.lheader_grid::-webkit-scrollbar-thumb, .lheader_grid2::-webkit-scrollbar-thumb {
  width: 0px;
  height: 0px;
  background-color: #44484a;
  border-radius: 1px;
  /*  background-image: url(../img/scroll_touch_lg.svg);*/
  background-repeat: no-repeat;
  background-position: center;
  z-index: 90;
  border-radius: 10px;

  
}

.h_slide_mobile, .h_slide_mobile_2 {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    min-width: max-content;
    font-family: var(--mainBold);
    margin-top: 13px;
}
._select {
    /* background-color: #1d242c; */
    background-color: #ffcb05;
    color: #323232;
}

.h_mob_2_1 {
    min-width: 346px;
    width: 346px;
}
.h_mob_2_2 {
    min-width: 339px;
    width: 339px;
}
.h_mob_2_3 {
    min-width: 324px;
    width: 324px;
}

.h_mob_1 {
    min-width: 266px;
    width: 266px;
}
.h_mob_2 {
    min-width: 170px;
    width: 170px;
}

.h_mob_3 {
    min-width: 182px;
    width: 182px;
}

.h_mob_4 {
    min-width: 215px;
    width: 215px;
}

.h_mob_5 {
    min-width: 140px;
    width: 140px;
}
.h_mob_6 {
    min-width: 264px;
    width: 264px;
}
.h_mob_7 {
    min-width: 221px;
    width: 221px;
}
.h_mob_8 {
    min-width: 366px;
    width: 366px;
}

.h_slide{
    font-family: var(--mainBold);
    color: white;
    font-size: 50px;
    line-height: 61px;
    border-radius: 2px;
}
.p_slide_2{
    font-family: var(--mainBold);
    color: white;
    font-size: 20px;
    line-height: 40px;
    border-radius: 2px;
}
.line_slide{
    height: 8px;
    width: 200px;
    background-color: #FFCB05;
    margin-top: 20px;
}
.p_slide_text1{
    font-family: var(--mainRegular);
    color: white;
    font-size: 16px;
    line-height: 19px;
    width: 400px;
    margin-top: 40px;
}

.slide_text_5_mobile{
  font-family: var(--mainRegular);
  color: white;
  font-size: 16px;
  line-height: 19px;
  width: 400px;
  margin-top: 40px;
  display: none;  
}

.p_slide_text1_mobile,.p_slide_text2_mobile,.p_slide2_2_text2_mobile,.p_slide_text3_mobile,
.p_slide_text4_mobile,.p_slide_text5_mobile,
.p_slide_text6_mobile,.p_slide_text7_mobile,
.p_slide_text8_mobile {
    display: none;
}
.car_box{
    position: absolute;
    top: 400px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.car_box_2_2{
    position: absolute;
    top: 390px;
    left: 44%;
    transform: translate(-50%, -50%);
    scale: 0.85;
}

.car_box_2{
    position: absolute;
    top: 500px;
    left: 50%;
    transform: translate(-50%, -50%);
}


.car{
    width: 1400px;
    height: 423px;
    background-image: url(../img/list_5/side_1/car.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
}
@supports (gap: 1px){
    .car {
        background-image: url(../img/list_5/side_1/webp/car.webp);
    }
}
.car_2{
    width: 1600px;
    height: 540px;
    background-image: url(../img/list_5/side_2/car_2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    top: -30px; 
}
@supports (gap: 1px){
    .car_2 {
        background-image: url(../img/list_5/side_2/webp/car_2.webp);
    }
}
.n_car_2{
    width: 1400px;
    height: 423px;
    background-image: url(../img/list_5_2/side_2/n_car_2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    top: -30px; 
    left: 110px;
}
@supports (gap: 1px){
    .n_car_2 {
        background-image: url(../img/list_5_2/side_2/webp/n_car_2.webp);
    }
}
.car_3{
    width: 1400px;
    height: 423px;
    background-image: url(../img/list_5/side_3/car_3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    top: -40px;
}
@supports (gap: 1px){
    .car_3 {
        background-image: url(../img/list_5/side_3/webp/car_3.webp);
    }
}

.slider_text_left{
    font-family: var(--mainRegular);
    color: white;
    font-size: 16px;
    line-height: 19px;
    width: 320px;
    position: absolute;
    bottom: 200px;
    z-index: -1;
}
.slider_text_left_li{
    list-style: disc outside none;
    display: list-item;
    margin-left: 1em;
    margin-top: 10px;
}

.icon_detail_group{

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.icon_detail_group2{

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.sl3_3_style{
    margin-bottom: 120px;
}
.icon_detail_group2_2{

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    position: absolute;
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.icon_detail_group_azs{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.list_azs_text{
   position: absolute;
   right: 100px;
   width: 400px;
   top: 180px;   
}
.list_5_h3{
    color: white;
    font-family: var(--mainSemibold);
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 40px;
    margin-top: 50px;
    width: 400px;

}
.list_group_azs{
    margin-top: 0px;
    position: absolute;
    right: 100px;
    width: 400px;
}
/*.list_group_azs{
  position: absolute;
    right: 100px;
    width: 330px;
    top: 180px;  
}*/
.detail_box {
 
    width: 310px;
    height: 107px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
}
.detail_box:hover{
    background-color: #21272e;
    transition: 0.3s;
}
.detail_box_text {
    width: 330px;
    height: 107px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    cursor: pointer;
}
.detail_text {
    color: white;
    font-family: var(--mainRegular);
    font-size: 16px;
    line-height: 19px;
    max-width: 150px;
}
.detail_tetx_last {
    max-width: 200px;
}
.detail_text_a {
    color: #FFCB05;
    font-family: var(--mainRegular);
    font-size: 16px;
    line-height: 19px;
    text-decoration: underline;
    display: none;
}
.detail_icon {
    margin-right: 20px;
    width: 65px;
}
.d_slide1_1{
    width: 63px;
    height: 39px;
    background-image: url(../img/list_5/side_1/1.svg);
    background-repeat: no-repeat;
    background-size: 63px;
    background-position: center;  
}
.d_slide1_2{
    width: 65px;
    height: 57px;
    background-image: url(../img/list_5/side_1/4.svg);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: center;  
}
.d_slide1_3{
    width: 65px;
    height: 59px;
    background-image: url(../img/list_5/side_1/7.svg);
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: center;  
}
.d_slide1_4{
    width: 65px;
    height: 43px;
    background-image: url(../img/list_5/side_1/2.svg);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: center;  
}
.d_slide1_5{
    width: 65px;
    height: 49px;
    background-image: url(../img/list_5/side_1/5.svg);
    background-repeat: no-repeat;
    background-size: 52px;
    background-position: center;  
}
.d_slide1_6{
    width: 65px;
    height: 55px;
    background-image: url(../img/list_5/side_1/8.svg);
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: center;  
}
.d_slide1_7{
    width: 65px;
    height: 47px;
    background-image: url(../img/list_5/side_1/3.svg);
    background-repeat: no-repeat;
    background-size: 37px;
    background-position: center;  
}
.d_slide1_8{
    width: 65px;
    height: 43px;
    background-image: url(../img/list_5/side_1/6.svg);
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: center;  
}
.d_slide1_9{
    width: 65px;
    height: 47px;
    background-image: url(../img/list_5/side_1/3.svg);
    background-repeat: no-repeat;
    background-size: 37px;
    background-position: center;   
}
.list_group{
    position: absolute;
    right: 100px;
    width: 330px;
    top: 180px;
}

.list_nav{
    position: relative;
    z-index: 1;
}
.shadow_list{
    height: 500px;
    width: 640px;
    right: -22px;
    position: absolute;
    z-index: 1;
    display: none;
    background: radial-gradient(#282f37 20%, #3e6fa700 60%);
}
.list_li{
    color: white;
    font-family: var(--mainSemibold);
    transition: 0.3s;
    line-height: 20px;
    width: 100%;
    border-radius: 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 20px;
    max-width: 380px;
}
.list_li:hover{
    background-color: #484F58;
    transition: 0.3s;
}



.list_li_5_sl5_mobile{
    display: none;
}

.list_li_1_sl6_mobile,.list_li_3_sl6_mobile,.list_li_4_sl6_mobile,
.list_li_5_sl6_mobile,.list_li_6_sl6_mobile,.list_li_7_sl6_mobile{
    display: none;
}

.list_li_1_sl7_mobile,.list_li_2_sl7_mobile,.list_li_3_sl7_mobile,.list_li_4_sl7_mobile,
.list_li_5_sl7_mobile,.list_li_6_sl7_mobile,.list_li_7_sl7_mobile{
    display: none;
}

.mini_light2 {
    height: 35px;
    width: 35px;
    min-width: 35px;
    background-image: url(../img/list_1/light.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: 0.5s;
    margin-right: 10px;
    margin-left: 10px;
}
.list_li_5_sl1 {
    max-width: 200px;
}
.list_li_5_sl2 {
    max-width: 200px;
}
.list_li_5_sl3 {
    max-width: 200px;
}
.list_li_5_sl4 {
    max-width: 200px;
}
.list_li_5_sl5 {
    max-width: 200px;
}
.list_li_5_sl6 {
    max-width: 200px;
}
.list_li_5_sl7 {
    max-width: 200px;
}
.slide_numb{
    color: #ffcb05;
    font-family: var(--mainSemibold);
    font-size: 60px;
    position: absolute;
    right: 80px;
    bottom: 80px;
}
.numb_mini{
    color: white;
    font-family: var(--mainRegular);
    font-size: 30px;
}
.arrows_group{

}
.arrow_left_none{
    height: 44px;
    width: 26px;
    background-image: url(../img/list_5/side_1/none_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
    z-index: 4;
    display: none;
}

.arrow_right_none, .arrow_right_2_none{
    height: 44px;
    width: 26px;
    background-image: url(../img/list_5/side_1/none_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%) rotate(180deg);
    z-index: 4;
    display: none;
}

.arrow_right, .arrow_right_2{
    height: 44px;
    width: 26px;
    background-image: url(../img/list_5/side_1/arrow_right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    transition: 0.3s;
    cursor: pointer;
    z-index: 4;
}
.arrow_right:hover, .arrow_right_2:hover{
    transform: scale(1.05)translateY(-50%);
    transition: 0.3s;
}

.arrow_left, .arrow_left_2{
    height: 44px;
    width: 26px;
    background-image: url(../img/list_5/side_2/arrow_left.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    transition: 0.3s;
    cursor: pointer;
    z-index: 4;
}
.arrow_left:hover, .arrow_left_2:hover{
    transform: scale(1.05)translateY(-50%);
    transition: 0.3s;
}



.slide_1_shaddow__window{
    background-color: black;
    height: 100vh;
    width: 100%;
    position: absolute;
}

.points{
    height: 45px;
    width: 45px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
/*    background-image: url(../img/list_5/side_1/point.svg);*/
z-index: 4;
cursor: pointer;
list-style: none;
}

.point_1{
    right: 450px;
    top: 220px;
    position: absolute;
}

.point_2{
    position: absolute;
    right: 360px;
    top: 165px;
}
.point_3{
    position: absolute;
    right: 414px;
    top: 143px;
}
.point_4{
    position: absolute;
    right: 470px;
    top: 142px;
}
.point_5{
    position: absolute;
    right: 530px;
    top: 150px;
}

.point_6{
    position: absolute;
    right: 360px;
    top: 10px;
}
.point_7{
    position: absolute;
    right: 640px;
    top: 60px;
}



.point_8{
    position: absolute;
    right: 815px;
    top: 49px;
}
.point_9{
    position: absolute;
    right: 1040px;
    top: 150px;
    transition: 0.3s;
    list-style: none;
}
.point_10{
    position: absolute;
    right: 910px;
    top: 290px;
    transition: 0.3s;
    list-style: none;
}
.point_11{
    position: absolute;
    right: 470px;
    top: 85px;
    transition: 0.3s;
    list-style: none;
}



.filter_add{
    height: 45px;
    width: 45px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../img/list_5/side_1/point_gray.svg);
    z-index: 4;
    cursor: pointer;
    list-style: none;

}

.filter_none{
    height: 45px;
    width: 45px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: 0.3s;
    background-image: url(../img/list_5/side_1/point.svg);
}
.filter_none:after {
    content: '';
    height: 45px;
    width: 45px;
    left: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../img/list_5/side_1/point.svg);
    transition: 0.3s;
}
/***********************point1 slide1*********************/
.points_text_group_1_base{
    border-radius: 18px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    padding: 20px;
    position: relative;
}
.points_text_group_1 {
    position: absolute;
    border-radius: 18px;
    width: 0px;
    height: 163px;
    right: 30px;
    top: -54px;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
    list-style-type: none;
    visibility: hidden;
    overflow: hidden;
    box-shadow: #00000042 0px 0px 0px 0px;
}


.point_1_area_sl1 {
    min-width: 270px;
    width: 270px;
    height: 163px;
}

.points_text_group_1_open{
    width: 270px;
    height: 163px;
    transition: 0.3s;
    box-shadow: #00000042 0px 22px 15px -12px;
}


.points_text_group_1_eng, .point_1_area_sl1_eng, .points_text_group_1_open_eng{
    height: 148px;
}

.points_1_sl1_ico,.points_2_sl1_ico,.points_3_sl1_ico,.points_4_sl1_ico,.points_5_sl1_ico,.points_6_sl1_ico,.points_7_sl1_ico,.points_8_sl1_ico,.points_9_sl1_ico,.points_10_sl1_ico,.points_11_sl1_ico{
    height: 45px;
    width: 45px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../img/list_5/side_1/point.svg);
    z-index: 4;
    cursor: pointer;
    list-style: none;
    transition: 0.3s;
    position: absolute;
    top: 0;
    left: 0;
}
.detail_minilight_3{
    height: 35px;
    width: 35px;
    top: 7px;
    left: 7px;
    position: absolute;
    background-image: url(../img/list_1/light.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    transition: 0.3s;
}
/***********************point2 slide1*********************/
.points_text_group_2_base{
    border-radius: 18px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    padding: 20px;
}
.points_text_group_2 {
    position: absolute;
    border-radius: 18px;
    width: 0px;
    height: 208px;
    right: 30px;
    top: -54px;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
    list-style-type: none;
    visibility: hidden;
    overflow: hidden;
    box-shadow: #00000042 0px 0px 0px 0px;
}

.point_2_area_sl1 {
    min-width: 330px;
    width: 330px;
    height: 208px;
}

.points_text_group_2_open{
    width: 330px;
    height: 208px;
    transition: 0.3s;
    box-shadow: #00000042 0px 22px 15px -12px;
}
.points_text_group_2_eng, .point_2_area_sl1_eng, .points_text_group_2_open_eng{
    height: 190px;
}
.points_text_group_2_shadow{
    width: 93%;
    height: 90%;
    background-color: #0000007d;
    position: absolute;
    border-radius: 15px;
    filter: blur(10px);
    z-index: -1;
    left: 19px;
    top: 23px;
}

.detail_minilight_1{
    height: 35px;
    width: 35px;
    top: 7px;
    left: 7px;
    position: absolute;
    background-image: url(../img/list_1/light.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    transition: 0.3s;
}

/***********************point3 slide1*********************/
.points_text_group_3_base{
    border-radius: 18px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    padding: 20px;
}
.points_text_group_3 {
    position: absolute;
    border-radius: 18px;
    width: 0px;
    height: 142px;
    right: 30px;
    top: -47px;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
    list-style-type: none;
    visibility: hidden;
    overflow: hidden;
    box-shadow: #00000042 0px 0px 0px 0px;
}

.point_3_area_sl1 {
    min-width: 320px;
    width: 320px;
    height: 142px;
}

.points_text_group_3_open{
    width: 320px;
    height: 142px;
    transition: 0.3s;
    box-shadow: #00000042 0px 22px 15px -12px;
}


.points_text_group_3_shadow{
    width: 93%;
    height: 90%;
    background-color: #0000007d;
    position: absolute;
    border-radius: 15px;
    filter: blur(10px);
    z-index: -1;
    left: 19px;
    top: 23px;
}

.detail_minilight_7{
    height: 35px;
    width: 35px;
    top: 7px;
    left: 7px;
    position: absolute;
    background-image: url(../img/list_1/light.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    transition: 0.3s;
}

/***********************point4 slide1*********************/
.points_text_group_4_base{
    border-radius: 18px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    padding: 20px;
}
.points_text_group_4 {
    position: absolute;
    border-radius: 18px;
    width: 0px;
    height: 147px;
    right: 30px;
    top: -48px;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
    list-style-type: none;
    visibility: hidden;
    overflow: hidden;
    box-shadow: #00000042 0px 0px 0px 0px;
}

.point_4_area_sl1 {
    min-width: 270px;
    width: 270px;
    height: 147px;
}

.points_text_group_4_open{
    width: 270px;
    height: 147px;
    transition: 0.3s;
    box-shadow: #00000042 0px 22px 15px -12px;
}


.points_text_group_4_shadow{
    width: 93%;
    height: 90%;
    background-color: #0000007d;
    position: absolute;
    border-radius: 15px;
    filter: blur(10px);
    z-index: -1;
    left: 19px;
    top: 23px;
}

.detail_minilight_5{
    height: 35px;
    width: 35px;
    top: 7px;
    left: 7px;
    position: absolute;
    background-image: url(../img/list_1/light.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    transition: 0.3s;
}

/***********************point5 slide1*********************/
.points_text_group_5_base{
    border-radius: 18px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    padding: 20px;
}
.points_text_group_5 {
    position: absolute;
    border-radius: 18px;
    width: 0px;
    height: 131px;
    right: 30px;
    top: -41px;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
    list-style-type: none;
    visibility: hidden;
    overflow: hidden;
    box-shadow: #00000042 0px 0px 0px 0px;
}

.point_5_area_sl1 {
    min-width: 270px;
    width: 270px;
    height: 131px;
}

.points_text_group_5_open{
    width: 270px;
    height: 131px;
    transition: 0.3s;
    box-shadow: #00000042 0px 22px 15px -12px;
}

.points_text_group_5_shadow{
    width: 93%;
    height: 90%;
    background-color: #0000007d;
    position: absolute;
    border-radius: 15px;
    filter: blur(10px);
    z-index: -1;
    left: 19px;
    top: 23px;
}

.detail_minilight_4{
    height: 35px;
    width: 35px;
    top: 7px;
    left: 7px;
    position: absolute;
    background-image: url(../img/list_1/light.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    transition: 0.3s;
}

/***********************point6 slide1*********************/
.points_text_group_6_base{
    border-radius: 18px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    padding: 20px;
}
.points_text_group_6 {
    position: absolute;
    border-radius: 18px;
    width: 0px;
    height: 150px;
    right: 22px;
    top: -54px;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
    list-style-type: none;
    visibility: hidden;
    overflow: hidden;
    box-shadow: #00000042 0px 0px 0px 0px;
}

.point_6_area_sl1 {
    min-width: 270px;
    width: 270px;
    height: 150px;
}

.points_text_group_6_open{
    width: 270px;
    height: 150px;
    transition: 0.3s;
    box-shadow: #00000042 0px 22px 15px -12px;
}
.points_text_group_6_eng, .point_6_area_sl1_eng, .points_text_group_6_open_eng{
    height: 125px;
}

.points_text_group_6_shadow{
    width: 93%;
    height: 90%;
    background-color: #0000007d;
    position: absolute;
    border-radius: 15px;
    filter: blur(10px);
    z-index: -1;
    left: 19px;
    top: 23px;
}
.detail_minilight_6{
    height: 35px;
    width: 35px;
    top: 7px;
    left: 7px;
    position: absolute;
    background-image: url(../img/list_1/light.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    transition: 0.3s;
}


/***********************point7 slide1*********************/
.points_text_group_7_base{
    border-radius: 18px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    padding: 20px;
}
.points_text_group_7 {
    position: absolute;
    border-radius: 18px;
    width: 0px;
    height: 143px;
    right: 30px;
    top: -42px;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
    list-style-type: none;
    visibility: hidden;
    overflow: hidden;
    box-shadow: #00000042 0px 0px 0px 0px;
}

.point_7_area_sl1 {
    min-width: 270px;
    width: 270px;
    height: 143px;
}

.points_text_group_7_open{
    width: 270px;
    height: 143px;
    transition: 0.3s;
    box-shadow: #00000042 0px 22px 15px -12px;
}
.points_text_group_7_shadow{
    width: 93%;
    height: 90%;
    background-color: #0000007d;
    position: absolute;
    border-radius: 15px;
    filter: blur(10px);
    z-index: -1;
    left: 19px;
    top: 23px;
}

.detail_minilight_2{
    height: 35px;
    width: 35px;
    top: 7px;
    left: 7px;
    position: absolute;
    background-image: url(../img/list_1/light.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    transition: 0.3s;
}

/***********************point8 slide1*********************/
.points_text_group_8_base{
    border-radius: 18px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    padding: 20px;
}


.points_text_group_8 {
    position: absolute;
    border-radius: 18px;
    width: 0px;
    right: 30px;
    height: 160px;
    top: -57px;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
    list-style-type: none;
    visibility: hidden;
    overflow: hidden;
    box-shadow: #00000042 0px 0px 0px 0px;
}
.points_text_group_8_eng{
    height: 140px;
}


.point_8_area_sl1 {
    min-width: 270px;
    width: 270px;
    height: 160px;
}
.points_text_group_8_open{
    width: 270px;
    height: 160px;
    transition: 0.3s;
    box-shadow: #00000042 0px 22px 15px -12px;
}


.points_text_group_8_eng, .point_8_area_sl1_eng, .points_text_group_8_open_eng{
    height: 140px;
}

.points_text_group_8_shadow{
    width: 93%;
    height: 90%;
    background-color: #0000007d;
    position: absolute;
    border-radius: 15px;
    filter: blur(10px);
    z-index: -1;
    left: 19px;
    top: 23px;
}


/***********************point9 slide1*********************/
.points_text_group_9_base{
    border-radius: 18px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    padding: 20px;
}

.points_text_group_9 {
    position: absolute;
    border-radius: 18px;
    width: 0px;
    height: 148px;
    left: 30px;
    top: -50px;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
    list-style-type: none;
    visibility: hidden;
    overflow: hidden;
    box-shadow: #00000042 0px 0px 0px 0px;
}

.point_9_area_sl1 {
    min-width: 270px;
    width: 270px;
    height: 148px;
}

.points_text_group_9_open{
    width: 270px;
    height: 148px;
    transition: 0.3s;
    box-shadow: #00000042 0px 22px 15px -12px;
}

.points_text_group_9_shadow{
    width: 93%;
    height: 90%;
    background-color: #0000007d;
    position: absolute;
    border-radius: 15px;
    filter: blur(10px);
    z-index: -1;
    left: 19px;
    top: 23px;
}

.detail_minilight_8{
    height: 35px;
    width: 35px;
    top: 7px;
    left: 7px;
    position: absolute;
    background-image: url(../img/list_1/light.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    transition: 0.3s;
}

/***********************point10 slide1*********************/
.points_text_group_10_base{
    border-radius: 18px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    padding: 20px;
}
.points_text_group_10 {
    position: absolute;
    border-radius: 18px;
    width: 0px;
    height: 150px;
    right: 30px;

    top: -58px;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
    list-style-type: none;
    visibility: hidden;
    overflow: hidden;
    box-shadow: #00000042 0px 0px 0px 0px;
}

.point_10_area_sl1 {
    min-width: 270px;
    width: 270px;
    height: 160px;
}

.points_text_group_10_open{
    width: 270px;
    height: 160px;
    transition: 0.3s;
    box-shadow: #00000042 0px 22px 15px -12px;
}


.points_text_group_10_eng, .point_10_area_sl1_eng, .points_text_group_10_open_eng{
    height: 150px;
}


.points_text_group_10_shadow{
    width: 93%;
    height: 90%;
    background-color: #0000007d;
    position: absolute;
    border-radius: 15px;
    filter: blur(10px);
    z-index: -1;
    left: 19px;
    top: 23px;
}

/***********************point11 slide1*********************/
.points_text_group_11_base{
    border-radius: 18px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    padding: 20px;
}
.points_text_group_11 {
    position: absolute;
    border-radius: 18px;
    width: 270px;
    height: 0px;
    right: 30px;
    top: 25px;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
    list-style-type: none;
    visibility: hidden;
    overflow: hidden;
    box-shadow: #00000042 0px 0px 0px 0px;
}

.point_11_area_sl1 {
    min-width: 270px;
    width: 270px;
    height: 156px;
}

.points_text_group_11_open{
    width: 270px;
    height: 156px;
    transition: 0.3s;
    box-shadow: #00000042 0px 22px 15px -12px;
}

.point_11_area_sl1_eng{
    height: 140px;
}
.points_text_group_11_open_eng{
   height: 140px;   
}
.points_text_group_11_shadow{
    width: 93%;
    height: 90%;
    background-color: #0000007d;
    position: absolute;
    border-radius: 15px;
    filter: blur(10px);
    z-index: -1;
    left: 19px;
    top: 23px;
}

.points_text_name_sl1_decision {
    font-family: var(--mainSemibold);
    color: #ffcb05;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
}

/*_____________________________*/
.points_text_h{
    font-family: var(--mainSemibold);
    color: white;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    cursor: text;

}
.points_text_name{
    font-family: var(--mainSemibold);
    color: #ffcb05;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 10px;
    cursor: text;
    
}
.points_text_about{
    font-family: var(--mainRegular);
    color: white;
    font-size: 12px;
    line-height: 16px;
    cursor: text;
    
}

/**************************slide2******************/

.d_slide1_4_sl2 {
    width: 76px;
    height: 53px;
    background-image: url(../img/list_5/side_2/4.svg);
    background-repeat: no-repeat;
    background-size: 76px;
    background-position: center;
}

.d_slide1_5_sl2 {
    width: 63px;
    height: 39px;
    background-image: url(../img/list_5/side_2/5.svg);
    background-repeat: no-repeat;
    background-size: 63px;
    background-position: center;
}

/**************************slide2******************/


/**************************slide3******************/
.detail_opacity{
    opacity: 0;
}
.slider_3 {
/*    background: radial-gradient(#3A4149 -36%, #242B33);*/
height: 100%;
min-width: 100%;
position: relative;
padding-bottom: 100px;
padding-top: 120px;
padding-left: 100px;
opacity: 0;
transition: 0.5s;
position: absolute;
top: 0;
left: 0;
transform: translateX(100%);
}
.slider_3_3 {
    /*    background: radial-gradient(#3A4149 -36%, #242B33);*/
    height: 100%;
    min-width: 100%;
    position: relative;
    padding-bottom: 100px;
    padding-top: 180px;
    padding-left: 100px;
    opacity: 0;
    transition: 0.5s;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(100%);
}

.slider_3_center, .slider_3_3_center{
    opacity: 1;
    transition: 0.5s;
    transform: translateX(0%);
}
.slider_3_left, .slider_3_3_left{
    opacity: 1;
    transition: 0.5s;
    transform: translateX(-100%);
}


.d_slide3_1{
    width: 63px;
    height: 39px;
    background-image: url(../img/list_5/side_1/1.svg);
    background-repeat: no-repeat;
    background-size: 63px;
    background-position: center;  
}
.d_slide3_2{
    width: 65px;
    height: 43px;
    background-image: url(../img/list_5/side_1/6.svg);
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: center;
}
.d_slide3_3{
    width: 65px;
    height: 55px;
    background-image: url(../img/list_5/side_1/8.svg);
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: center; 
}
.d_slide3_4{
    width: 65px;
    height: 59px;
    background-image: url(../img/list_5/side_1/7.svg);
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: center;
}
.d_slide3_5{
    width: 63px;
    height: 39px;
    background-image: url(../img/list_5/side_2/5.svg);
    background-repeat: no-repeat;
    background-size: 63px;
    background-position: center; 
}
.d_slide3_6{
    width: 65px;
    height: 55px;
    background-image: url(../img/list_5/side_1/8.svg);
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: center;  
}
.d_slide3_7{
    width: 65px;
    height: 47px;
    background-image: url(../img/list_5/side_1/3.svg);
    background-repeat: no-repeat;
    background-size: 37px;
    background-position: center;
}
.d_slide3_8{
    width: 58px;
    height: 41px;
    background-image: url(../img/list_5/side_3/6.svg);
    background-repeat: no-repeat;
    background-size: 58px;
    background-position: center;  
}




/**************************slide4******************/
.slider_4, .slider_4_4 {
/*    background: radial-gradient(#3A4149 -36%, #242B33);*/
height: 100%;
min-width: 100%;
position: relative;
padding-bottom: 100px;
padding-top: 120px;
padding-left: 100px;
opacity: 0;
transition: 0.5s;
position: absolute;
top: 0;
left: 0;
transform: translateX(100%);
}
.slider_4_center, .slider_4_4_center{
    opacity: 1;
    transition: 0.5s;
    transform: translateX(0%);
}
.slider_4_left, .slider_4_4_left{
    opacity: 1;
    transition: 0.5s;
    transform: translateX(-100%);
}
.slider_text_h{
    font-family: var(--mainSemibold);
    font-size: 22px;
    line-height: 27px;
}


.d_slide4_1{
    width: 63px;
    height: 39px;
    background-image: url(../img/list_5/side_1/1.svg);
    background-repeat: no-repeat;
    background-size: 63px;
    background-position: center;  
}
.d_slide4_2{
    width: 65px;
    height: 43px;
    background-image: url(../img/list_5/side_1/2.svg);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: center;
}
.d_slide4_3{
    width: 76px;
    height: 53px;
    background-image: url(../img/list_5/side_2/4.svg);
    background-repeat: no-repeat;
    background-size: 76px;
    background-position: center;
    margin-left: -6px;
    margin-right: 14px;

}
.d_slide4_4{
    width: 65px;
    height: 47px;
    background-image: url(../img/list_5/side_1/3.svg);
    background-repeat: no-repeat;
    background-size: 37px;
    background-position: center; 
}
.d_slide4_5{
    width: 63px;
    height: 39px;
    background-image: url(../img/list_5/side_2/5.svg);
    background-repeat: no-repeat;
    background-size: 63px;
    background-position: center; 
}
.d_slide4_6{
    width: 65px;
    height: 53px;
    background-image: url(../img/list_5/side_4/7.svg);
    background-repeat: no-repeat;
    background-size: 33px;
    background-position: center;
}
.d_slide4_7{
    width: 65px;
    height: 47px;
    background-image: url(../img/list_5/side_1/3.svg);
    background-repeat: no-repeat;
    background-size: 37px;
    background-position: center;
}
.d_slide4_8{
    width: 65px;
    height: 53px;
    background-image: url(../img/list_5/side_4/6.svg);
    background-repeat: no-repeat;
    background-size: 44px;
    background-position: center;  
}
.d_slide2_2_2{
    width: 65px;
    height: 53px;
    background-image: url(../img/list_5/side_4/6.svg);
    background-repeat: no-repeat;
    background-size: 44px;
    background-position: center;  
}

.d_slide4_9{
    width: 85px;
    height: 36px;
    background-image: url(../img/list_5/side_4/8.svg);
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: center;
    margin-left: -10px;
    margin-right: 10px;
}

.car_4{
    width: 1400px;
    height: 423px;
    background-image: url(../img/list_5/side_4/car_4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
}

@supports (gap: 1px){
    .car_4{
        background-image: url(../img/list_5/side_4/webp/car_4.webp);
    }
}
.n_car_4{
    width: 1600px;
    height: 423px;
    background-image: url(../img/list_5_2/side_3/n_car_4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 

}

@supports (gap: 1px){
    .n_car_4{
        background-image: url(../img/list_5_2/side_3/webp/n_car_4.webp);
    }
}

.car_box_2 {
    position: absolute;
    top: 350px;
    left: 50%;
    transform: translate(-50%, -50%);
}




/**************************slide4******************/



/**************************slide5******************/
.slider_5, .slider_5_5 {
/*    background: radial-gradient(#3A4149 -36%, #242B33);*/
height: 100%;
min-width: 100%;
position: relative;
padding-bottom: 100px;
padding-top: 120px;
padding-left: 100px;
opacity: 0;
transition: 0.5s;
position: absolute;
top: 0;
left: 0;
transform: translateX(100%);
}
.slider_5_center, .slider_5_5_center{
    opacity: 1;
    transition: 0.5s;
    transform: translateX(0%);
}
.slider_5_left, .slider_5_5_left{
    opacity: 1;
    transition: 0.5s;
    transform: translateX(-100%);
}

.car_5{
    width: 800px;
    height: 513px;
    background-image: url(../img/list_5/side_5/car_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    top: 0px;
}
@supports (gap: 1px){
    .car_5{
        background-image: url(../img/list_5/side_5/webp/car_5.webp);
    }
}
.point_1_sl5{
    right: 473px;
    top: 154px;
    position: absolute;
}
.point_2_sl5{
    position: absolute;
    right: 425px;
    top: 161px;
}
.point_3_sl5{
    position: absolute;
    right: 658px;
    top: 70px;
}
.point_4_sl5{
    position: absolute;
    right: 754px;
    top: 345px;
}
.point_5_sl5{
    position: absolute;
    right: 793px;
    top: 170px;
}
.point_6_sl5{
    position: absolute;
    right: 867px;
    top: 189px;
}
.point_7_sl5{
    position: absolute;
    right: 944px;
    top: 365px;
}


.d_slide5_1{
    width: 65px;
    height: 47px;
    background-image: url(../img/list_5/side_1/3.svg);
    background-repeat: no-repeat;
    background-size: 37px;
    background-position: center;
}
.d_slide5_2{
    width: 76px;
    height: 53px;
    background-image: url(../img/list_5/side_1/6.svg);
    background-repeat: no-repeat;
    background-size: 76px;
    background-position: center;
    margin-left: -6px;
    margin-right: 14px;
}
.d_slide5_3{
    width: 65px;
    height: 55px;
    background-image: url(../img/list_5/side_2/4.svg);
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: center;

}
.d_slide5_4{
    width: 65px;
    height: 57px;
    background-image: url(../img/list_5/side_1/4.svg);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: center;
}
.d_slide5_5{
    width: 65px;
    height: 43px;
    background-image: url(../img/list_5/side_1/1.svg);
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: center;
}
.d_slide5_6{
    width: 65px;
    height: 53px;
    background-image: url(../img/list_5/side_4/7.svg);
    background-repeat: no-repeat;
    background-size: 33px;
    background-position: center;
}
.d_slide5_7{
    width: 65px;
    height: 47px;
    background-image: url(../img/list_5/side_1/3.svg);
    background-repeat: no-repeat;
    background-size: 37px;
    background-position: center;
}
.d_slide5_8{
    width: 65px;
    height: 55px;
    background-image: url(../img/list_5/side_1/8.svg);
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: center;
}


/**************************slide5******************/


/**************************slide6******************/
.slider_6, .slider_6_6  {
/*    background: radial-gradient(#3A4149 -36%, #242B33);*/
height: 100%;
min-width: 100%;
position: relative;
padding-bottom: 100px;
padding-top: 120px;
padding-left: 100px;
opacity: 0;
transition: 0.5s;
position: absolute;
top: 0;
left: 0;
transform: translateX(100%);
}
.slider_6_center, .slider_6_6_center{
    opacity: 1;
    transition: 0.5s;
    transform: translateX(0%);
}
.slider_6_left, .slider_6_6_left{
    opacity: 1;
    transition: 0.5s;
    transform: translateX(-100%);
}
.car_box_6{
    position: absolute;
    top: 360px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.list_group_6{
    position: absolute;
    right: 100px;
    width: 360px;
    top: 180px;
}
.car_6{
    width: 1400px;
    height: 430px;
    background-image: url(../img/list_5/side_6/car_6.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
@supports (gap: 1px){
    .car_6{
        background-image: url(../img/list_5/side_6/webp/car_6.webp);
    }
}

/**************************slide7******************/
.slider_7, .slider_7_7 {
/*    background: radial-gradient(#3A4149 -36%, #242B33);*/
height: 100%;
min-width: 100%;
position: relative;
padding-bottom: 100px;
padding-top: 120px;
padding-left: 100px;
opacity: 0;
transition: 0.5s;
position: absolute;
top: 0;
left: 0;
transform: translateX(100%);
}
.slider_7_center, .slider_7_7_center{
    opacity: 1;
    transition: 0.5s;
    transform: translateX(0%);
}
.slider_7_left, .slider_7_7_left{
    opacity: 1;
    transition: 0.5s;
    transform: translateX(-100%);
}

.icon_detail_group{

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.icon_detail_group2{

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}


.car_7{
    width: 1160px;
    height: 580px;
    background-image: url(../img/list_5/side_7/people.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0px;
    position: relative;
    left: -50px;
}

@supports (gap: 1px){
    .car_7{
        background-image: url(../img/list_5/side_7/webp/people.webp);
    }
}

.car_1_1{
    width: 1160px;
    height: 620px;
    background-image: url(../img/list_5_2/side_1/new_people.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0px;
    position: relative;
    left: -50px;
}

@supports (gap: 1px){
    .car_1_1{
        background-image: url(../img/list_5_2/side_1/webp/new_people.webp);
    }
}


.detail_box_sl7,.detail_box_sl1_1{
    width: 360px;
    height: 107px;
    padding-left: 15px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    transition: 0.3s;
/*    cursor: pointer;*/
position: relative;

}
.d_slide7_1,.d_slide1_1_1{
    width: 73px;
    height: 63px;
    background-image: url(../img/list_5/side_7/1.svg);
    background-repeat: no-repeat;
    background-size: 53px;
    background-position: center -2px;
    margin-right: 15px;
    margin-left: 2px;
}
.d_slide7_2,.d_slide1_1_2{
    width: 73px;
    min-width: 73px;
    height: 63px;
    background-image: url(../img/list_5/side_7/2.svg);
    background-repeat: no-repeat;
    background-size: 68px;
    background-position: center;
    margin-left: 5px;
}
.d_slide7_3,.d_slide1_1_3{
    width: 73px;
    height: 63px;
    background-image: url(../img/list_5/side_7/3.svg);
    background-repeat: no-repeat;
    background-size: 56px;
    background-position: center -6px;
    margin-left: 6px;

}
.d_slide7_4,.d_slide1_1_4{
    width: 73px;
    height: 63px;
    background-image: url(../img/list_5/side_7/4.svg);
    background-repeat: no-repeat;
    background-size: 61px;
    background-position: center;
    margin-right: 10px;
    margin-left: 5px;
}
.d_slide7_5,.d_slide1_1_5{
    width: 73px;
    height: 63px;
    background-image: url(../img/list_5/side_7/5.svg);
    background-repeat: no-repeat;
    background-size: 45px;
    background-position: center;
    margin-left: 10px;
    margin-right: 15px;

}
.d_slide7_6,.d_slide1_1_6{
    width: 73px;
    height: 64px;
    background-image: url(../img/list_5/side_7/6.svg);
    background-repeat: no-repeat;
    background-size: 69px;
    background-position: center;
    margin-left: 15px;
    margin-right: 10px;
}
.list_group_sl7{
    width: 400px;
}
.text_slider_7{
    font-family: var(--mainRegular);
    color: white;
    font-size: 14px;
    line-height: 18px;
    width: 320px;
    position: absolute;
    bottom: 100px;
}
.text_upslider_7{
    font-family: var(--mainBold);
    color: white;
}
/**************************slide7******************/
/**************************slide8******************/
.slider_8, .slider_8_8 {
/*    background: radial-gradient(#3A4149 -36%, #242B33);*/
height: 100%;
min-width: 100%;
position: relative;
padding-bottom: 100px;
padding-top: 120px;
padding-left: 100px;
opacity: 0;
transition: 0.5s;
position: absolute;
top: 0;
left: 0;
transform: translateX(100%);
}
.slider_8_center, .slider_8_8_center{
    opacity: 1;
    transition: 0.5s;
    transform: translateX(0%);
}
.slider_8_left, .slider_8_8_left{
    opacity: 1;
    transition: 0.5s;
    transform: translateX(-100%);
}

.car_8{
    width: 880px;
    height: 423px;
    background-image: url(../img/list_5/side_8/building.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: -30px;
    position: relative;
}
.car_box_8{
    position: absolute;
    top: 360px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.arrow_left8_none, .arrow_left_3_none {
    height: 64px;
    width: 40px;
    background-image: url(../img/list_5/side_1/none_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 40px;
    transform:translateY(-50%) rotate(180deg);
    z-index: 4;
}



.detail_box8 {
    width: 430px;
    height: 107px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    transition: 0.3s;
/*    cursor: pointer;*/
position: relative;
}

.d_slide8_1{
    width: 68px;
    height: 70px;
    background-image: url(../img/list_5/side_8/8_1.svg);
    background-repeat: no-repeat;
    background-size: 68px;
    background-position: center 4px;
    margin-right: 15px;
    margin-left: 2px;
}
.d_slide8_2{
    width: 63px;
    height: 61px;
    background-image: url(../img/list_5/side_8/8_2.svg);
    background-repeat: no-repeat;
    background-size: 63px;
    background-position: center;
    min-width: 63px;
}
.d_slide8_3{
    width: 65px;
    height: 75px;
    background-image: url(../img/list_5/side_8/8_3.svg);
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: center -5px;

}
.d_slide8_4{
    width: 65px;
    height: 57px;
    background-image: url(../img/list_5/side_8/8_4.svg);
    background-repeat: no-repeat;
    background-size: 54px;
    background-position: center;
    margin-left: 5px;
    margin-right: 14px;
}
.d_slide8_5{
    width: 65px;
    height: 76px;
    background-image: url(../img/list_5/side_8/8_5.svg);
    background-repeat: no-repeat;
    background-size: 44px;
    background-position: center -9px;
    margin-right: 16px;
}
.d_slide8_6{
    width: 65px;
    height: 73px;
    background-image: url(../img/list_5/side_8/8_6.svg);
    background-repeat: no-repeat;
    background-size: 44px;
    background-position: center;
}
.d_slide8_7{
    width: 65px;
    height: 65px;
    background-image: url(../img/list_5/side_8/8_7.svg);
    background-repeat: no-repeat;
    background-size: 57px;
    background-position: center;
}
.d_slide8_8{
    width: 73px;
    height: 66px;
    background-image: url(../img/list_5/side_8/8_8.svg);
    background-repeat: no-repeat;
    background-size: 63px;
    background-position: center;
    margin-right: 16px;
    margin-left: -7px;
    min-width: 70px;
}

.p_slide_text8{

    font-family: var(--mainRegular);
    color: white;
    font-size: 16px;
    line-height: 19px;
    width: 340px;
    margin-top: 40px;
    position: absolute;
    right: 110px;
    top: 170px;
}
.p_slide_text8_mobile{
    display: none;
}
/**************************slide8******************/
/**********************************List6********************************************/

.list_6{

    background: radial-gradient(#3A4149 -36%, #242B33);
    height: 980px;
    width: 100%;
    position: relative;
    padding-bottom: 100px;
    padding-left: 100px;
    padding-right: 60px;
    overflow: hidden;

}

.list_6:before {
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 80%;
    height: 80%;
    background-image: url(../img/list_4/mask_group.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.h_line__box_buy {
    text-align: left;
    padding-top: 100px;
    position: relative;
    z-index: 1;
}
h1.h1_last__box_buy  {
    font-size: 45px;
    font-family: var(--mainBold);
    color: white;
    text-align: left;
    line-height: 55px;
    max-width: 500px;
}
.line_head_buy {
    height: 8px;
    width: 200px;
    background-color: #FFCB05;
    margin-top: 15px;
    text-align: left;
    border-radius: 3px;
}

.form_site_group{
    width: fit-content;
    position: relative;
    -webkit-backface-visibility: hidden;
}

input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}

.form{

}
.form_title_text_main{
    font-family: var(--mainRegular);
    color: white;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    width: 500px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.f_group{
    /* display: ; */
}
.form_groups_main{
    display: block;
}
.form_input,
.form_button { 
}

.form_title{
    font-size: 40px;
    font-family: var(--f900);
    margin: 0 0 32px 0;
}
.form_group_main{
    position: relative;
    margin-bottom: auto;
    width: 600px;
    margin: auto;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;

}
.form_group_main_tut{
    position: relative;
    margin-bottom: auto;
    width: 600px;
    margin: auto;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form_group_site{
    margin-right: 0px;
}
.form_label_main{
    position: absolute;
    top: -14px;
    left: -17px;
    z-index: 0;
    color: #7f8891;
    transition: .3s;
    padding: 45px;
    font-family: var(--mainRegular);
    z-index: 1;
}
.form_input_main{
    width: 100%;
    border: 2px solid #f1a93d00;
    background-color: #39414b00;
    outline: none;
    transition: 0s;
    height: 72px;
    border-radius: 20px;
    font-family: var(--mainRegular);
    color: white;
    font-size: 20px;
    line-height: 24px;
    padding-left: 24px;
    position: relative;
    z-index: 2;
}
.form_color {
    background-color: #39414B;
    border-radius: 20px;
}
.form_input:focus{
    border-bottom: 2px solid var(--yellow_color);
}
.form_button{
    border: none;
    outline: none;
    cursor: pointer;
    transition: .3s;
}
.form_button:focus,
.form_button:hover {
    background-color: #ffc739;
}

.form_input:focus ~ .form_label_main,
.form_input:not(:placeholder-shown) ~ .form_label_main{
    top: -34px;
    font-size: 12px;
    color: #7f8891;
}



.form_textarea{
    width: 100%;
    min-height: 240px;
    background: transparent;
    outline: none;
    resize: none;
    border: 2px solid #f1a93d00;
    background-color: #39414b00;
    border-radius: 20px;
    padding: 24px;
    font-family: var(--mainRegular);
    color: white;
    font-size: 20px;
    line-height: 24px;
    z-index: 2;
    position: relative;

}
.form_textarea:focus{
    border-bottom: 2px solid var(--yellow_color);

}

.form_label_textarea{
    top: -16px;
    position: absolute;
    left: -17px;
    z-index: 0;
    color: #7f8891;
    transition: .3s;
    padding: 45px;
    font-family: var(--mainRegular);
    z-index: 1;

}

.form_textarea:focus ~ .form_label_textarea,
.form_textarea:not(:placeholder-shown) ~ .form_label_textarea{
    top: -34px;
    left: -20px;
    font-size: 12px;
    color: #7f8891;
}


.form_button{
    background-color: #FFC700;
    height: 60px;
    min-width: 239px;
    width: 239px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--mainBold);
    padding-left: 5px;
    padding-bottom: 2px;
    border-radius: 14px;
    color: #313539;
    font-size: 15px;
    margin-top: 20px;
    cursor: pointer;
    border-top: solid 2px #ffffffad;
    box-shadow: 0 8px 25px #ffcb0542;
    transition: 0.5s;
    text-decoration: none;
    overflow: hidden;
    position: relative;
}

.form_button:hover{
    background-color: #ffd951;
    filter: drop-shadow(0px 6px 2px rgb(0 0 0 / 24%));
}
.form_button:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
}
.form_button:hover:after{
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.check_main:hover{
    cursor: pointer;
}
.check_main input{
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.check_box_main{
    position: absolute;
    width: 2.4em;
    height: 2.4em;
    margin-top: 40px;
    top: -38px;
    border-radius: 10px;
    margin-left: -3em;
    border: solid 3px #f1a93d;
}
.check_input:checked + .check_box_main{
    background-image: url(../img/list_6/check.svg);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 70%;
}



.check_text{
    text-decoration: underline;
    color: #ffcb05;
    cursor: pointer;
}
.cross{
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background-size: cover;
    background-image: url(../img/cross.svg);
    
}
.cross2{
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background-size: cover;
    background-image: url(../img/cross.svg);
    
}
.color_label{
    color: #f1a93d;
}


input[type="checkbox"] {
    
    outline: none;
}
input:focus, select:focus{outline:0}
select:focus{
    outline: none;
}
input:focus {
    background-position: 0 0;
}
input[type=text]::placeholder, textarea::placeholder {
    background: transparent;
    color: var(--white);
    outline: none;
    
}

input[type=text]::placeholder, textarea::placeholder :focus {
    color: var(--white);
    background: transparent;
    outline: none;
    
    
}



input:-webkit-autofill {
    color: #ffffff !important;
    -webkit-text-fill-color: white !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    outline: none;
    transition: 0;
    -webkit-box-shadow: 0 0 0 60px #39414b inset !important;
}




@-webkit-keyframes autofill {
    0%,100% {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

@-webkit-keyframes autofill 
{     
    to {         
        color: #666;         
        background: transparent;     
    } 
}  

input:-webkit-autofill {     
    -webkit-animation-name: autofill;     
    -webkit-animation-fill-mode: both; }

    .heading-top_message{
        margin: auto;
        
        margin-bottom: 40px; 
        font-size: 40px;
        font-family: var(--f900);
        
        text-align: left;

    }
    .form_group_message{
        margin: auto;    
    }

    .form_group_message2{
        margin: auto;
        display: flex;
        width: fit-content;
        
    }
    .hand_group{
        position: absolute;
        right: -100px;
        bottom: 0;
        z-index: 1;
    }
    .hand__img{
        height: 810px;
        width: 990px;
        background-image: url(../img/list_6/hand.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 1;
        position: relative; 
        z-index: 4;
    }

    @supports (gap: 1px) {
      .hand__img {
        background-image: url('../img/list_6/webp/hand.webp');
    }
}


.shadow_1{
    position: absolute;
    width: 900px;
    height: 900px;
    top: 320px;
    right: -180px;
    background: radial-gradient(50% 50% at 50% 50%, #0A0D10 0%, rgba(48, 55, 64, 0) 100%);
    filter: blur(12px);

}
.shadow_2{
    position: absolute;
    width: 330px;
    height: 290px;
    top: 60px;
    right: 700px;
    background: radial-gradient(50% 50% at 50% 50%, #0A0D10 0%, rgba(48, 55, 64, 0) 100%);
    filter: blur(12px);
    z-index: 3;

}
.shape{
    box-sizing: border-box;
    border: solid 1px #FFFFFF0F;
    background: rgba(57, 65, 75, 0.81);
    border-radius: 20px;
}
.shape1_pos{
    top: 189px;
    right: 926px;
    position: absolute;
    width: 240px;
    height: 156px;
    z-index: 1;
    padding: 20px;
}
.shape2_pos{
    top: 488px;
    right: 726px;
    position: absolute;
    width: 293px;
    height: 134px;
    z-index: 4;
    backdrop-filter: blur(6px);
    padding: 20px;
}
.shape3_pos{
    top: 194px;
    right: 413px;
    position: absolute;
    width: 290px;
    height: 134px;
    z-index: 4;
    backdrop-filter: blur(6px);
    padding: 17px 40px;
}
.shape4_pos{
    top: 422px;
    right: 255px;
    position: absolute;
    width: 329px;
    height: 134px;
    z-index: 4;
    padding: 20px 40px;
    backdrop-filter: blur(6px);
}

.handmini_light {
    margin-left: 4px;
    margin-top: 4px;
    height: 30px;
    width: 30px;
    background-image: url(../img/list_1/light.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: 0.5s;
}
.hand_light_pos1{
    position: absolute;
    right: 2px;
    top: -2px;
    height: 40px;
    width: 40px;

}
.hand_light_pos2{
    position: absolute;
    right: 2px;
    top: -2px;
    height: 40px;
    width: 40px;

}
.hand_light_pos3{
    position: absolute;
    height: 40px;
    width: 40px;
    left: -3px;
    top: -3px;

}
.hand_light_pos4{
    position: absolute;
    top: -3px;
    left: -3px;
    height: 40px;
    width: 40px;

}
.h_hand_shape_box_1{

}
.h_hand_shape_box{
    display: flex;
}
.h3_hand{
    font-family: var(--mainBold);
    color: white;
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.p_hand_text{
    font-family: var(--mainRegular);
    color: white;
    font-size: 15px;
    line-height: 19px;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 180px;
}
.p_hand_text2{
    font-family: var(--mainRegular);
    color: white;
    font-size: 15px;
    line-height: 19px;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 220px;
}
.h_hand_img_1c{
    height: 29px;
    width: 67px;
    background-image: url(../img/list_6/1c.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.h_hand_img_sap{
    height: 31px;
    width: 60px;
    background-image: url(../img/list_6/sap.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 10px;  
}
.h_hand_img_sub{
    height: 41px;
    width: 33px;
    background-image: url(../img/list_6/subtract.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 10px;  
}
.h_hand_img_map{
    height: 41px;
    width: 31px;
    background-image: url(../img/list_6/map_fill.png);
    background-repeat: no-repeat;
    background-position: -7px;
    background-size: cover;
    margin-right: 10px;  
}

.sputnik_box2{
    position: absolute;
    right: 300px;
    top: -70px;
    z-index: 5;
    animation: sput 5s linear  infinite alternate;

}
/**********************************List7********************************************/

.list_7{

    background: radial-gradient(#3A4149 -36%, #242B33);
    height:980px;
    width: 100%;
    position: relative;
    padding-bottom: 100px;
    padding-left: 120px;
    padding-right: 60px;
    overflow: hidden;
    display: none;

}

.list_7:before {
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 1400px;
    height: 700px;
    background-image: url(../img/list_7/r.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.h_line__box_about{
    padding-top: 100px;
    padding-bottom: 50px;
}
.logo_about{
    width: 684px;
    height: 140px;
    background-image: url(../img/list_7/logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: auto; 
}
.text_about{
    font-family: var(--mainSemibold);
    font-size: 18px;
    line-height: 24px;
    color: white;
    width: 800px;
    text-align: center;
    margin: auto;
    z-index: 1;
    position: relative;
    margin-top: 60px;
}
.numb_wrapper {
    display: flex;
    justify-content: space-around;
    margin-top: 70px;
    margin-bottom: 80px;
    position: relative;
    z-index: 1;
}
p.numb_h {
    font-size: 58px;
    font-family: var(--mainBLACK);
    color: #ffcb05;
}
p.numb_t {
    font-size: 18px;
    line-height: 24px;
    font-family: var(--mainSemibold);
    color: #ffffff;
    margin-top: 20px;
    max-width: 130px;
}
/**********************************List8********************************************/

.list_8{
    background: radial-gradient(#3A4149 -36%, #242B33);
    /* height:; */
    width: 100%;
    position: relative;
    padding-bottom: 100px;
    padding-left: 120px;
    padding-right: 60px;
    overflow: hidden;
}
.h_line__box8{
    padding-top: 100px;
    margin: auto;
}
.support_wrapper{
    background-color: #39414B;
    border-radius: 15px;
    width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding: 40px;
    margin-top: 60px;
}
.support_ico{
    height: 164px;
    width: 164px;
    min-width: 164px;
    background-image: url(../img/list_8/ico.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: auto;
    margin-right: 40px;
}
.support_text{
    font-family: var(--mainRegular);
    color: white;
    font-size: 15px;
    line-height: 19px;
}
.support_minitext{
    font-family: var(--mainRegular);
    color: white;
    font-size: 15px;
    line-height: 19px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px; 
    width: 480px;
    text-align: center; 
}
.support_links{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: auto;
    width: 1200px;
}
.support_mail{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-family: var(--mainSemibold);
    font-size: 24px;
}
.s_mail1{
    height: 48px;
    width: 48px;
    min-width: 48px;
    background-image: url(../img/list_8/mail.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 10px;
}
.s_mail2{
    height: 48px;
    width: 48px;
    min-width: 48px;
    background-image: url(../img/list_8/mail.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 10px;
}
.s_tel3{
    height: 38px;
    width: 38px;
    min-width: 38px;
    background-image: url(../img/list_8/phone.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 10px;
}
.form_groups_main2{
  display: block;
  width: 1200px;
  margin: auto;  
}
.support_group{
    display: flex;
    width: 1200px;
    justify-content: space-around;
    margin-bottom: 10px;
}
.form_group_main2{
    position: relative;
    width: calc(50% - 0px);
    margin: auto;
    border-radius: 20px;
    background-color: #39414B;
}
.form_group_main1{
    position: relative;
    width: calc(50% - 0px);
    margin: auto;
    margin-right: 10px;
    border-radius: 20px;
    background-color: #39414B;
}
.form_group_main3 {
    width: 1200px;
    border-radius: 20px;
    background-color: #39414B;
    position: relative;
}
.form_input_main2{
    width: 100%;
    border: 2px solid #f1a93d00;
    background-color: #39414b00;
    outline: none;
    transition: 0s;
    height: 72px;
    border-radius: 20px;
    font-family: var(--mainRegular);
    color: white;
    font-size: 20px;
    line-height: 24px;
    padding-left: 24px; 
    z-index: 2;
    position: relative;
}
.form_input_main3{
  width: 100%;
  border: 2px solid #f1a93d00;
  background-color: #39414B;
  outline: none;
  transition: 0s;
  height: 72px;
  border-radius: 20px;
  font-family: var(--mainRegular);
  color: white;
  font-size: 20px;
  line-height: 24px;
  padding-left: 24px; 
  z-index: 2;
  position: relative; 

}
.check_box_main2{
 position: absolute;
 width: 2.4em;
 height: 2.4em;
 margin-top: 40px;
 top: -37px;
 border-radius: 3px;
 margin-left: -3em;
 border: solid 3px #f1a93d; 
}


.check_input:checked + .check_box_main2{
    background-image: url(../img/list_6/check.svg);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 70%;
}
.form_title_text_main2{
    font-family: var(--mainBold);
    font-size: 40px;
    line-height: 50px;
    color: white;

}
.form_title_ico{
    height: 64px;
    width: 56px;
    min-width: 38px;
    background-image: url(../img/list_8/micro.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 20px; 
}
.form_title_box{
    display: flex;
    margin: auto;
    width: fit-content;
    margin-top: 100px;
    margin-bottom: 50px;
    align-items: center;
}



/**********************************Footer********************************************/



footer{
    width: 100%;
    height: 540px;
    background-color: #1C2025;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 80px;
}


.footer_box{
    position: relative;
    background-color: #1C2025;
    display: flex;
    justify-content: space-between;

}

.footer_logo {
    height: 15px;
    width: 31px;
    min-width: 30px;
    scale: 4.5;
    margin-left: 50px;
    margin-bottom: 50px;
    background-image: url(../img/list_1/logo_autograph.svg);
    cursor: pointer;
}
.footer_side {
    width: 25%;
}
p.footer_logo_text {
    color: white;
    font-family: var(--mainRegular);
    font-size: 16px;
    line-height: 19px;
    margin-top: 25px;
    max-width: 240px;
}
a.footer_link {
    color: #8b8b8b;
    font-family: var(--mainRegular);
    font-size: 18px;
    line-height: 34px;
    margin-top: 25px;
    text-decoration: none;
    transition: 0.3s;
}
a.footer_link:hover {
    color: white;
    transition: 0.3s;
}
ul.footer_nav {
    margin-left: 50px;
}
li.footer__li {
    width: fit-content;
    cursor: pointer;
}
p.footer_tel {
    color: white;
    font-family: var(--mainSemibold);
    font-size: 25px;
}
.footer_tel_ico {
    height: 21px;
    width: 21px;
    min-width: 21px;
    background-image: url(../img/footer/tel.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 14px;
}

a.footer_tel_box {
    display: flex;
    margin-bottom: 40px;
    align-items: center;
    cursor: pointer;
    width: fit-content;
    margin-left: 50px;
}

p.footer_mail_text {
    font-family: var(--mainRegular);
    color: #ffffff78;
    font-size: 14px;
    margin-bottom: 10px;
}
.footer_mail_1 {
    margin-bottom: 60px;
    width: fit-content;
    margin-left: 50px;
}

p.footer_mail_link {
    font-family: var(--mainRegular);
    color: white;
    font-size: 20px;
}

a.footer_mail_group {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.footer_mail_ico {
    height: 25px;
    width: 25px;
    min-width: 25px;
    background-image: url(../img/footer/mail.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 10px;
}
.geo_box {
    display: flex;
    width: fit-content;
    cursor: pointer;
    margin-left: 50px;
}
.geo_ico {
    height: 25px;
    width: 25px;
    min-width: 25px;
    background-image: url(../img/footer/geo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 10px;
}

p.geo_text {
    font-family: var(--mainRegular);
    color: white;
    font-size: 20px;
    line-height: 24px;
}
.up_arrow {
    height: 120px;
    width: 120px;
    border: solid 1px white;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    position: absolute;
    right: 80px;
}
.up_arrow:after{
    content: '';
    height: 13px;
    width: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url(../img/footer/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

}

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

p.f_bootom_side_text {
    color: white;
    font-family: var(--mainRegular);
    font-size: 15px;
/*    margin-left: 50px;*/
}

.f_bootom_side_link {
    color: white;
    font-family: var(--mainRegular);
    font-size: 15px;
    margin-left: 50px;
    text-decoration: underline;
    cursor: pointer;
}
.footer_side_mobile{
    display: none;
}
.footer_space {
    height: 400px;
}



.anim_none_car{
    opacity: 0;
    transition: 1s;
}

._active_car{
    opacity: 1;
    transition: 1s;
}



.anim_none{
   -webkit-transform: translate(0px, 40px);
   -moz-transform: translate(0px, 40px);
   -ms-transform: translate(0px, 40px);
   -o-transform: translate(0px, 40px);
   transform: translate(0px, 40px);
   opacity: 0;
   transition: 0.5s ease;  
}
._active{
 -webkit-transform: translate(0px, 0px);
 -moz-transform: translate(0px, 0px);
 -ms-transform: translate(0px, 0px);
 -o-transform: translate(0px, 0px);
 transform: translate(0px, 0px);
 opacity: 1;
 transition: 0.5s ease; 
}

.form_button_off {
    background-color: #727476;
    box-shadow: 0px 2px 0px #545350;
    pointer-events: none;
}

.label_2 {
    font-size: 15px;
    line-height: 19px;
    font-family: var(--mainRegular);
    display: block;
    margin-top: 40px;
    margin-right: 80px;
    position: relative;
    left: 44px;
    margin-bottom: 20px;
    color: white;
    max-width: 250px;
}

.points_text_group_10_open_ar{
    height: 180px;
}
.point_10_area_sl1{
   height: 180px; 
}
/*.points_text_group_3_open_ar{
    height: 180px;
}*/




.points_text_group_3_open_ar{
    height: 152px;
}

.point_3_area_sl1_ar{
    height: 152px;
}






/***************************************SLIDER_ANIMATE****************************/
.slider1_mobile_left, .slider1_1_mobile_left{
    transform: translateX(-100%);
    opacity: 1;
    transition: 0.5s ;
    position: absolute;
}

.slider2_mobile_center, .slider2_2_mobile_center{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: transform 500ms ;
    position: absolute;

}
.slider2_mobile_left, .slider2_2_mobile_left{

    opacity: 1;
    transform: translate3d(-100%, 0, 0);
    transition: transform 500ms ;
    position: absolute;

}

.slider3_mobile_center, .slider3_3_mobile_center{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: transform 500ms ;
    position: absolute;

}
.slider3_mobile_left, .slider3_3_mobile_left{
    opacity: 1;
    transform: translate3d(-100%, 0, 0);
    transition: transform 500ms ;
    position: absolute;
}

.slider4_mobile_center, .slider4_4_mobile_center{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: transform 500ms;
    position: absolute;
}
.slider4_mobile_left, .slider4_4_mobile_left{
    opacity: 1;
    transform: translate3d(-100%, 0, 0);
    transition: transform 500ms;
    position: absolute;
}

.slider5_mobile_center, .slider5_5_mobile_center{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: transform 500ms;
    position: absolute;
}
.slider5_mobile_left, .slider5_5_mobile_left{
    opacity: 1;
    transform: translate3d(-100%, 0, 0);
    transition: transform 500ms;
    position: absolute;
}
.slider6_mobile_center, .slider6_6_mobile_center{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: transform 500ms;
    position: absolute;
}
.slider6_mobile_left, .slider6_6_mobile_left{
    opacity: 1;
    transform: translate3d(-100%, 0, 0);
    transition: transform 500ms;
    position: absolute;
}

.slider7_mobile_center, .slider7_7_mobile_center{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: transform 500ms;
    position: absolute;
}
.slider7_mobile_left, .slider7_7_mobile_left{
    opacity: 1;
    transform: translate3d(-100%, 0, 0);
    transition: transform 500ms;
    position: absolute;
}


.gap_gray{
    height: 200px;
}
.list_slide_wrapper{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    overflow-y: scroll;
    transition: 0.2s;
}

.list_slide_wrapper_open{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    overflow-y: scroll;
    opacity: 1;
    visibility: visible;
    transition: 0.2s;
}
.list_slide_wrapper_1_sl1,.list_slide_wrapper_2_sl1,.list_slide_wrapper_3_sl1,.list_slide_wrapper_4_sl1,.list_slide_wrapper_5_sl1,.list_slide_wrapper_6_sl1{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    overflow-y: scroll;
    transition: 0.2s;   
}
.list_slide_wrapper_1_sl1_open,.list_slide_wrapper_2_sl1_open,.list_slide_wrapper_3_sl1_open,.list_slide_wrapper_4_sl1_open,.list_slide_wrapper_5_sl1_open,.list_slide_wrapper_6_sl1_open{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    overflow-y: scroll;
    opacity: 1;
    visibility: visible;
    transition: 0.2s;
}
.list_slide_wrapper_1_sl2,.list_slide_wrapper_1_sl2_2,.list_slide_wrapper_2_sl2,.list_slide_wrapper_3_sl2,.list_slide_wrapper_4_sl2,.list_slide_wrapper_5_sl2{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    overflow-y: scroll;
    transition: 0.2s;   
}
.list_slide_wrapper_1_sl2_open,.list_slide_wrapper_1_sl2_2_open,.list_slide_wrapper_2_sl2_open,.list_slide_wrapper_3_sl2_open,.list_slide_wrapper_4_sl2_open,.list_slide_wrapper_5_sl2_open{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    overflow-y: scroll;
    opacity: 1;
    visibility: visible;
    transition: 0.2s;
}
.list_slide_wrapper_1_sl3,.list_slide_wrapper_2_sl3,.list_slide_wrapper_3_sl3,.list_slide_wrapper_4_sl3,.list_slide_wrapper_5_sl3,.list_slide_wrapper_6_sl3{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    overflow-y: scroll;
    transition: 0.2s;   
}
.list_slide_wrapper_1_sl3_open,.list_slide_wrapper_2_sl3_open,.list_slide_wrapper_3_sl3_open,.list_slide_wrapper_4_sl3_open,.list_slide_wrapper_5_sl3_open,.list_slide_wrapper_6_sl3_open{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    overflow-y: scroll;
    opacity: 1;
    visibility: visible;
    transition: 0.2s;
}

.list_slide_wrapper_1_sl4,.list_slide_wrapper_2_sl4,.list_slide_wrapper_3_sl4,.list_slide_wrapper_4_sl4,.list_slide_wrapper_5_sl4,.list_slide_wrapper_6_sl4,.list_slide_wrapper_7_sl4,.list_slide_wrapper_8_sl4{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    overflow-y: scroll;
    transition: 0.2s;   
}
.list_slide_wrapper_1_sl4_open,.list_slide_wrapper_2_sl4_open,.list_slide_wrapper_3_sl4_open,.list_slide_wrapper_4_sl4_open,.list_slide_wrapper_5_sl4_open,.list_slide_wrapper_6_sl4_open,.list_slide_wrapper_7_sl4_open,.list_slide_wrapper_8_sl4_open{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    overflow-y: scroll;
    opacity: 1;
    visibility: visible;
    transition: 0.2s;
}
.list_slide_wrapper_1_sl5,.list_slide_wrapper_2_sl5,.list_slide_wrapper_3_sl5,.list_slide_wrapper_4_sl5,.list_slide_wrapper_5_sl5,.list_slide_wrapper_6_sl5{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    overflow-y: scroll;
    transition: 0.2s;   
}
.list_slide_wrapper_1_sl5_open,.list_slide_wrapper_2_sl5_open,.list_slide_wrapper_3_sl5_open,.list_slide_wrapper_4_sl5_open,.list_slide_wrapper_5_sl5_open,.list_slide_wrapper_6_sl5_open{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    overflow-y: scroll;
    opacity: 1;
    visibility: visible;
    transition: 0.2s;
}
.list_slide_wrapper_1_sl6,.list_slide_wrapper_2_sl6,.list_slide_wrapper_3_sl6,.list_slide_wrapper_4_sl6,.list_slide_wrapper_5_sl6,.list_slide_wrapper_6_sl6,.list_slide_wrapper_7_sl6{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    overflow-y: scroll;
    transition: 0.2s;   
}
.list_slide_wrapper_1_sl6_open,.list_slide_wrapper_2_sl6_open,.list_slide_wrapper_3_sl6_open,.list_slide_wrapper_4_sl6_open,.list_slide_wrapper_5_sl6_open,.list_slide_wrapper_6_sl6_open,.list_slide_wrapper_7_sl6_open{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    overflow-y: scroll;
    opacity: 1;
    visibility: visible;
    transition: 0.2s;
}
.list_slide_wrapper_1_sl7,.list_slide_wrapper_2_sl7,.list_slide_wrapper_3_sl7,.list_slide_wrapper_4_sl7,.list_slide_wrapper_5_sl7{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    overflow-y: scroll;
    transition: 0.2s;   
}
.list_slide_wrapper_1_sl7_open,.list_slide_wrapper_2_sl7_open,.list_slide_wrapper_3_sl7_open,.list_slide_wrapper_4_sl7_open,.list_slide_wrapper_5_sl7_open{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    overflow-y: scroll;
    opacity: 1;
    visibility: visible;
    transition: 0.2s;
}
.list_li_5_sl3_3_mobile,.list_li_5_sl5_mobile,.list_li_5_sl6_mobile,.list_li_5_sl7_mobile{
    display: none;
}
.list_li_5_sl3_3 {
    max-width: 200px;
}

.list_slide_wrapper_1_sl3_3,.list_slide_wrapper_2_sl3_3,.list_slide_wrapper_3_sl3_3,.list_slide_wrapper_4_sl3_3,.list_slide_wrapper_5_sl3_3,.list_slide_wrapper_6_sl3_3,.list_slide_wrapper_7_sl3_3,.list_slide_wrapper_8_sl3_3{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    overflow-y: scroll;
    transition: 0.2s;   
}
.list_slide_wrapper_1_sl3_3_open,.list_slide_wrapper_2_sl3_3_open,.list_slide_wrapper_3_sl3_3_open,.list_slide_wrapper_4_sl3_3_open,.list_slide_wrapper_5_sl3_3_open,.list_slide_wrapper_6_sl3_3_open,.list_slide_wrapper_7_sl3_3_open,.list_slide_wrapper_8_sl3_3_open{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000009e;
    position: fixed;
    z-index: 99;
    overflow-y: scroll;
    opacity: 1;
    visibility: visible;
    transition: 0.2s;
}

.list_1_sl3_3_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_1_sl3_3_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_2_sl3_3_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_2_sl3_3_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_3_sl3_3_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_3_sl3_3_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_4_sl3_3_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_4_sl3_3_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_5_sl3_3_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_5_sl3_3_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_6_sl3_3_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_6_sl3_3_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_7_sl3_3_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_7_sl3_3_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}
.list_8_sl3_3_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_8_sl3_3_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}
.list_1_cross_sl3_3,.list_2_cross_sl3_3,.list_3_cross_sl3_3,.list_4_cross_sl3_3,.list_5_cross_sl3_3,.list_6_cross_sl3_3,.list_7_cross_sl3_3,.list_8_cross_sl3_3{
    position: absolute;
    right: 10px;
    top: 10px;
}
.list_slide_wrapper_1_sl1::-webkit-scrollbar,.list_slide_wrapper_2_sl1::-webkit-scrollbar,.list_slide_wrapper_3_sl1::-webkit-scrollbar,.list_slide_wrapper_4_sl1::-webkit-scrollbar,
.list_slide_wrapper_5_sl1::-webkit-scrollbar,.list_slide_wrapper_6_sl1::-webkit-scrollbar,.list_slide_wrapper_1_sl2::-webkit-scrollbar,.list_slide_wrapper_2_sl2::-webkit-scrollbar,
.list_slide_wrapper_3_sl2::-webkit-scrollbar,.list_slide_wrapper_4_sl2::-webkit-scrollbar,.list_slide_wrapper_5_sl2::-webkit-scrollbar,.list_slide_wrapper_1_sl3::-webkit-scrollbar,
.list_slide_wrapper_2_sl3::-webkit-scrollbar,.list_slide_wrapper_3_sl3::-webkit-scrollbar,.list_slide_wrapper_4_sl3::-webkit-scrollbar,.list_slide_wrapper_5_sl3::-webkit-scrollbar,
.list_slide_wrapper_6_sl3::-webkit-scrollbar,.list_slide_wrapper_1_sl4::-webkit-scrollbar,.list_slide_wrapper_2_sl4::-webkit-scrollbar,.list_slide_wrapper_3_sl4::-webkit-scrollbar,
.list_slide_wrapper_4_sl4::-webkit-scrollbar,.list_slide_wrapper_5_sl4::-webkit-scrollbar,.list_slide_wrapper_6_sl4::-webkit-scrollbar,.list_slide_wrapper_7_sl4::-webkit-scrollbar,
.list_slide_wrapper_8_sl4::-webkit-scrollbar,.list_slide_wrapper_1_sl5::-webkit-scrollbar,.list_slide_wrapper_2_sl5::-webkit-scrollbar,.list_slide_wrapper_3_sl5::-webkit-scrollbar,
.list_slide_wrapper_4_sl5::-webkit-scrollbar,.list_slide_wrapper_5_sl5::-webkit-scrollbar,.list_slide_wrapper_1_sl6::-webkit-scrollbar,.list_slide_wrapper_2_sl6::-webkit-scrollbar,
.list_slide_wrapper_3_sl6::-webkit-scrollbar,.list_slide_wrapper_4_sl6::-webkit-scrollbar,.list_slide_wrapper_5_sl6::-webkit-scrollbar,.list_slide_wrapper_6_sl6::-webkit-scrollbar,
.list_slide_wrapper_7_sl6::-webkit-scrollbar,.list_slide_wrapper_1_sl7::-webkit-scrollbar,.list_slide_wrapper_2_sl7::-webkit-scrollbar,.list_slide_wrapper_3_sl7::-webkit-scrollbar,
.list_slide_wrapper_4_sl7::-webkit-scrollbar,.list_slide_wrapper_5_sl7::-webkit-scrollbar,.list_slide_wrapper_6_sl5::-webkit-scrollbar,.list_slide_wrapper_1_sl2_2::-webkit-scrollbar,
.list_slide_wrapper_6_sl3::-webkit-scrollbar,.list_slide_wrapper_1_sl3_3::-webkit-scrollbar,.list_slide_wrapper_2_sl3_3::-webkit-scrollbar,.list_slide_wrapper_3_sl3_3::-webkit-scrollbar,
.list_slide_wrapper_4_sl3_3::-webkit-scrollbar,.list_slide_wrapper_5_sl3_3::-webkit-scrollbar,.list_slide_wrapper_6_sl3_3::-webkit-scrollbar,.list_slide_wrapper_7_sl3_3::-webkit-scrollbar,
.list_slide_wrapper_8_sl3_3::-webkit-scrollbar,.list_slide_wrapper_1_sl5::-webkit-scrollbar,.list_slide_wrapper_2_sl5::-webkit-scrollbar,.list_slide_wrapper_3_sl5::-webkit-scrollbar{
  width: 12px;
  z-index: -1;  
}
.list_slide_wrapper_1_sl1::-webkit-scrollbar-track,.list_slide_wrapper_2_sl1::-webkit-scrollbar-track,.list_slide_wrapper_3_sl1::-webkit-scrollbar-track,.list_slide_wrapper_4_sl1::-webkit-scrollbar-track,
.list_slide_wrapper_5_sl1::-webkit-scrollbar-track,.list_slide_wrapper_6_sl1::-webkit-scrollbar-track,.list_slide_wrapper_1_sl2::-webkit-scrollbar-track,.list_slide_wrapper_2_sl2::-webkit-scrollbar-track,
.list_slide_wrapper_3_sl2::-webkit-scrollbar-track,.list_slide_wrapper_4_sl2::-webkit-scrollbar-track,.list_slide_wrapper_5_sl2::-webkit-scrollbar-track,.list_slide_wrapper_1_sl3::-webkit-scrollbar-track,
.list_slide_wrapper_2_sl3::-webkit-scrollbar-track,.list_slide_wrapper_3_sl3::-webkit-scrollbar-track,.list_slide_wrapper_4_sl3::-webkit-scrollbar-track,.list_slide_wrapper_5_sl3::-webkit-scrollbar-track,
.list_slide_wrapper_6_sl3::-webkit-scrollbar-track,.list_slide_wrapper_1_sl4::-webkit-scrollbar-track,.list_slide_wrapper_2_sl4::-webkit-scrollbar-track,.list_slide_wrapper_3_sl4::-webkit-scrollbar-track,
.list_slide_wrapper_4_sl4::-webkit-scrollbar-track,.list_slide_wrapper_5_sl4::-webkit-scrollbar-track,.list_slide_wrapper_6_sl4::-webkit-scrollbar-track,.list_slide_wrapper_7_sl4::-webkit-scrollbar-track,
.list_slide_wrapper_8_sl4::-webkit-scrollbar-track,.list_slide_wrapper_1_sl5::-webkit-scrollbar-track,.list_slide_wrapper_2_sl5::-webkit-scrollbar-track,.list_slide_wrapper_3_sl5::-webkit-scrollbar-track,
.list_slide_wrapper_4_sl5::-webkit-scrollbar-track,.list_slide_wrapper_5_sl5::-webkit-scrollbar-track,.list_slide_wrapper_1_sl6::-webkit-scrollbar-track,.list_slide_wrapper_2_sl6::-webkit-scrollbar-track,
.list_slide_wrapper_3_sl6::-webkit-scrollbar-track,.list_slide_wrapper_4_sl6::-webkit-scrollbar-track,.list_slide_wrapper_5_sl6::-webkit-scrollbar-track,.list_slide_wrapper_6_sl6::-webkit-scrollbar-track,
.list_slide_wrapper_7_sl6::-webkit-scrollbar-track,.list_slide_wrapper_1_sl7::-webkit-scrollbar-track,.list_slide_wrapper_2_sl7::-webkit-scrollbar-track,.list_slide_wrapper_3_sl7::-webkit-scrollbar-track,
.list_slide_wrapper_4_sl7::-webkit-scrollbar-track,.list_slide_wrapper_5_sl7::-webkit-scrollbar-track,.list_slide_wrapper_6_sl5::-webkit-scrollbar-track, .list_slide_wrapper_1_sl2_2::-webkit-scrollbar-track,
.list_slide_wrapper_6_sl3::-webkit-scrollbar-track,.list_slide_wrapper_1_sl3_3::-webkit-scrollbar-track,.list_slide_wrapper_2_sl3_3::-webkit-scrollbar-track,.list_slide_wrapper_3_sl3_3::-webkit-scrollbar-track,
.list_slide_wrapper_4_sl3_3::-webkit-scrollbar-track,.list_slide_wrapper_5_sl3_3::-webkit-scrollbar-track,.list_slide_wrapper_6_sl3_3::-webkit-scrollbar-track,.list_slide_wrapper_7_sl3_3::-webkit-scrollbar-track,
.list_slide_wrapper_8_sl3_3::-webkit-scrollbar-track,.list_slide_wrapper_1_sl5::-webkit-scrollbar-track,.list_slide_wrapper_2_sl5::-webkit-scrollbar-track,.list_slide_wrapper_3_sl5::-webkit-scrollbar-track{
  background-color: #0d0e0e;
  z-index: -1;
}
.list_slide_wrapper_1_sl1::-webkit-scrollbar-thumb,.list_slide_wrapper_2_sl1::-webkit-scrollbar-thumb,.list_slide_wrapper_3_sl1::-webkit-scrollbar-thumb,.list_slide_wrapper_4_sl1::-webkit-scrollbar-thumb,
.list_slide_wrapper_5_sl1::-webkit-scrollbar-thumb,.list_slide_wrapper_6_sl1::-webkit-scrollbar-thumb,.list_slide_wrapper_1_sl2::-webkit-scrollbar-thumb,.list_slide_wrapper_2_sl2::-webkit-scrollbar-thumb,
.list_slide_wrapper_3_sl2::-webkit-scrollbar-thumb,.list_slide_wrapper_4_sl2::-webkit-scrollbar-thumb,.list_slide_wrapper_5_sl2::-webkit-scrollbar-thumb,.list_slide_wrapper_1_sl3::-webkit-scrollbar-thumb,
.list_slide_wrapper_2_sl3::-webkit-scrollbar-thumb,.list_slide_wrapper_3_sl3::-webkit-scrollbar-thumb,.list_slide_wrapper_4_sl3::-webkit-scrollbar-thumb,.list_slide_wrapper_5_sl3::-webkit-scrollbar-thumb,
.list_slide_wrapper_6_sl3::-webkit-scrollbar-thumb,.list_slide_wrapper_1_sl4::-webkit-scrollbar-thumb,.list_slide_wrapper_2_sl4::-webkit-scrollbar-thumb,.list_slide_wrapper_3_sl4::-webkit-scrollbar-thumb,
.list_slide_wrapper_4_sl4::-webkit-scrollbar-thumb,.list_slide_wrapper_5_sl4::-webkit-scrollbar-thumb,.list_slide_wrapper_6_sl4::-webkit-scrollbar-thumb,.list_slide_wrapper_7_sl4::-webkit-scrollbar-thumb,
.list_slide_wrapper_8_sl4::-webkit-scrollbar-thumb,.list_slide_wrapper_1_sl5::-webkit-scrollbar-thumb,.list_slide_wrapper_2_sl5::-webkit-scrollbar-thumb,.list_slide_wrapper_3_sl5::-webkit-scrollbar-thumb,
.list_slide_wrapper_4_sl5::-webkit-scrollbar-thumb,.list_slide_wrapper_5_sl5::-webkit-scrollbar-thumb,.list_slide_wrapper_1_sl6::-webkit-scrollbar-thumb,.list_slide_wrapper_2_sl6::-webkit-scrollbar-thumb,
.list_slide_wrapper_3_sl6::-webkit-scrollbar-thumb,.list_slide_wrapper_4_sl6::-webkit-scrollbar-thumb,.list_slide_wrapper_5_sl6::-webkit-scrollbar-thumb,.list_slide_wrapper_6_sl6::-webkit-scrollbar-thumb,
.list_slide_wrapper_7_sl6::-webkit-scrollbar-thumb,.list_slide_wrapper_1_sl7::-webkit-scrollbar-thumb,.list_slide_wrapper_2_sl7::-webkit-scrollbar-thumb,.list_slide_wrapper_3_sl7::-webkit-scrollbar-thumb,
.list_slide_wrapper_4_sl7::-webkit-scrollbar-thumb,.list_slide_wrapper_5_sl7::-webkit-scrollbar-thumb,.list_slide_wrapper_6_sl5::-webkit-scrollbar-thumb,.list_slide_wrapper_1_sl2_2::-webkit-scrollbar-thumb,
.list_slide_wrapper_6_sl3::-webkit-scrollbar-thumb,.list_slide_wrapper_1_sl3_3::-webkit-scrollbar-thumb,.list_slide_wrapper_2_sl3_3::-webkit-scrollbar-thumb,.list_slide_wrapper_3_sl3_3::-webkit-scrollbar-thumb,
.list_slide_wrapper_4_sl3_3::-webkit-scrollbar-thumb,.list_slide_wrapper_5_sl3_3::-webkit-scrollbar-thumb,.list_slide_wrapper_6_sl3_3::-webkit-scrollbar-thumb,.list_slide_wrapper_7_sl3_3::-webkit-scrollbar-thumb,
.list_slide_wrapper_8_sl3_3::-webkit-scrollbar-thumb,.list_slide_wrapper_1_sl5::-webkit-scrollbar-thumb,.list_slide_wrapper_2_sl5::-webkit-scrollbar-thumb,.list_slide_wrapper_3_sl5::-webkit-scrollbar-thumb{
    background-color: #44484a;
    border-radius: 1px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 90;
    border-radius: 10px; 
}
.mark{
    height: 16.3px;
    width: 16.3px;
    min-width: 16.3px;
    background-image: url(../img/list_5/side_1/mark.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 10px;
    margin-top: 2px;
}

.list_gap{
    height: 60px;
    width: 100%;
    display: block;
}

.list_slide_wrapper::-webkit-scrollbar {
  width: 12px;
  z-index: -1;
}

.list_slide_wrapper::-webkit-scrollbar-track {
  background-color: #0d0e0e;
  z-index: -1;

}

.list_slide_wrapper::-webkit-scrollbar-thumb {
    background-color: #44484a;
    border-radius: 1px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 90;
    border-radius: 10px;

    
}

/*???????????????????????????????????????????????????????????????????????????????????????????1*/
.list_1_sl1_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);

    overflow: hidden;
}

.list_1_sl1_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);

    overflow: hidden;
}

.list_1_gape{
    display: flex;
    justify-content: space-between;
}
.list_1_left{
    padding-right: 100px;
}
.list_1_right{
    display: flex;
    align-items: center;
}
.list_1_right_main{

}
.list_pic1{
    width: 452px;
    height: 230px;
    background-image: url(../img/list_5/side_1/pic1.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
}

@supports (gap: 1px) {
  .list_pic1 {
    background-image: url('../img/list_5/side_1/webp/pic1.webp');
}
}

.list_pic2{
    width: 452px;
    height: 230px;
    background-image: url(../img/list_5/side_1/pic2.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    margin-top: 20px; 
}
@supports (gap: 1px) {
  .list_pic2 {
    background-image: url('../img/list_5/side_1/webp/pic2.webp');
}
}

.list_2_sl1_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);

    overflow: hidden;
}
.list_2_sl1_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);

    overflow: hidden;
}
.list_loop2{
    width: 489px;
    height: 532px;
    background-image: url(../img/list_5/side_1/loop2.png);
    background-repeat: no-repeat;
    background-size: contain;

}

.list_loop3{
    width: 508px;
    height: 376px;
    background-image: url(../img/list_5/side_1/loop3.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list_loop4{
    width: 481px;
    height: 480px;
    background-image: url(../img/list_5/side_1/loop4.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list_loop4_eng{
    width: 481px;
    height: 480px;
    background-image: url(../img/list_5/side_1/eng/loop4.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list_loop4_ar{
    width: 481px;
    height: 480px;
    background-image: url(../img/list_5/side_1/ar/loop4.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list_loop5{
    width: 516px;
    height: 495px;
    background-image: url(../img/list_5/side_1/loop5.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list_loop5_eng{
    width: 516px;
    height: 495px;
    background-image: url(../img/list_5/side_1/eng/loop5.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list_loop5_ar{
    width: 516px;
    height: 495px;
    background-image: url(../img/list_5/side_1/ar/loop5.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list_loop6{
    width: 473px;
    height: 231px;
    background-image: url(../img/list_5/side_1/loop6.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list_3_sl1_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);

    overflow: hidden;
}

.list_3_sl1_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);

    overflow: hidden;
}

.list_4_sl1_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);

    overflow: hidden;
}

.list_4_sl1_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);

    overflow: hidden;
}

.list_5_sl1_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);

    overflow: hidden;
}

.list_5_sl1_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);

    overflow: hidden;
}

.list_6_sl1_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);

    overflow: hidden;
}

.list_6_sl1_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);

    overflow: hidden;
}
.list_1_cross_sl1,.list_2_cross_sl1,.list_3_cross_sl1,.list_4_cross_sl1,.list_5_cross_sl1,.list_6_cross_sl1{
    position: absolute;
    right: 10px;
    top: 10px;
}


.artclose_list {
    height: 54px;
    width: 54px;
    cursor: pointer;
    border-radius: 50%;
/*    border: solid 1px #ffffff30;*/
display: flex;
padding-top: 18px;
}

.burgx_list, .burgx2_list, .burgx3_list {
    margin-top: 1px;
    background: #ffffff;
    width: 20px;
    height: 2px;
    position: absolute;
    transform: rotate(-180deg);
    transition: 0.5s;
    margin-left: 16px;
}

.burgx2_list {
    margin-top: 7px;
    transition: 0.5s;
}
.burgx3_list {
    margin-top: 13px;
    transform: rotate(180deg);
    transition: 0.5s;

}
.burgx3_1_list{
    transform:rotate(45deg); 
    margin-top: 7px;
    transition:  0.5s;
}

.burgx2_1_list{
    opacity: 0;
    transition:  0.5s;
}

.burgx_1_list{
    transform:rotate(-45deg); 
    margin-top: 7px;
    transition:  0.5s;
}


.list_1bg{
    height: 390px;
    width: 100%;
    background-image: url(../img/list_5/side_1/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    margin-bottom: 60px;
}

@supports (gap: 1px) {
  .list_1bg {
    background-image: url('../img/list_5/side_1/webp/bg.webp');
}
}

.list_1_h_sl1{

    font-family: var(--mainBold);
    color: white;
    font-size: 40px;
    line-height: 49px;
}
.list_1_sl1_ul{


}
.list_1_sl1_li{
    color: white;
    font-size: 16px;
    font-family: var(--mainRegular);
    line-height: 19px;
    display: flex;
    margin-top: 20px;
    margin-bottom: 0px;
}
.list_line_slide{
   height: 6px;
   width: 200px;
   background-color: #FFCB05;
   margin-top: 20px;
   margin-bottom: 50px;
   border-radius: 2px;
}
.list_text_slide{
    color: white;
    font-size: 16px;
    font-family: var(--mainRegular);
    line-height: 22px; 
}
.list_text_slide_2{
    color: white;
    font-size: 18px;
    font-family: var(--mainBold);
    line-height: 22px;
}


.list_text_slide_bold {
    color: white;
    font-size: 18px;
    font-family: var(--mainBold);
    line-height: 22px;
}
.list_text_group {
    display: flex;
    margin-top: 60px;
}
.list_step {
    padding-right: 100px;
}
.mr_80{
    margin-bottom: 80px;
}
.mr_50{
    margin-bottom: 50px;
}
.mr_20{
    margin-bottom: 20px;
}
.mr_10{
    margin-bottom: 10px;
}
/*???????????????????????????????????????????????????????????????????????????????????????????1*/



.list_2bg {
    height: 390px;
    width: 100%;
    background-image: url(../img/list_5/side_2/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    margin-bottom: 60px;
}

@supports (gap: 1px) {
  .list_2bg {
    background-image: url(../img/list_5/side_2/webp/bg.webp);
}
}

.list2_pic1{
    width: 452px;
    height: 230px;
    background-image: url(../img/list_5/side_2/pic1.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
}

@supports (gap: 1px) {
  .list2_pic1 {
    background-image: url(../img/list_5/side_2/webp/pic1.webp);
}
}

.list2_pic2{
    width: 452px;
    height: 230px;
    background-image: url(../img/list_5/side_2/pic2.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    margin-top: 20px; 
}

@supports (gap: 1px) {
  .list2_pic2 {
    background-image: url(../img/list_5/side_2/webp/pic2.webp);
}
}
.list_1_sl2_area, .list_1_sl2_2_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);  
    overflow: hidden;
}
.list_1_sl2_area_open,.list_1_sl2_2_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);    
    overflow: hidden;
}
.list_2_sl2_area,.list_2_sl2_2_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);  
    overflow: hidden;
}
.list_2_sl2_area_open,.list_2_sl2_2_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);    
    overflow: hidden;
}

.list2_loop{
    width: 489px;
    height: 532px;
    background-image: url(../img/list_5/side_2/loop1.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.list2_loop2{
    width: 456px;
    height: 390px;
    background-image: url(../img/list_5/side_2/loop2.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.list2_loop3{
    width: 484px;
    height: 538px;
    background-image: url(../img/list_5/side_2/loop3.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.list2_loop3_eng{
    width: 484px;
    height: 538px;
    background-image: url(../img/list_5/side_2/eng/loop3.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list2_loop3_ar{
    width: 484px;
    height: 538px;
    background-image: url(../img/list_5/side_2/ar/loop3.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list2_loop4{
    width: 506px;
    height: 461px;
    background-image: url(../img/list_5/side_2/loop4.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list2_loop4_eng{
    width: 506px;
    height: 461px;
    background-image: url(../img/list_5/side_2/eng/loop4.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list2_loop4_ar{
    width: 506px;
    height: 461px;
    background-image: url(../img/list_5/side_2/ar/loop4.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list_3_sl2_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_3_sl2_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_4_sl2_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_4_sl2_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_5_sl2_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_5_sl2_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_6_sl2_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_6_sl2_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}
.list_1_cross_sl2,.list_1_cross_sl2_2,.list_2_cross_sl2,.list_3_cross_sl2,.list_4_cross_sl2,.list_5_cross_sl2,.list_6_cross_sl2{
    position: absolute;
    right: 10px;
    top: 10px;
}

/*???????????????????????????????????????????????????????????????????????????????????????????1*/

.list_3bg {
    height: 390px;
    width: 100%;
    background-image: url(../img/list_5/side_3/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    margin-bottom: 60px;
}

@supports (gap: 1px) {
  .list_3bg {
    background-image: url(../img/list_5/side_3/webp/bg.webp);
}
}


.list3_pic1{
    width: 452px;
    height: 230px;
    background-image: url(../img/list_5/side_3/pic1.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
}

@supports (gap: 1px) {
  .list3_pic1 {
    background-image: url(../img/list_5/side_3/webp/pic1.webp);
}
}

.list3_pic2{
    width: 452px;
    height: 230px;
    background-image: url(../img/list_5/side_3/pic2.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    margin-top: 20px; 
}
@supports (gap: 1px) {
  .list3_pic2 {
    background-image: url(../img/list_5/side_3/webp/pic2.webp);
}
}


.list3_loop{
    width: 439px;
    height: 523px;
    background-image: url(../img/list_5/side_3/loop.png);
    background-repeat: no-repeat;
    background-size: contain;

}

.list3_loop2{
    width: 463px;
    height: 496px;
    background-image: url(../img/list_5/side_3/loop2.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list3_loop2_eng{
    width: 463px;
    height: 496px;
    background-image: url(../img/list_5/side_3/eng/loop2.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list3_loop2_ar{
    width: 463px;
    height: 496px;
    background-image: url(../img/list_5/side_3/ar/loop2.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list3_loop3{
    width: 469px;
    height: 445px;
    background-image: url(../img/list_5/side_3/loop3.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list3_loop3_eng{
    width: 469px;
    height: 445px;
    background-image: url(../img/list_5/side_3/eng/loop3.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list3_loop3_ar{
    width: 469px;
    height: 445px;
    background-image: url(../img/list_5/side_3/ar/loop3.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list3_loop4{
    width: 462px;
    height: 437px;
    background-image: url(../img/list_5/side_3/loop4.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list3_loop4_eng{
    width: 462px;
    height: 437px;
    background-image: url(../img/list_5/side_3/eng/loop4.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list3_loop4_ar{
    width: 462px;
    height: 437px;
    background-image: url(../img/list_5/side_3/ar/loop4.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list3_loop5{
    width: 487px;
    height: 450px;
    background-image: url(../img/list_5/side_3/loop5.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list_1_sl3_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_1_sl3_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_2_sl3_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_2_sl3_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_3_sl3_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_3_sl3_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_4_sl3_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_4_sl3_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_5_sl3_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_5_sl3_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_6_sl3_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_6_sl3_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}
.list_1_cross_sl3,.list_2_cross_sl3,.list_3_cross_sl3,.list_4_cross_sl3,.list_5_cross_sl3,.list_6_cross_sl3{
    position: absolute;
    right: 10px;
    top: 10px;
}

/*???????????????????????????????????????????????????????????????????????????????????????????1*/

.list_4bg {
    height: 390px;
    width: 100%;
    background-image: url(../img/list_5/side_4/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    margin-bottom: 60px;
}

@supports (gap: 1px) {
  .list_4bg {
    background-image: url(../img/list_5/side_4/webp/bg.webp);
}
}

.list4_pic1{
    width: 452px;
    height: 230px;
    background-image: url(../img/list_5/side_4/pic1.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
}
@supports (gap: 1px) {
  .list4_pic1 {
    background-image: url(../img/list_5/side_4/webp/pic1.webp);
}
}

.list4_pic2{
    width: 452px;
    height: 230px;
    background-image: url(../img/list_5/side_4/pic2.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    margin-top: 20px; 
}
@supports (gap: 1px) {
  .list4_pic2 {
    background-image: url(../img/list_5/side_4/webp/pic2.webp);
}
}

.list4_loop{
    width: 478px;
    height: 458px;
    background-image: url(../img/list_5/side_4/loop.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list4_loop_eng{
    width: 478px;
    height: 458px;
    background-image: url(../img/list_5/side_4/eng/loop.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list4_loop_ar{
    width: 478px;
    height: 458px;
    background-image: url(../img/list_5/side_4/ar/loop.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list4_loop2{
    width: 482px;
    height: 485px;
    background-image: url(../img/list_5/side_4/loop2.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list4_loop2_eng{
    width: 482px;
    height: 485px;
    background-image: url(../img/list_5/side_4/eng/loop2.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list4_loop2_ar{
    width: 482px;
    height: 485px;
    background-image: url(../img/list_5/side_4/ar/loop2.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list4_loop3{
    width: 401px;
    height: 450px;
    background-image: url(../img/list_5/side_4/loop3.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list4_loop4{
    width: 431px;
    height: 159px;
    background-image: url(../img/list_5/side_4/loop4.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list4_loop5{
    width: 462px;
    height: 540px;
    background-image: url(../img/list_5/side_4/loop5.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list4_loop5_eng{
    width: 462px;
    height: 540px;
    background-image: url(../img/list_5/side_4/eng/loop5.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list4_loop5_ar{
    width: 462px;
    height: 540px;
    background-image: url(../img/list_5/side_4/ar/loop5.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list4_loop6{
    width: 1045px;
    height: 319px;
    margin: auto;
    background-image: url(../img/list_5/side_4/loop6.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list4_loop6_eng{
    width: 1045px;
    height: 319px;
    margin: auto;
    background-image: url(../img/list_5/side_4/eng/loop6.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list4_loop6_ar{
    width: 1045px;
    height: 319px;
    margin: auto;
    background-image: url(../img/list_5/side_4/ar/loop6.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list4_loop7{
    width: 421px;
    height: 453px;
    margin: auto;
    background-image: url(../img/list_5/side_4/loop7.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list4_loop7_eng{
    width: 421px;
    height: 453px;
    margin: auto;
    background-image: url(../img/list_5/side_4/eng/loop7.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list4_loop7_ar{
    width: 421px;
    height: 453px;
    margin: auto;
    background-image: url(../img/list_5/side_4/ar/loop7.png);
    background-repeat: no-repeat;
    background-size: contain;

}

.list_1_sl4_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_1_sl4_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_2_sl4_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_2_sl4_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_3_sl4_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_3_sl4_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_4_sl4_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_4_sl4_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_5_sl4_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_5_sl4_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_6_sl4_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_6_sl4_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_7_sl4_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_7_sl4_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}
.list_8_sl4_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_8_sl4_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}
.list_1_cross_sl4,.list_2_cross_sl4,.list_3_cross_sl4,.list_4_cross_sl4,.list_5_cross_sl4,.list_6_cross_sl4,.list_7_cross_sl4,.list_8_cross_sl4{
    position: absolute;
    right: 10px;
    top: 10px;
}

/*???????????????????????????????????????????????????????????????????????????????????????????1*/
.list_5bg {
    height: 390px;
    width: 100%;
    background-image: url(../img/list_5/side_5/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    margin-bottom: 60px;
}

@supports (gap: 1px) {
  .list_5bg {
    background-image: url(../img/list_5/side_5/webp/bg.webp);
}
}

.list5_pic1{
    width: 452px;
    height: 230px;
    background-image: url(../img/list_5/side_5/pic1.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
}
@supports (gap: 1px) {
  .list5_pic1 {
    background-image: url(../img/list_5/side_5/webp/pic1.webp);
}
}
.list5_pic2{
    width: 452px;
    height: 230px;
    background-image: url(../img/list_5/side_5/pic2.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    margin-top: 20px; 
}
@supports (gap: 1px) {
  .list5_pic2 {
    background-image: url(../img/list_5/side_5/webp/pic2.webp);
}
}

.list5_pic3{
    width: 510px;
    height: 123px;
    background-image: url(../img/list_5/side_5/pic3.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 20px; 
}
.list5_pic3_eng{
    width: 510px;
    height: 123px;
    background-image: url(../img/list_5/side_5/eng/pic3.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 20px; 
}
.list5_pic3_ar{
    width: 510px;
    height: 123px;
    background-image: url(../img/list_5/side_5/ar/pic3.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 20px; 
}
.list5_loop{
    width: 320px;
    height: 472px;
    background-image: url(../img/list_5/side_5/loop.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.list5_loop_eng{
    width: 320px;
    height: 472px;
    background-image: url(../img/list_5/side_5/eng/loop.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.list5_loop_ar{
    width: 320px;
    height: 472px;
    background-image: url(../img/list_5/side_5/ar/loop.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.list_1_sl5_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_1_sl5_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_2_sl5_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_2_sl5_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_3_sl5_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: absolute;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_3_sl5_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: absolute;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_4_sl5_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: absolute;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_4_sl5_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: absolute;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_5_sl5_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: absolute;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_5_sl5_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: absolute;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_6_sl5_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: absolute;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_6_sl5_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: absolute;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}



.list_1_cross_sl5,.list_2_cross_sl5,.list_3_cross_sl5,.list_4_cross_sl5,.list_5_cross_sl5,.list_6_cross_sl5{
    position: absolute;
    right: 10px;
    top: 10px;
}

/*???????????????????????????????????????????????????????????????????????????????????????????1*/

.list_6bg {
    height: 390px;
    width: 100%;
    background-image: url(../img/list_5/side_6/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    margin-bottom: 60px;
}

@supports (gap: 1px) {
  .list_6bg {
    background-image: url(../img/list_5/side_6/webp/bg.webp);
}
}

.list6_pic1{
    width: 452px;
    height: 230px;
    background-image: url(../img/list_5/side_6/pic1.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
}
@supports (gap: 1px) {
  .list6_pic1 {
    background-image: url(../img/list_5/side_6/webp/pic1.webp);
}
}
.list6_pic2{
    width: 452px;
    height: 230px;
    background-image: url(../img/list_5/side_6/pic2.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    margin-top: 20px; 
}

@supports (gap: 1px) {
  .list6_pic2 {
    background-image: url(../img/list_5/side_6/webp/pic2.webp);
}
}



.list6_loop{
    width: 440px;
    height: 538px;
    background-image: url(../img/list_5/side_6/loop.png);
    background-repeat: no-repeat;
    background-size: contain;

}

.list6_loop2{
    width: 463px;
    height: 495px;
    background-image: url(../img/list_5/side_6/loop2.png);
    background-repeat: no-repeat;
    background-size: contain;

}

.list6_loop2_eng{
    width: 463px;
    height: 495px;
    background-image: url(../img/list_5/side_6/eng/loop2.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list6_loop2_ar{
    width: 463px;
    height: 495px;
    background-image: url(../img/list_5/side_6/ar/loop2.png);
    background-repeat: no-repeat;
    background-size: contain;

}

.list6_loop3{
    width: 456px;
    height: 447px;
    background-image: url(../img/list_5/side_6/loop3.png);
    background-repeat: no-repeat;
    background-size: contain;

}

.list6_loop3_eng{
    width: 456px;
    height: 447px;
    background-image: url(../img/list_5/side_6/eng/loop3.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list6_loop3_ar{
    width: 456px;
    height: 447px;
    background-image: url(../img/list_5/side_6/ar/loop3.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list6_loop4{
    width: 436px;
    height: 313px;
    background-image: url(../img/list_5/side_6/loop4.png);
    background-repeat: no-repeat;
    background-size: contain;

}

.list6_loop5{
    width: 420px;
    height: 256px;
    background-image: url(../img/list_5/side_6/loop5.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list6_loop5_eng{
    width: 420px;
    height: 256px;
    background-image: url(../img/list_5/side_6/eng/loop5.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list6_loop5_ar{
    width: 420px;
    height: 256px;
    background-image: url(../img/list_5/side_6/ar/loop5.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.list_1_sl6_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_1_sl6_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_2_sl6_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_2_sl6_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_3_sl6_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_3_sl6_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_4_sl6_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_4_sl6_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_5_sl6_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_5_sl6_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_6_sl6_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_6_sl6_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}


.list_7_sl6_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_7_sl6_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_1_cross_sl6,.list_2_cross_sl6,.list_3_cross_sl6,.list_4_cross_sl6,.list_5_cross_sl6,.list_6_cross_sl6,.list_7_cross_sl6{
    position: absolute;
    right: 10px;
    top: 10px;
}
/*???????????????????????????????????????????????????????????????????????????????????????????1*/
.list_7bg {
    height: 390px;
    width: 100%;
    background-image: url(../img/list_5/side_7/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    margin-bottom: 60px;
}

@supports (gap: 1px) {
  .list_7bg {
    background-image: url(../img/list_5/side_7/webp/bg.webp);
}
}

.list7_pic1{
    width: 452px;
    height: 230px;
    background-image: url(../img/list_5/side_7/pic1.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
}
@supports (gap: 1px) {
  .list7_pic1 {
    background-image: url(../img/list_5/side_7/webp/pic1.webp);
}
}
.list7_pic2{
    width: 452px;
    height: 230px;
    background-image: url(../img/list_5/side_7/pic2.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    margin-top: 20px; 
}

@supports (gap: 1px) {
  .list7_pic2 {
    background-image: url(../img/list_5/side_7/webp/pic2.webp);
}
}



.list7_loop{
    width: 807px;
    height: 256px;
    background-image: url(../img/list_5/side_7/loop.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 60px;
    margin: auto;

}
.list7_loop_eng{
    width: 807px;
    height: 256px;
    background-image: url(../img/list_5/side_7/eng/loop.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 60px;
    margin: auto;

}
.list7_loop_ar{
    width: 807px;
    height: 256px;
    background-image: url(../img/list_5/side_7/ar/loop.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 60px;
    margin: auto;

}
.list7_loop2{
    width: 475px;
    height: 340px;
    background-image: url(../img/list_5/side_7/loop2.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 60px;
    margin: auto;

}

.list_1_sl7_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_1_sl7_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_2_sl7_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_2_sl7_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_3_sl7_area{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(80px);
    
    overflow: hidden;
}

.list_3_sl7_area_open{
    background-color: #2a3139;
    width: calc(100% - 160px);
    margin: auto;
    margin-top: 80px;
    margin-left: 80px;
    border-radius: 14px;
    position: relative;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
    
    overflow: hidden;
}

.list_1_cross_sl7,.list_2_cross_sl7,.list_3_cross_sl7,.list_4_cross_sl7,.list_5_cross_sl7{
    position: absolute;
    right: 10px;
    top: 10px;
}