*{
    padding: 0;
    margin: 0;
    border: 0;
}
*,*::before, *::after{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:focus, :active{outline: none;} 
a:focus, a:active{outline: none;}
nav, footer, header, aside{display: block;}
html, body{
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
input,button,textarea{font-family: inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding: 0; border: 0;}
a, a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
img{vertical-align: top;}
a { color: inherit; }

h1,h2,h3,h4,h5,h6{font-size: inherit; font-weight: 400;}
:root{
    --header-color:#57E8F1; 
    --logo-color:#097165;
    --bg-color:#9D5715;
    --prinary-color:#F0FFFF;
    --secondary_text-color:#3b3c33;
    --active_link-color:#E91515;
    --h2-color:#574D4D;
    --bg-trainingMobil:rgb#d9d7d7;
}
html, body {
    font-family: 'Inter', sans-serif;  
    font-size: 16px;
    font-family: 'Inter', Arial, Helvetica, sans-serif; 
    font-weight: 600; 
    height: 100%; 
}
ul, li{
    padding-left: 1%; 
    margin: 0.4%; 
}
body {
    /* overflow-y: auto; */
    overscroll-behavior-y: none;
}
.wrapper {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    overscroll-behavior-y: none;
}
.plug{
    position: absolute;
    z-index: 600;
    width: 100%;
    min-height: 100vh;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background: #3d3939;
}
.plug__item{
    width: 100%;
    min-height: 100vh;
    background: #3d3939;
    /* background: linear-gradient( #535151f0 14%,#fcfcfd 70%,#535151f0 90%);   */
    display: flex;
    justify-content: center;
    align-items: center;
}
/* .loader__wrapper{
    position: absolute;
    z-index: 500;
    width: 100vw;
    height: 100vh;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
} */
/* .loader__container{
    width: 30%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
} */
.preloader{
    position: fixed;
    z-index: 500;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #c13ec4,#7a53c8,#7128d9);
    /* background: linear-gradient(to right, #f00, #ffa500, #ff0, #008000, #00f, #4b0082, #ee82ee); */
    /* background: rgb(35, 35, 35); */
    /* opacity: 0; */
    /* opacity: 0.7; */
}
.mobil__taboo-box{
    width: 100%;
    min-height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.mobil__taboo{
    color: white;
    font: size 16px;
    line-height: 22px;
}
.preloader__hide{
    opacity: 0;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
.loader{
    /* width: 25px; */
    width: 1vw;
    aspect-ratio: 1/4;
    /* height: 100px;
    height: 1/4; */
    position: relative;
    /* background: #9c0f74; */
}
.inner-loader{
    height: 100px;
    scale: 0.8;
    position: absolute;
    animation: rotate 1.5s linear infinite;
    /* background: white; */
}
.inner-loader .circle1,
.inner-loader .circle2,
.inner-loader .circle3,
.inner-loader .circle4,
.inner-loader .circle5{
    background:#f5f5f5;
    border-radius: 50%;
}
.inner-loader .circle1{
    height: 25px;
    width: 25px;
}
.inner-loader .circle2{
    height: 20px;
    width: 20px;
}
.inner-loader .circle3{
    height: 15px;
    width: 15px;
}
.inner-loader .circle4{
    height: 10px;
    width: 10px;
}
.inner-loader .circle5{
    height: 5px;
    width: 5px;
}
.inner-loader:nth-child(1){
    animation-delay: 0s;
    left: 0px;
}
.inner-loader:nth-child(2){
    animation-delay: 0.1s;
    left: 2px;
}
.inner-loader:nth-child(3){
    animation-delay: 0.2s;
    left: 5px;
}
.inner-loader:nth-child(4){
    animation-delay: 0.3s;
    left: 7px;
}
.inner-loader:nth-child(5){
    animation-delay: 0.4s;
    left: 10px;
} 
@keyframes rotate{
    0%{ transform: rotate(0deg); }
    100%,66%{ transform: rotate(360deg); }
}   
.header {
    position: absolute;
    z-index: 100;
    z-index: 200;
    height: 11.48vh; 
    width: 100%;
    background: var(--header-color);
}
._header{
    position: absolute;
    display: flex;
    align-items: center; 
    z-index: 30;
    background: var(--header-color);
    width: 100%;
    height: 11.48vh; 
    top: 0;
    /* background: fuchsia; */
} 
.header__toggle{
    background: none;
}
.header__twist{
    height: 8vh;
}
.header__container {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    /* background: yellow; */
}
.header__logo-mobil{
    position: absolute;
    width: 20%;
    /* width: 16%; */
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /* background: #6927bb; */
}
.header__logo-mobil-twist{
    width: 46%;
    /* width: 40%; */
    /* background: #6927bb; */
}
/* .header__logo-mobil-twist{
    width: 50%;
} */
.header__logo-mobil-item{
    height: 80.65%;
    aspect-ratio: 3.3 / 1;
    /* background: wheat; */
}
.header__logo-mobil-item-twist{
    height: 70.65%;
}
.header__logo {
    position: relative;
    height: 80.65%;
    aspect-ratio: 3.3 / 1;
    background-color: var(--logo-color);
    border-radius: 999px 0 999px 999px;
    display: flex;
    align-items: center; 
    left: 4.6875%;
}
.header__logo-twist{
    height: 70.65%;
    left: 6%;
}
.header__logo:hover{
    cursor: pointer;
}
.header__logo-left {
    position: relative; 
    margin-left: 0;
    height: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.header__logo:hover .rotate__left{
    transform: rotate(0deg); 
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.header__logo:hover .logo__star{
    transform: scale(1.5) translate(35%, 70%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
    animation-name: pulse-star;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: 1.2s;
}
.logo__star {
    position: absolute;
    z-index: 5;
    display: flex;
    align-items: center;
    width: 24%;
    height: 24%;
    top: 14%;
    left: 30%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.rotate__left{
    transform: rotate(-30deg); 
    height: 90%;
    margin-left: 10%;   
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.header__logo-right{
    width: 60%;
    margin-top: 2%;
}
._header__logo-right{
    width: 100%;
    height: 100%;
    margin-left: 4%;
}
@keyframes menu-rotation{
    0%{
        transform: rotate(12deg);
    }
    100%{
        transform: rotate(372deg);
    }
    }
@keyframes pulse-star{
    0%{
        transform: scale(1.5) translate(35%, 70%);
    }
    10%{
        transform: scale(2) translate(25%, 50%);
    }
    20%{
        transform: scale(1.5) translate(35%, 70%);
    }
    100%{
        transform: scale(1.5) translate(35%, 70%);
    }
    }
.logo__smile-container{
    position: absolute;
    z-index: 6;
    height: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5%;
    left: 30%;
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.smile-container-training{
    top: -5%;
}
.smile-container-schhol{
    width: 30%;
    aspect-ratio: 1;
    left: 35%;
    top: -1%;
}
.smile-container-tournament{
    left: 31%;  
    top: 4%;
}
.logo__smile-container-animate{
    transform: translate(-115%);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.logo-smile-box{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    width: 33%;
    aspect-ratio: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    opacity: 0;   
}
.logo-smile__box-animate{
    opacity: 1;
    transform: scale(4.65);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.header__menu{
    height:10.13% ;
    height: 11.48vh;
    aspect-ratio: 1 / 1;
    position: fixed;
    z-index: 200; 
    display: flex;
    align-items: center;
    justify-content: center;
    right: 4.6875%;
    z-index: 10;
    opacity: 1;
}
.header__menu-twist{
    z-index: 100;
    height:7%;
    top: 0.5%;
}
/* ._header__menu{
    background: rgb(21, 131, 89);
} */
.menu__close{
    position: absolute;
    z-index: 100;
    width: 50%;
    height: 50%;
}
.menu__close:hover{
    cursor: pointer;
}
.menu__fruit{
    position: absolute; 
    z-index: 110;
    width: 54%; 
    height: 54%; 
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}
.menu__fruit:hover{
    cursor: pointer;
}
.menu__fruit-animate{
    z-index: 0;
    opacity: 0;
}
.fruit__menu{
    position: absolute;
    z-index: 110;
    width: 100%;
    opacity: 0;
}
.ball__menu{
    position: absolute;
    z-index: 1;
    width: 100%;
    /* width: 200%; */
    aspect-ratio: 1;
    width: 80%;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ball__menu-item{
    width: 50%;
    /* width: 25%; */
    aspect-ratio: 1;
    border-radius: 100%;
    background: rgb(244, 50, 6);
    background: red;
    /* background: #BA4A1A; */
}
._scale_1_1{
    scale: 1.1;
}
._scale_1_2{
    scale: 1.2;
}
.circle__menu{
    height: 90%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    rotate: 12deg; 
}
.header__menu:hover .circle__menu{
    animation: menu-rotation;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;       
}
@keyframes menu-rotation{
    0%{
        transform: rotate(12deg);
    }
    100%{
        transform: rotate(372deg);
    }
}
._page{
    width: 100%;
    min-height: 100vh;
    height: auto;
}
.main__page{
    height: 100vh;
    height: auto;
    background: white;
}
.page__box{
    width: 100%;
    min-height: 100vh;
    height: auto;
}
.main__box{
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    background-color: var(--bg-color); 
    animation-name: bg-circle;
    animation-duration: 27s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.main__box-add{
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    background: #09c3d0;
    background: linear-gradient(190deg, #57E8F1 27%,#19ca4b 44%,#c3881b 84%);
    background: linear-gradient(185deg, #57E8F1 27%,#0f9c37 44%,#966915 84%);
    /* background: none; */
}
.heading__main{
    position: relative;
    z-index: 19;
    font-size: 5.625vw;
    font-weight: 600;
    margin-top: 39vh;
    color: var(--prinary-color);
}
.tennisball__wrapper{
    position: absolute;
    width: 860%;
    width: 750%;
    right: -860%; 
    right: -1500%; 
    aspect-ratio: 1;
    max-width: 100vw;
    max-height:100vh;
    border-radius: 100%; 
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: #3648d1; */
}
.tennisball__wrapper-active{
    right: -326%; 
}
.tennisball__wrapperMobil-active{
    right: -150%; 
}
.tennisball__wrapper-animate{
    z-index: 150;
    transform: translate(-38%, 57.5%);
    -webkit-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
}
.tennisball__wrapper-twist-animate{
    z-index: 150;
    max-width: 100vw;
    /* max-width: 96vw; */
    transform: translate(-38%, 100%);
    -webkit-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
} 
.nav__wrapper{
    position: absolute;
    width: 90%;
    right: -100%;
    aspect-ratio: 1 / 1;
    /* background: #1ba797; */
}

.tennisball__box{
    position: absolute;
    width: 4%;
    height: 4%;
}
.tennisball__box-animate{
    transform: scale(25);
    max-width: 100vw;
    -webkit-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
}
._rotate{
    rotate: 30deg;
}
._rotate-animate{
    transform: rotate(-44deg);
    -webkit-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
}
.tennisball__animate-push-right{
    transform: translate(100%, 60%); 
    -webkit-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
}
.tennisball__animate-push-right-twist{
    transform: translate(100%, 100%); 
    -webkit-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
}
.tennisball__animate-rotate{
    transform: rotate(90deg);
    -webkit-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
}
.nav__wrapper-animate{
    transform: translateX(-116%); 
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.6s;
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.6s;
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.6s;
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.6s; 
}
.link__menu{
    width: 100%;
    height:14.286% ;
    height: 11.111%;
    height: 10%;
    display: flex;
    justify-content: left;
    align-items: center;
    font-weight: 500;
    font-size: 22px;
    color: var(--secondary_text-color);
    /* background: #af3c98; */
}
/* #__main__page{
    background: yellow;
} */
.link__menu-0 {
    padding-left: 32%;
}
.link__menu-1{
    padding-left: 14%;
}
.link__menu-2{
    padding-left: 6%;
}
.link__menu-3{
    padding-left: 0;
    padding-left: 1.5%;
}
.link__menu-4{
    padding-left: 4%;
    padding-left: 0;
}
.link__menu-5{
    padding-left: 1%;
}
.link__menu-6{
    padding-left: 3%;
}
.link__menu-7{
    padding-left: 8.5%;
}
.link__menu-8{
    padding-left: 16%;
}
.link__menu-9{
    padding-left: 37%;
}
._color__active{
    color: var(--active_link-color);
}

.sky__bg{
    position: absolute; 
    z-index: 2;
    width: 240%;
    aspect-ratio: 1.9 / 1;
    border-radius: 50%;
    bottom: 68%;
    left: -62%;
    background-color: #80F2F2;
    filter: blur(5vw);
    rotate: -14deg;
}
.sky__bg-twist{
    filter: blur(12vw);
}
.sky__toggle{
    animation-name:elipse__sky-circle;
    animation-duration: 27s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.green__bg{
    position: absolute; 
    z-index: 1;
    width: 200%;
    aspect-ratio: 1.7 / 1;
    border-radius: 50%;
    bottom: 24%;
    left: -44%;
    background-color: #1F7812;
    filter: blur(5vw);
    rotate: -21deg;
}
.green__bg-twist{
    filter: blur(12vw);
}
.green__toggle{
    animation-name: elipse__green-circle;
    animation-duration: 27s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.sun__main{
    position: absolute;
    z-index: 4;
    width: 19%;
    aspect-ratio: 1;
    left: -20%; 
    top: 12%;
}
.sun__main-twist{
    width: 30%;
    left: -26%;
}
.sun__main-twist-add{
    width: 30%;
    width: 34%;
    top: 5%;
    left: 10%;
}
.sun__main-box{
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.sun__blur{
    fill: #f1f8d7;
    filter: blur(0.7vw);
}
.sun__blur-add{
    fill: #f3f6e8;   
}
.sun__blur-twist{
    filter: blur(0.9vw);
}
.sun__toggle{
    animation-name: sun-cycle;
    animation-duration: 27s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.sun__toggle-twist{
    animation-name: sun-cycle-twist;
    animation-duration: 27s;
    animation-timing-function: linear;
    animation-iteration-count: infinite; 
}
.sun__main-bg-twist{
    left: 4%;
    width: 34%;
    top: 5%;
}
.sun__blur-toggle{
    animation-name: sun-bright;
    animation-duration: 27s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.sun__rotate-toggle{
    animation-name: sun-rotate;
    animation-duration: 27s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.stars__main {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    opacity: 0;
}
.stars__toggle {
    animation-name: stars-circle; 
    animation-duration: 27s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.star__main-0 {
    position: absolute;
    z-index: 3;
    top: 12.5%;
    left: 9.1%;
    width: 2.4vw;
    aspect-ratio: 1;
}
.star__main-twist-0{
    width: 4.8vw;
}
.star__main-1 {
    position: absolute;
    z-index: 3;
    top: 16.63%;
    left: 19%;
    width: 2.97vw;
    aspect-ratio: 1;
}
.star__main-twist-1{
    width: 6vw;
}
.star__main-2 {
    position: absolute;
    z-index: 3;
    top: 13.3%;
    left: 39.4%;
    width: 2.7vw;
    aspect-ratio: 1;
}
.star__main-twist-2{
    width: 5.4vw;
}
.star__main-3 {
    position: absolute;
    z-index: 3;
    top: 16.2%;
    right: 30.7%;
    width: 1.7vw;
    aspect-ratio: 1;
}
.star__main-twist-3{
    width: 3.4vw;
}
.star__main-4 {
    position: absolute;
    z-index: 3;
    top: 13.4%;
    right: 9.2%;
    width: 2.1vw;
    aspect-ratio: 1;
}
.star__main-twist-4{
    width: 4.2vw;
}
.gamers__main{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 13;
}
.gamers__toggle{
    animation-name: gamers-circle; 
    animation-duration: 27s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.gamers__item{
    position: absolute;
}
.gamers__item-bg{
    position: absolute;
}
.gamer__0{
    z-index: 10; 
    width: 9.5%;
    aspect-ratio: 0.93 / 1;
    left: 7.62%;
    top:13.85%;
}
.gamer__twist-0{
    width: 15.45%;
    top:20.8%;
}
.gamer__1{
    z-index: 10;
    width: 12%;
    aspect-ratio: 1.29 / 1;
    top: 20.53%;
    left: 24.59%;
}
.gamer__twist-1{
    width: 20%;
    top: 31%;
}
.gamer__2{
    z-index: 10;
    width: 8.5%;
    aspect-ratio: 0.55 / 1;
    top: 27.31%;
    left: 47.34%;
}
.gamer__twist-2{
    width: 14.5%;
    top: 41%;
}
.gamer__3{
    z-index: 10;
    width: 10.2%;
    aspect-ratio: 0.86 / 1;
    top: 16.48%;
    right: 24%;
}
.gamer__twist-3{
    width: 17.4%;
    top: 25%;
}
.gamer__4{
    z-index: 10;
    width: 7%;
    aspect-ratio: 0.74 / 1;
    top: 14.69%;
    right: 5.63%;
}
.gamer__twist-4{
    width: 12%;
    top: 19%;
}
.gamer__5{
    z-index: 10;
    width: 12.5%;
    aspect-ratio: 0.89 / 1;
    top: 40.28%;
    left: 20.21%;
}
.gamer__twist-5{
    width: 22%;
    top: 48%;
    left: 10%;
}
.gamer__6{
    z-index: 10;
    width: 10.3%;
    aspect-ratio: 0.85 / 1;
    top: 42.23%;
    right: 19.95%;
}
.gamer__twist-6{
    width: 18%;
    top: 50%; 
    right: 16%;
}
.gamer__7{
    z-index: 12;
    width: 12%;
    aspect-ratio: 0.65 / 1;
    bottom: 2.15%;
    left: 6.77%;
}
.gamer__twist-7{
    width: 20%;
    bottom: 10%; 
}
.gamer__8{
    z-index: 12;
    width: 18%;
    aspect-ratio: 0.95 / 1;
    bottom: 7.97%;
    left: 35.94%;
}
.gamer__twist-8{
    width: 30%;
    bottom: 15%;
}
.gamer__9{
    z-index: 12;
    width: 11.5%;
    aspect-ratio: 0.88 / 1;
    bottom: 6.85%;
    right: 6.3%;
}
.gamer__twist-9{
    width: 19%;
    bottom: 10.3%;
}
.gamer__10{
    z-index: 11;
    width: 90%;
    aspect-ratio: 13.9 / 1;
    bottom: 26.57%;
    left: 5%;
}
.gamer__twist-10{
    bottom: 32%;
    width: 96%;
    left: 2%;
    aspect-ratio: 9 / 1;
}
@keyframes bg-circle{
    0%{
        background-color: var(--bg-color);
    }
    22%{
        background-color: #C6701E;
    }
    44%{
        background-color:var(--bg-color);
    }
    64%{
        background-color: #9D5815;
    }
    80%{
        background-color: #6d3b0a;
    }
    90%{
        background-color: #6d3b0a;
    }
    100%{
        background-color: var(--bg-color);
    }
}
@keyframes elipse__sky-circle{
    0%{
        background-color:#80F2F2; rotate: -11.46deg;
    }
    22%{
        background-color:#A3EBE1; rotate: -1.2deg;
    }
    44%{
        background-color:#A3EBE1; rotate: 21.46deg;
    }
    64%{
        background-color: #80F2F2; rotate: 0deg;
    } 
    80%{
        background-color: #293835; rotate: 6deg;
    }
    90%{
        background-color: #293835; rotate: 6deg;
    }
    100%{
        background-color: #80F2F5; rotate: -11.46deg;
    }
}
@keyframes elipse__green-circle{
    0%{
        background-color: #1F7812; rotate: -5.11deg;
    }
    22%{
        background-color: #2AA718; rotate: 0;
    }
    44%{
        background-color: #2AA718; rotate: 20deg;
    }
    64%{
        background-color: #2A6120; rotate: 0deg;
    }
    80%{
        background-color: #2A6120; rotate: -5.116deg;
    }
    90%{
        background-color: #2A6120; rotate: -5.116deg;
    }
    100%{
        background-color: #1F7812; rotate: -5.11deg;
    }
}
@keyframes sun-cycle{
    0%{
        transform: translate(-20%, 10%) scale(1) ;
    }
    33%{
        transform: translate(290%, -60%) scale(1.4);
    }
    100%{
        transform: translate(1000%, 100%) scale(0.7);
    }
}
@keyframes sun-cycle-twist{
    0%{
        transform: translate(-20%, 10%) scale(1) ;
    }
    33%{
        transform: translate(200%, -60%) scale(1.4);
    }
    100%{
        transform: translate(700%, 100%) scale(0.7);
    }
}
@keyframes sun-bright{
    0%{
        fill:#F2E762;
    }
    28%{
        fill: #FCFEEB;
    }
    100%{
        fill: #b7ae2f;
    }
}
@keyframes sun-rotate{
    0%{
        transform: rotate(0deg);
    }
    60%{
        transform: rotate(360deg);
    }
    100%{
        transform: rotate(720deg);
    }
}
    @keyframes stars-circle{
        0%{
            opacity: 0;
        }
        66%{
            opacity: 0;
        }
        76%{
            opacity: 1;
        }
        88%{
            opacity: 1;
        }
        100%{
            opacity: 0;
        }
    }
    @keyframes gamers-circle{
        0%{
            opacity: 1;
        }
        66%{
            opacity: 1;
        }
        76%{
            opacity: 0;
        }
        92%{
            opacity: 0;
        }
        100%{
            opacity: 1;
        }
    }
.overlay__bg{
    position: fixed;
    z-index:99;
    z-index: 152;
    width: 100%;
    height: 100%;
    background-color: var(--bg-color);
    left: -100%; 
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.overlay__bg-animate{
    transform: translate(100%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
._span {
    display: inline-block;
    padding-bottom: 1.5vw;
}
._span-twist{
    display: flex;
    flex-direction: column;
    font-size: 7vw;
}
.advantages__main{
    position: absolute;
    z-index: 19;
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: center;
    text-align: left;
    color: var(--prinary-color);
    width: 89.58vw;
    height: 37.5vh;
    left: 4.6875%;
    bottom: 5.5vh;
}
.advantages__line{
    display: flex;
    justify-content: left;
    align-items: center;
    height:16.67% ;
    width: 100%;
    font-weight: 500;
}
.bullit__square{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50%;
    aspect-ratio: 1;
    margin-right: 0.8%; 
} 
.button{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20;
    width: 8vw;
    width: 7.6vw; 
    aspect-ratio: 5 / 1.8;
    border-radius: 999px; 
    border: 1px solid #AB4C23;
    box-shadow: 0 2px 4px #DB9F74;
    opacity: 0.5;
    bottom: 2%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #CE6D43;
    font-size: 1.7vw;
    color: #EAC9C9;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0com.3s linear;
    -o-transition: all 0.3s linear;
    transition: 0.3s;
}
.button__twist{
    width:12vh; 
    font-size: 2.5vh;
}
.button:hover{
    opacity: 0.7;
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: 0.3s;
}
.button__hidden{
    bottom: -7%;
}
.command__page{
    background: white;
}
.page__box-wrapper{
    width: 100%;
    background: white;
}
.command__box{
    position: relative;
    display: flex;
    justify-content: center; 
    align-items: center;
    width: 100%;
    height: 110vh;
    height: 110vh;
    background: linear-gradient(to bottom, #def76f 0%,#72c8db 50%,#38e043 100%);
    background: linear-gradient(180deg, #57E8F1 14%,#8ccbd1 40%,#cde6f0 70%,white 86%);
    background: linear-gradient(180deg, #b0f1f0 14%,#8ee3eb 44%,#fcfcfd 70%,#6fc3c9 90%);  
    overflow: hidden;
}
.h2-command{
    top: 0;
}
.h2__wrapper{
    position: absolute;
    width: 100%;
    z-index: 1;
    height: 26vh;
    height: 20vh;
    display: flex;
    justify-content: center;
    align-items: center;            
    font-weight: 500;
    color: var(--h2-color);
}
.h2__wrapper-twist{
    font-size: 4vh;
    height: 18vh;
}
.comand__container{
    position: relative;
    height: 64%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.comand__container-twist{
    height: auto;
    width: 70%;
    aspect-ratio: 1;
}
.command__bg-wrapper{
    position: absolute;
    width: 100%;
    aspect-ratio: 1;
}
.command__bg-wrapper-animate{
    animation: command__bg-wrapper-rotation;
    animation-duration: 40s;
    animation-timing-function: linear;
    animation-iteration-count: infinite; 
}
@keyframes command__bg-wrapper-rotation{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.command__coach-wrapper{
    position: absolute;
    width: 24%;
    width: 67%;
    aspect-ratio:1 / 1.32;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.command__coach-wrapper-0{
    z-index: 3;
    top: 14%;
    rotate: -19deg; 
}
.command__coach-wrapper-1{
    z-index: 2;
    top: 18%;
    top: 7%;
    rotate: 7deg;
}
.command__coach-wrapper-2{
    z-index: 1;
    top: 29%;
    top: 21%;
    rotate: 29deg;
}
.left-0{
    left: 20.4%;
    left: -29%;
}
.left-2{
    left: 55%;
    left: 60%;
}
.command__coach-wrapper-hover-0{
    transform: rotate(19deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.command__coach-wrapper-hover-1{
    transform: rotate(-7deg);
    z-index: 4;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.command__coach-wrapper-hover-2{
    transform: rotate(-29deg);
    z-index: 4;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.command__coach-wrapper-twist-0{
    z-index: 1;
    width: 56%;
    rotate: -5deg; 
    top: -28%;
}
.command__coach-wrapper-twist-1{
    z-index: 2;
    width: 56%;
    rotate: 12deg; 
    top: 17%;
}
.command__coach-wrapper-twist-2{
    z-index: 3;
    width: 56%;
    rotate: -12deg; 
    top: 58%;
}
.command__coach-wrapper-twist-hover-0{
    z-index: 10;
    transform: rotate(5deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.command__coach-wrapper-twist-hover-1{
    transform: rotate(-12deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.command__coach-wrapper-twist-hover-2{
    transform: rotate(12deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.command__coach-wrapper-active-0{
    transform: rotate(19deg) translate(17%, -9%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.command__coach-wrapper-active-1{
    transform: rotate(-7deg) translate(-50%, -1%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.command__coach-wrapper-active-2{
    transform: rotate(-29deg) translate(-115%, -17%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.command__coach-wrapper-twist-active-0{
    transform: rotate(5deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.command__coach-wrapper-twist-active-1{
    transform: rotate(-12deg) translateY(-40%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.command__coach-wrapper-twist-active-2{
    transform: rotate(12deg) translateY(-94%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}    
.command__coach{
    position: absolute; 
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.command__coach-add{
    width: 78.13%;
    aspect-ratio:1 / 1.32;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.command__coach-hover{
    transform: scale(1.25); 
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.circle__button{
    position: absolute; 
    z-index: 12; 
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    top: 16%;
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.2s;
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.2s;
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.2s;
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.2s;
}
.command__coach-overlay{
    position: absolute;
    z-index: 0;
    width: 101%;
    height: 100.66%;
    background: #FFFFFF;
    background: rgb(172, 193, 174);
}
.coach__image{
    position: relative;
    width: 100%;
    display: flex; 
    justify-content: center;
    align-items: center;
}
.coach__autograph{
    position: relative;
    z-index: 10;
    width: 100%;
    height: 14%; 
    display: flex;
    justify-content: center;
}
.olga__autograph{
    position: absolute;
    width: 80%;
    height: 80%;
    rotate: 2deg;
    margin-top: 2.5%;
}
.alina__autograph{
    position: absolute;
    width: 80%;
    height: 80%;
    margin-top: 2.5%;
}
.maria__autograph{
    position: absolute;
    width: 80%;
    height: 90%;
    margin-top: 2.5%;
    rotate: 1deg;
} 
.coach__summary{
    position: absolute;
    width: 100%;
    height: 100%; 
    background-color: white;
    outline: 0.01em solid rgb(15, 14, 14);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    opacity: 0;    
}
.coach__summary-active{
    transform: translate(103%);
    z-index: 9;
    opacity: 1;
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.2s;
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.2s;
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.2s;
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.4s;
}
.coach__summary-twist-active{
    transform: translateY(102%);
    opacity: 1;
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.2s;
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.2s;
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.2s;
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.4s;
}
.coach__close{
    position: relative; 
    z-index: 12;
    display: flex;
    justify-content: end; 
    width: 100%;
    height: 10%;
    /* background: yellow; */
}
.coach__close:hover{
    cursor: pointer;
}
.btn-coach-close{
    position: absolute; 
    z-index: -1;  
    height: 99%; 
    margin-top: 1%;
    margin-right: 1%;
    aspect-ratio: 1 / 1; 
    background-color: #e3dcdc;
}
.coach__text{
    width: 100%;
    line-height: 1.2em;
    color: var(--h2-color);
    padding-top: 4%;
    padding-left: 3%;
    padding-right: 3%; 
}
.coach__text:hover{
    cursor: pointer;
}
.p-command{
    margin-top: 0.4em;
}
.coach__text:first-child{
    margin-top: 0;
}
.page__box2-wrapper{
    width: 100vw;
    height: 100vh;
    background: white;
}
.command__box-2{
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center; 
    align-items: center;
    overflow: hidden;
    background: linear-gradient(to right,#0A307A 0%,#FCB33F 100%);
    background: linear-gradient(to right,#0c1978 0%,#FCB33F 100%); 
    background: linear-gradient(to right,#3d2fa6 0%,#FCB33F 100%);
    background: linear-gradient(to right,#7312d4 0%,#ca9f59 44%, #e7b666 90%);
    background: linear-gradient(to right,#410a78 0%,#ca9f59 44%, #e7b666 90%);
}
.command__box-2__twist{
    background: linear-gradient(to right,#6923ae 0%, #efc278 90%);
}
.box-2__curtain{
    position: absolute;
    z-index: 50;
    width: 1%;
    height: 100%;
    left: -1%;
    background: white;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.box-2__curtain-animate{
    width: 101%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.box-2-wrapper{
    position: absolute;
    width: 100%;
    aspect-ratio: 2.5 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
}
.box-2-wrapper-twist{
    aspect-ratio: 1 / 1;
}
.carousel__button{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20;
    width: 46%;
    aspect-ratio: 1;
    border-radius: 100%;
    background-color: #F4FC87;
    color: #484c62;
    opacity: 0;  
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.carousel__button-add{
    position: absolute;
    width: 46%; 
    top: 40%;
    top: 22%;
    left: 18%;
    background-color: #fbfbfa;
}
.__rotate_45{
    rotate: -45deg;
}
.carousel__button:hover{
    opacity: 0.35; 
    cursor: pointer;        
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.carousel__button-hover{
    opacity: 0.4; 
    cursor: pointer;        
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.object-transform{
    position: absolute;
    z-index: 50;
    width: 0.1%; 
    opacity: 1;
    aspect-ratio: 1;
    background: white;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    }
.object-transform-animate{
    width: 280%;  
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
._border-radius{
    border-radius: 100%;
}
._left-100{
    transform: translatex(-100%);
    -webkit-transition: all 0.5s linear 0.3s ;
    -moz-transition: all 0.5s linear 0.3s;
    -o-transition: all 0.5s linear 0.3s;
    transition: all 0.5s linear 0.3s;
}
.command__carousel{
    position: absolute;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    aspect-ratio: 1 / 1;                
    rotate: 45deg; 
    right: 15%; 
}
.command__carousel-twist{
    height: 80%;
    right: 10%; 
} 
.tape__wrapper{
    position: absolute;
    width: 100%; 
    aspect-ratio: 2.87 / 1;
    overflow: hidden;     
    border-bottom-right-radius: 11% 31.57%;
    border-bottom-left-radius: 11% 31.57%;
}
.__tape__wrapper-1{
    z-index: 10;
    top: 40%; 
    z-index: 5;
}
.__tape__wrapper-2{
    position: absolute;
    top: 24%;
    border-bottom-right-radius: 0 0;
    border-bottom-left-radius: 0 0;
    border-top-right-radius: 11% 31.57%;
    border-top-left-radius: 11% 31.57%;
}
.gradient-wrapper{
    position: absolute;
    z-index: 1;
}
.image__sequence{
    position: absolute;
    left: 0;       
    left: -201%;  
    display: flex;;
    height: 68.98%;
    aspect-ratio: 12.5336 / 1;
    top: 31%;
    background-color: #0c0c0c; 
}
.image__sequence-back{
    top: 0;
    left: 0;
}
.image__sequence-animate-0{
    animation-name: cinema;       
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count:infinite; 
}
.image__sequence-animate-1{
    animation-name: cinemaBack;  
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count:infinite; 
}
.image__sequence-animate-2{
    animation-name: cinema;       
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
}
.image__sequence-animate-3{
    animation-name: cinemaBack;  
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count:infinite; 
}

.image__sequence-item{
    display: flex;
    flex-direction: column;
    height: 100%;
    width:8.3333%;
    background-color: #201C1C;
    overflow: hidden;
}
.frame__{
    width: 100%;
    height: 17.9%;
}
.image-item{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 64.2%;
}
@keyframes cinema{
    0%{
        transform: translateX(0)  
    } 
    100%{
        transform: translateX(66.8%);
    }
}
@keyframes cinemaBack{
    0%{
        transform: translateX(0)  
    } 
    100%{
        transform: translateX(-66.8%);
    }
}
.proektor__wrapper{
    position: absolute;
    z-index: 20;
    height: 100%;
    aspect-ratio: 1 / 1.93;
}
.proektor__wrapper-add{
    position: absolute;
    z-index: 2;
    width: 47%;
    width: 54%;
    aspect-ratio: 2 / 1;
    top: 30%;
    left: 16%;
}
.wheel__little{
    position: absolute;
    width: 16%;
    height: 16%;
    left: 17%;
    top: 5%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.wheel__little-animate{
    animation-name: wheelLittle;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.wheel-big{
    position: absolute;
    width: 20.83%;
    aspect-ratio: 1 / 1;
    left: 52.5%;
    top: 5%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.wheel__big-animate{
    animation-name: wheelLittle;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.button__proektor{
    width: 6vw;
    background-color: lavenderblush;
}
.proektor__light{
    position: absolute;
    height: 148%;
    aspect-ratio: 1;
    right: -3%;
    right: 0;
    top: 0;
    top: -44%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.proektor__light-animate{
    animation-name:lightScale; 
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.__light{
    fill: #EAF9B0;
    fill: #f2f7db;
    filter: blur(0.2vw);
    filter: blur(4vw);
    filter: blur(3vw); 
}
.__light__bright-animate{
    animation-name: lightBright;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.proektor__btn{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 24%;
    left: 27.2%;
    width: 48%;
    aspect-ratio: 3 / 1;
    border-radius: 999px;
    background-color: white;
    color: #545855;
    border: 0.1em solid #485408;
    font-size: 1.2vw;
    font-weight: 600;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: 0.3s;
}
.button__command{
    position: absolute;
}
.proektor__btn:hover {    
    background-color: rgb(240, 205, 127);
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: 0.3s;
}
.p__galery{
    margin-top:0;
    rotate: -45deg;
} 
.p__proektor{
    margin-top: 0;
}
.__opacity{
    opacity: 0;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
@keyframes wheelLittle{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
@keyframes wheelBig{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
@keyframes lightScale {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.15); 
    }
    100%{
        transform: scale(1);
    }
} 
.starring__wrapper{
    position: absolute;
    z-index: 23;
    width: 300%; 
    height: 100%;
    display: flex;
    left:0; 
    left:100% ; 
    background: #e17676;
    -webkit-transition: all 0.3s ease-in-out ;
    -moz-transition: all 0.3s ease-in-out ;
    -o-transition: all 0.3s ease-in-out ;
    transition: all 0.3s ease-in-out ;  
}
@keyframes lightBright{
    0%{
        fill:#EAF9B0 ;
    }
    50%{
        fill:#f7f6ee; 
    }
    100%{
        fill:#EAF9B0;
    } 
}
.command__starring{
    position: relative;
    width: 33.33%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F7BF66;
    background: linear-gradient(10deg, #57E8F1 14%,#8ccbd1 40%,#cde6f0 70%,white 86%);
}
.command__starring-0{
    background: linear-gradient(20deg, #57E8F1 14%,#8ccbd1 40%,#cde6f0 70%,white 86%);
    background: linear-gradient(200deg, #57E8F1 14%,#8ccbd1 40%,#cde6f0 70%,white 86%);    
}
.command__starring-1{
    background: linear-gradient(180deg, #57E8F1 14%,#8ccbd1 40%,#cde6f0 70%,white 86%);
    background: linear-gradient(180deg, #57E8F1 14%,#8ccbd1 40%,#8ccbd1 70%,#f6f7f7);    
}
.logoAlina__container{
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logoAlina__container-twist{
    width: 20%;
}
.logoAlina__box{
    width: 70%;
    aspect-ratio: 1;
    background: white;
    box-shadow: 4px 4px 8px 0 rgba(255, 255, 255, 0.3);
    box-shadow: 4px 4px 8px 0 rgba(102, 100, 100, 0.3);
}
.command__starring-2{
    background: linear-gradient(-10deg, #57E8F1 14%,#8ccbd1 40%,#cde6f0 70%,white 86%); 
    background: linear-gradient(160deg, #57E8F1 14%,#8ccbd1 40%,#cde6f0 70%,white 86%);  
}
.offset__left-300{
    transform: translatex(-100%); 
    -webkit-transition: all 1s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 1s cubic-bezier(.42,.61,.74,1.37) ;
    -o-transition: all 1s cubic-bezier(.42,.61,.74,1.37) ;
    transition: all 1s cubic-bezier(.42,.61,.74,1.37) ;
}
.offset__left-0{
    transform: translate(-33.33%);
}

.shift__left-0{
    transform: translate(-66.67%);
}
.shift__left-1{
    transform: translate(-100%);
}
.starring__tape{
    position: absolute;
    width: 80%; 
    aspect-ratio: 3.8 / 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #252424;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: 0.3s;
}
.starring__tape-animate{
    translate: -12%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: 0.3s;
}
.starring__tape-twist{
    rotate: 90deg;
    transform: scale(1.35);    
}
.tape__frame{
    width: 100%;
    height:13% ;
}
._twist-180{
    rotate: 180deg;
}
.starring__shots{
    width: 100%;
    height: 74%;
    display: flex;
    background-color: #252424; 
}
.starring__shot{
    position: relative;
    width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.starring__shot-button{
    position: absolute;
    z-index: 12; 
    width: 80%;
    aspect-ratio: 1;
    border-radius: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.starring__shot-button:hover{
    cursor: pointer;
}
.starring__shot-button-back{
    position: absolute;
    z-index: 11; 
    width: 80%;
    aspect-ratio: 1;
    border-radius: 100%;
}
.starring__shot-button-back:hover{
    cursor: pointer;
}
.__starring__shot-twist{
    rotate: -90deg;
}
.shot__switch{
    position: absolute;
    z-index: 10;
    width: 70%;
    aspect-ratio: 1;
    border-radius: 100%;
}
.shot__switch:hover{
    cursor: pointer;
}
.__image__wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E1E1E1;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.team-play-box{
    position: absolute;
    z-index: 50;
    width: 26%;
    bottom: 12%;
    border-radius: 100%;
    aspect-ratio: 1;
    opacity: 0.7;
    transition: 0.3s;
}
.team-play-box:hover{
    cursor: pointer;
    opacity: 0.9;
    transition: 0.3s;
}
.command__play-box{
    position: absolute;
    z-index: 50;
    border-radius: 100%;
    aspect-ratio: 1;
    opacity: 0.7;
    width: 20%;
    bottom: 20%;
}
.command__play-box:hover{
    cursor: pointer;
}
._opacity_0-add{
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.__image__wrapper-add{
    position: absolute;
    z-index: -1; 
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #E1E1E1;
    overflow: hidden;
}
.image__box{
    position: relative;
    width: 80%;
    aspect-ratio: 1;
    border-radius: 100%;
    background: #E1E1E1;
    overflow: hidden; 
}
.image__box-add{
    position: absolute;
    z-index: 4;
    width: 80%;
    width: 160%;  
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;  
}
._starring__image{
    Stroke-dasharray:420;
    Stroke-dashoffset:0;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
._starring__image-animate{
    Stroke-dasharray:420;
    Stroke-dashoffset:420;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
.__image{
    width: 100%;
    height: 100%; 
    position: absolute;
    z-index: 2;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.__image__{
    cursor: pointer;
    transform: scale(1.2);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.__image__animate{
    transform: scale(1.2);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.__image__active{
    transform: scale(1.2);
}
.starring__arrow{
    position: absolute;
    z-index: 18;
    right: -2%;
    width: 4.16%;
    aspect-ratio: 1;
    border-radius: 100%;
}
.starring__arrow:hover{
    cursor: pointer;
}
.starring__arrow-left{
    position: absolute;
    z-index: 18;
    right: 97.5%;
    width: 4.16%;
    rotate: 180deg;
    border-radius: 100%;
    aspect-ratio: 1;
}
.starring__arrow-left:hover{
    cursor: pointer;
}
.starring__right-arrow{
    border-radius: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.starring__right-arrow:hover{
    background: rgb(241, 215, 215);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.starring__left-arrow{
    border-radius: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.starring__left-arrow:hover{
    background: rgb(241, 215, 215);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.starring__arrow-twist{
    width: 6%;
    rotate: -90deg;
    top: -12%;
    right:86%; 
}
.starring__arrow-left-twist{
    width: 6%;
    rotate: 90deg;
    top: 88%;
    right: 86.25%; 
}
.tape__return{
    position: absolute;
    z-index: 25;
    bottom: 5%;
    aspect-ratio: 1; 
    border-radius: 100%; 
    background: rgb(230, 226, 226);
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.tape__return:hover{
    background: #cdc7c7;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
._arrow__return-wrapper{
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
._arrow__return-wrapper:hover{
    cursor: pointer;
    background: #d3d0d0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
._arrow__return-box{
    width: 70%;
    width: 60%;
    aspect-ratio: 1;
    border-radius: 100%;   
}
.tape__return-twist{
    bottom: 3%;
}
.tape__return:hover{
    cursor: pointer;
}
.note__wrapper{
    position: absolute;
    z-index: 10;
    width: 120%;
    aspect-ratio:1.265 / 1 ; 
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.note__wrapper-animate{
    transform: translateY(-90%);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.note__wrapper-animate-twist{
    transform: translate(96%, 12%);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.note__container{
    position: absolute;
    z-index: 11;
    width: 14%;
    aspect-ratio:1.265 / 1 ;   
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.note__container-animate{
    transform: scale(7);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.note__container-animate-twist{
    transform: scale(9);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.note__horizontal-box{
    position: absolute;
    width: 85%;
    height: 100%;
    opacity: 0; 
}
.note__vertiсal-box{
    position: absolute;
    top: 0;
    width: 100%;
    height: 79.1%;
    opacity: 0;
}
.shot__note-2-animate{
    position: absolute;
    z-index: 3;
    transform: scale(11);  
    aspect-ratio: 1.09 / 1;
    top: -38%; 
    left: 44%; 
    opacity: 1;                   
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.1s;
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.1s;
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.1s;
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.1s;
}
.shot__note-2-animate-twist{
    position: absolute;
    z-index: 3;
    transform: scale(12);  
    aspect-ratio: 1.09 / 1;
    top: 60%; 
    left: 150%; 
    opacity: 1;                    
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.1s;
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.1s;
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.1s;
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37) 0.1s;
} 
.svg__wrapper{
    position: absolute;
    width: 100%;
    top: 2%;
}
.svg__wrapper-add{
    position: absolute;
    width: 120%;
    left: -20%;
    top: -2%;
}
.__position{
    position: absolute;
    z-index: 1;
}
.__position-add{
    position: absolute;
    z-index: 0;
    width: 112%;
    left: -10%;
    top: -14%;
    opacity: 1;  
}
.note__wrapper-animate-twist{
    transform: translate(82%, 12%);
}
.note__container-animate-twist{
    transform: scale(8);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.count__training {
    position: relative;
    width: 100%;
    min-height: 100vh;
    height: auto;
    background: linear-gradient(170deg, #57E8F1 27%,#19ca4b 44%,#c3881b 84%); 
    background: #E8E4E4;   
}
.count__training-box {
    position: relative;
    width: 100%;
    min-height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background: linear-gradient(190deg, #57E8F1 27%,#19ca4b 44%,#c3881b 84%);
    background: #E8E4E4;  
} 
.count__training-box-twist{
    height: auto;
}
.h2__training{
    padding-top: 4%;
}
.h2__training-twist{
    padding-top: 14%;
    padding-top: 6%;
}
.text__block{
    position: relative;
    width: 25%;
    width: 50%;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    background: #E8E4E4;
}
.text__block-twist{
    width: 50%; 
    width: 100%;
}
#training__article-right{
    order: -5;
}
#school__article-right{
    order: -5;
}
.training__article-left{
    width: 100%;
    height: 56vh;
    height: 59vh;
    height: auto;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: end;
    margin-bottom: 4%;
}
.training__article-right{
    width: 100%;
    height: 79.5vh;
    height: auto;
    background: #E8E4E4; 
    background:none;
    font-weight: 400;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: end;
    margin-bottom: 2%;
}
.block__top{
    width: 100%;
    height: 20vh;
    height: 19vh;
    height: 26vh;
    background: var(--header-color);
    background: #E8E4E4; 
}
.block__top-twist{
    height: 2vh;
}
.block__top-right{
    width: 100%;
    height: 26vh;
    background: var(--header-color);
    background: #E8E4E4; 
}
.block__bottom{
    width: 98%;
    margin-top: 0;
    margin-top: 4%;
    height: 72vh; 
    height: 40%;
    height: 36%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #57E8F1 14%,#8ccbd1 40%,#cde6f0 70%,white 86%);
    background: linear-gradient(174deg, #57E8F1 24%,#40db76 60%,rgb(211, 156, 18) 76%);
    background: none;
}

.block__bottom-twist{
    width: 100%;
    height: 38%;
    margin-top: 10%;
}
.block__bottom-map{
    width: 96%;
    height: 90%;
    margin-left: -1.65%;
    overflow: hidden;
    margin-right: -1.665%;
    background: #E8E4E4;
}
.block__bottom-map-add{
    width: 70%;
    height: 90%;
    overflow: hidden;
    box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0 rgba(255, 255, 255, 0.3);
}
.block__bottom-map-add-twist{
    width: 96%;
    height: 96%;
    margin-bottom: 4%;
    box-shadow: none;
}
.text__box{
    width: 95%;
    height: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: start;
    color: var(--h2-color);
    background: white;
    overflow: auto;
    padding: 2%;
    margin-right: 1.665%;
    box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2); 
}
.ul__training{
    padding-left: 4%;
}
.text__box-right{
    width: 95%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    color: var(--h2-color); 
    background: white;
    overflow: auto;
    margin-left: 1.665%;
    padding: 2%;
    padding-top: 0%;
    box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
}
.training__p{
    margin-top: 1%; 
    margin-bottom: 0%;
    padding-left: 2%;
}
.training__p-right{
    margin-top: 3%; 
    margin-bottom: 0%; 
}
.training__p-bottom{
    margin-bottom: 0;
    margin-top: 0;
}
.active__span{
    color: var(--active_link-color);
}
#__p__color-red-first{
    margin-top: 3%;
    padding-top: 1%;
}
#fio{
    margin-top: 5%;
}
.__p__color-red{
    color:var(--active_link-color);
    font-weight: 500;
}
.__p__color-black{
    color: #131212;
    font-weight: 500;
    margin-top: 3%;
}
.text__box-common-twist{
    margin-left: 0;
    margin-right: 0;
}
._training__wrapper{
    height: 30vh;
}
._training__wrapper-rwist{
    height: 24vh;
    top: 0.7%;
    font-size: 6.4vw;
    font-size: 5.8vw;
}
.training__right-box{
    position: relative;
    display: flex;
    width: 100%;
    height: 101vh;
    background:white; 
    background: linear-gradient(170deg, #57E8F1 27%,#21ce52 44%,#dfa333 84%); 
}
.training__right-box-twist{
    width: 100%;
    height: auto;
    flex-direction: column;
    background: linear-gradient(170deg, #57E8F1 27%,#21ce52 44%,#dfa333 84%);
}
.section__separator{
    width: 100%;
    height: 1vh;
    background: white;
}
.section__separator-twist{
    height: 0;
    opacity: 0;
}
._separator{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1vh;
    background: white;
}
.height-0{
    height: 0;
}
._separator-top{
    position: absolute;
    top: 0;
    width: 100%;
    height: 1vh;
    background: white;
}
#court__image-last{
    margin-bottom: 2%;
}
.training__caorusel{
    position: relative;
    display: flex;
    align-items: center; 
    justify-content: center;
    width: 50%;
    height: 78%;
    height: 100vh; 
    overflow: hidden;
    /* background: #0A307A;  */
}
.training__caorusel-bottom{
    position: relative;
    width: 50%;
    height: 22%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; 
}
.training__caorusel-bottom-twist{
    width: 100%;
    height: 40vh;
    background: #E8E4E4;
}
.training__caorusel-bottom-box{
    width: 100%;
    height: 94%;
    height: 33%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.training__caorusel-bottom-box-twist{
    margin-left: -1.35%;
    width: 100%;
    height: 96%;
    height: 98%;
}
.height__auto{
    height: auto;
}
.training__curtain{
    position: absolute;
    z-index: 21;
    width: 120%;
    height:79.5%;
    height:81.5%;
    height: 100%;
    left: 100%;
    background:#F7BF66;
    background: white;
    background: #E8E4E4;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.training__curtain-twist{
    height: 100%;
    top: 0;
}
.training__curtain-animate{
    transform: translate(-100%);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.training__gallery{
    position: absolute;
    z-index: 20;
    width: 100%;
    height:79.5%;
    height:81.5%;
    height: 100%;
    /* height: auto; */
    left: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: center;
    background: white;
    overflow: visible;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background: linear-gradient(180deg, #57E8F1 14%,#8ccbd1 40%,#cde6f0 70%, #57E8F1 86%);
    background: linear-gradient(180deg, #57E8F1 14%,#8ccbd1 30%,#f0f4f6 70%, #57E8F1 84%);
}   
.training__gallery-twist{
    height: 80%;
    height: 100%;
    top: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.training__gallery-animate{
    transform: translate(-100%);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.gallery__back{
    position: absolute;
    z-index: 100;
    aspect-ratio: 1;
    border-radius: 100%;
    top: 2%;
    background: rgb(207, 204, 204);
    background: rgb(215, 211, 211);
    background: rgb(230, 226, 226);
}
.training__gallery-container{
    width: 100%;
    height: 50%;
    background: white;
}
.training__gallery-wrapper{
    position: relative; 
    width: 33.33%;
    width: 33%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.training__gallery-wrapper-twist{
    width: 49.5%;
    width: 50%; 
    height: 33%;
}
.training__gallery-item{
    position: absolute; 
    z-index: 4; 
    width: 25%;
    width: 70%;
    width: 85%;
    aspect-ratio: 4 / 3;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out;
}
.training__gallery-button{
    position: absolute;
    z-index: 12;
    width: 75%;
    aspect-ratio: 1;
    border-radius: 100%;
}
.training__gallery-item-twist{
    width: 70%;
}
.training__gallery-item-hover{
    cursor: pointer;
    transform: scale(1.1);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.training__gallery-box{
    position: absolute;
    z-index: 2;
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.training__gallery-Filmbox{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.gallery__btn-box{
    position: absolute;
    z-index: 20;
    z-index: 1;
    width: 20%;
    aspect-ratio: 1;
    border-radius: 100%;
    opacity: 0.7;
    transition: 0.3s;
}
.gallery__btn-box:hover{
    cursor: pointer;
    opacity: 0.9;
    transition: 0.3s;
}
.training__gallery-annotation{
    position: absolute;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    bottom: 0;
    box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
    color: var(--secondary_text-color);
    font-weight: 400;
    background: white;
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.training__gallery-annotation-animate{
    transform: translateY(105%);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.annotation__close{
    position: relative;
    display: flex;
    justify-content: end;
    width: 100%; 
    aspect-ratio: 10 / 1;
}
.annotation__close-box{
    position: absolute;
    height: 100%;
    aspect-ratio: 1;
    background: rgb(228, 220, 220);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.annotation__close-box:hover{
    background: rgb(196, 190, 190);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.annotation__text-box{
    width: 100%;
    height: 40%;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 5%;
}
.gallery__correction-0{
    z-index: 10;
    top: 70%;
    left: 109%;
    top: 76%;
    top: 78%;
}
.gallery__correction-twist-0{
    z-index: 10;
    top: 122%;
    left: 65%;
}
.gallery__correction-animate-0{
    transform: translate(-119%, -86%);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.gallery__correction-twist-animate-0{
    transform: translate(-70%, -170%);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.gallery__correction-1{
    z-index: 9;
    top: 70%;
    top: 78%;
}
.gallery__correction-twist-1{
    z-index: 9;
    top: 122%;   
    right: 65%;
}
.gallery__correction-animate-1{
    transform: translateY(-86%);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.gallery__correction-twist-animate-1{
    transform: translate(70%, -170%);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.gallery__correction-2{
    z-index: 18;
    top: 70%;
    left: -93%;
    top: 78%;
}
.gallery__correction-twist-2{
    z-index: 8;
    left: 65%; 
}
.gallery__correction-animate-2{
    transform: translate(119%, -86%);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.gallery__correction-twist-animate-2{
    transform: translate(-70%);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.gallery__correction-3{
    z-index: 17;
    top: -30%;
    top: -22%;
    left: 109%; 
}
.gallery__correction-twist-3{
    z-index: 7;
    right: 65%;
}
.gallery__correction-animate-3{
    transform: translate(-119%, 86%);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.gallery__correction-twist-animate-3{
    transform: translate(70%);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.gallery__correction-4{
    z-index: 16;
    top: -30%;
    top: -22%;
}
.gallery__correction-twist-4{
    z-index: 6;
    top: -80%; 
    left: 65%;
}
.gallery__correction-animate-4{
    transform: translateY(86%);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.gallery__correction-twist-animate-4{
    transform: translate(-70%, 170%);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.gallery__correction-5{
    z-index: 15;
    top: -30%;
    left: -93%;
    top: -22%;
}
.gallery__correction-twist-5{
    z-index: 5;
    top: -80%; 
    right: 65%;
}
.gallery__correction-animate-5{
    transform: translate(119%, 86%);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.gallery__correction-twist-animate-5{
    transform: translate(70%, 170%);
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.training__gallery-item-active-0{
    cursor:pointer ;
    width: 110%;
    top: 68%;
    left: 132%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.training__gallery-item-twist-active-0{
    cursor:pointer ;
    width: 110%;
    top: 168%;
    left: 84%; 
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.training__gallery-item-active-1{
    cursor:pointer ;
    width: 110%;
    top: 68%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.training__gallery-item-twist-active-1{
    cursor:pointer ;
    z-index: 19;
    width: 110%;
    top: 168%;
    right: 84%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.training__gallery-item-active-2{
    cursor:pointer ;
    z-index: 19;
    width: 110%;
    top: 68%;
    left: -150%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.training__gallery-item-twist-active-2{
    cursor:pointer ;
    z-index: 19;
    width: 110%;
    left: 84%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.training__gallery-item-active-3{
    cursor:pointer ;
    width: 110%;
    top: -70%; 
    top: -50%; 
    left: 132%; 
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.training__gallery-item-twist-active-3{
    cursor:pointer ;
    z-index: 19;
    width: 110%; 
    right: 84%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.training__gallery-item-active-4{
    cursor:pointer ;
    width: 110%;
    top: -70%; 
    top: -50%; 
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.training__gallery-item-twist-active-4{
    cursor:pointer ;
    z-index: 19;
    width: 110%;
    top: -200%;
    left: 84%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.training__gallery-item-active-5{
    cursor:pointer ;
    z-index: 19;
    width: 110%;
    top: -70%;
    top: -50%;
    left: -150%; 
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.training__gallery-item-twist-active-5{
    cursor:pointer ;
    z-index: 19;
    width: 110%; 
    top: -200%;
    right: 84%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.gallery-wrapper-correction-0{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.gallery-wrapper-correction-1{
    top: 15.5%; 
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.gallery-wrapper-correction-2{
    top: 31%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.gallery-wrapper-correction-3{
    top: 46.5%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.gallery-wrapper-correction-4{
    top: 62%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.gallery-wrapper-correction-5{
    top: 77.5%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out; 
}
.galery__height-6{
    height: 600vw;
}
.galery__height-3{
    height: 360vh;
}
.training__caorusel-twist{
    width: 100%;
    background: linear-gradient(170deg, #57E8F1 27%,#21ce52 44%,#dfa333 84%);
    /* background: none; */
}
.training__lenta-wrapper-union{
    position: absolute;
    width: 72%; 
    aspect-ratio: 1;
    rotate: -12deg; 
    display: flex;
    justify-content: center;
    align-items: center;
    left: 22%;  
    -webkit-transition: all 3s linear;
    -moz-transition: all 3s linear;
    -o-transition: all 3s linear;
    transition: all 3s linear;
}
.training__lenta-wrapper-union-twist{
    position: absolute;
    width: 90%;
    width: 70%;
    left: 23%;
}
.carousel-rotate{
    rotate: 8deg;
    -webkit-transition: all 3s linear;
    -moz-transition: all 3s linear;
    -o-transition: all 3s linear;
    transition: all 3s linear;
}
.training__lenta-wrapper{
    position: absolute;
    z-index: 10;
    right: 11%;
    top: -10%;
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
}
.training__lenta-wrapper-back{
    position: absolute;
    right: 10%; 
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
}
.training__lenta-box{
    width: 100%;
    height: 100%;
    clip-path: url(#cinema__mask);
}
.training__lenta-box-back{
    width: 100%;
    height: 100%;
    clip-path: url(#cinema__mask-back); 
}
.training__lenta{
    position: absolute;
    height: 52.3%;
    top: 23%;
    left: -353%;
    aspect-ratio: 8.8 / 1;
    display: flex;
    animation-name: trainingCinema;    
    animation-duration: 90s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.training__lenta-add{
    position: absolute;
    height: 52.3%;
    top: 23%;
    left: -353%;
    aspect-ratio: 8.8 / 1;
    display: flex;
}
.training__lenta-back{
    position: absolute;
    height: 52.3%;
    aspect-ratio: 8.8 / 1;
    display: flex;
    top: 23%;
    left: -22%; 
    animation-name: trainingCinema-back;      
    animation-duration: 90s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.training__lenta-back-add{
    position: absolute;
    height: 52.3%;
    aspect-ratio: 8.8 / 1;
    display: flex;
    top: 23%;
    left: -22%; 
}
.training__lenta-toggle{
    animation-name: trainingCinema;    
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}
.training__lenta-back-toggle{
    animation-name: trainingCinema-back;      
    animation-duration:3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}
.training__lenta-item{
    width:11.21% ;
    height: 100%;
    margin-right: 1.287%;
}
._training__button-twist{
    width:10vh; 
    font-size: 2.5vh;
    left: 0;
}
@keyframes trainingCinema{
    0%{
        transform: translateX(0);
    }

    100%{
        transform: translate(75%);
    }
}
@keyframes trainingCinema-back{
    0%{
        transform: translateX(0);
    }
    
    100%{
        transform: translate(-75%);
    }
}             
.court__image-twist{
    height: 0;
    opacity: 0;
}
.school__training-box{
    display: flex;
    justify-content: flex-start;
    background: linear-gradient(186deg, #57E8F1 27%,#19ca4b 44%,#c3881b 84%);
    background: linear-gradient(186deg, #57E8F1 65%,#19ca4b 82%,#c3881b 92%);
}
.school__training-box-twist{
    height: auto;
}
.school__image-container{
    width: 100%;
    aspect-ratio: 4 / 3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 2%;
}
.school__image-box{
    width: 98%;
    aspect-ratio: 4 / 3;
    background: white;
}
.school__bottom-container{
    width: 100vw;
    min-height: 78vh;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(186deg, #57E8F1 27%,#19ca4b 44%,#c3881b 84%);
    background: linear-gradient(183deg, #cef0f3 14%,#7fd5dc 24%,white 48%, #19ca4b 68%,#c3881b 84%);
    background: linear-gradient(185deg, #57E8F1 14%,#a1eaf1 24%,white 48%, #19ca4b 68%,#c3881b 84%);    
}
.school__bottom-container-twist{
    flex-direction: column;
}
.school__top-container{
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.school__top-container-twist{
    width: 100%;
    height: 60vh;
}
.school__top {
    position: relative;
    width: 50%;
    width: 100%;
    height: 74vh;
    height: 67vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.school__top-twist{
    margin-top: 0;
    width: 100%;
    height: 100%;
}
.school__bottom {
    width: 50%;
    height: 44vh;
    height: 50%;
    height: 64vh;
    height: 76vh;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.school__bottom-twist{
    position: relative;
    margin-bottom: 7%;
    width: 100%;
    margin-top: -20%;
    margin-top: -8%;
    height: 50vh; 
    overflow: visible;
} 
.school__indicate-block{
    position: absolute;
    z-index: 20;
    z-index: 30;
    width: 100%;
    height: 79.5%;
}
.school__indicate-block-twist{
    height:90%; 
}
.school__background-box{
    position: absolute;
    width:70%;
    width: 42%;
    aspect-ratio: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.school__background-box-twist{
    width:80%;
    width:60%;
}
.child__circle-box {
    position: absolute;
    z-index: 11; 
    height: 100%;
    aspect-ratio: 1;
    filter: blur(7vw);                    
}
.child__circle-box-twist{
    filter: blur(19vw);    
}
.child__circle-box-animate {
    animation-name: background-shadow;   
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
@keyframes background-shadow{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.child__circle1-0{
    position: absolute; 
    z-index: 1; 
    width: 64%;
    aspect-ratio: 1; 
    top: -1%;                  
    left: 9%;
    border-radius: 100%;
    background-color: #DAF9EC; 
}
.child__circle1-1{
    background-color: #f6f4f0;
}
.child__circle1-2{
    background-color: #f2f3ec;
}
.child__circle1-3{
    background-color: #FBF7F4;
}
.child__circle1-4{
    background-color: #F6F4E9;
}
.child__circle2-0{
    position: absolute;
    z-index: 2;
    width: 64%;
    aspect-ratio: 1;
    top: 19%;
    right: -4%;
    border-radius: 100%;
    background-color: #1dad3c;
}
.child__circle2-1{
    background-color: #5a624e;
}
.child__circle2-2{
    background-color: #d5dc06;
    background-color: #d5db24;
}
.child__circle2-3{
    background-color: #8a65ca;
    background-color: #9574ce;
}
.child__circle2-4{
    background-color: #d6a940;
}
.child__circle3-0{
    position: absolute;
    z-index: 3;
    width: 64%;
    aspect-ratio: 1;
    bottom: 0;  
    border-radius: 100%;
    background-color: #57dd55;
}
.child__circle3-1{
    background-color: #7dc8c4;
}
.child__circle3-2{
    background-color: #d3d753;
}
.child__circle3-3{
    background-color: #6a96e2;
}
.child__circle3-4{
    background-color: #e7d284;
}
.child__circle-box-animate{
    animation-name: background-shadow;   
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}              
@keyframes background-shadow{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.school__background-wrapper {
    position: absolute;
    z-index: 13;
    height: 60%;                   
    aspect-ratio: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.school__background-wrapper-twist{
    height: 50%;
}
.school__background-0{
    position: absolute;
    z-index: 13; 
    height: 99%;
    aspect-ratio: 1;
    border-radius: 100%;
    background: linear-gradient(to bottom, #deefe1,#4aee62);
    background: linear-gradient(to bottom, #deefe1,#50c878);
    background: linear-gradient(to bottom, #deefe1,#27c35b);
    rotate: -35deg;
}
.school__background-1{
    background: linear-gradient(to bottom, #EBEBEB,#8D8C8A);
}
.school__background-2{
    background: linear-gradient(to bottom, #F4F5EE,#d3e22f);
    background: linear-gradient(to bottom, #F4F5EE,#f2ed56);
}
.school__background-3{
    background: linear-gradient(to bottom, #E1E5F9,#af81db);
    background: linear-gradient(to bottom, #E1E5F9,#c094ec);
}
.school__background-4{
    background: linear-gradient(to bottom, #FCFCF7,#A27F22);
}
.school__background-add-0{
    position: absolute;
    z-index: 12;
    height: 98%;
    aspect-ratio: 1;
    border-radius: 100%;
    rotate: -35deg;
    bottom: 0;
    right: 0;
    background-color: #327745;
    opacity: 0.20;
}
.school__background-add-1{
    background-color: #3b5442;
    opacity: 0.10;
}
.school__background-add-2{
    background-color: #788119;
    opacity: 0.10;
}
.school__background-add-3{
    background-color: #0c1978;
    opacity: 0.10;
}
.school__background-add-4{
    background-color: #604b12;
    opacity: 0.10;
}
.school__slider-wrapper {
    position: absolute;
    z-index: 14;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80%;
    top: 20%;
}
.school__slider {
    position: relative; 
    width: 60%;
    width: 74%;
    height: 68%;
    height: 85%;
    overflow: hidden;
}
.school__slider-twist{
    width: 75%; 
    height: 80%;
}
.arrow-school-left {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    width: 8%;
    aspect-ratio: 1; 
    left: 0;
    rotate: 180deg;
    top: 50%;
    transform: translate(0,50%);
}
#scool__arrow-left{
    border-radius: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#scool__arrow-left:hover{
    background: rgb(241, 215, 215);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.arrow-school-right {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    width: 8%;
    aspect-ratio: 1; 
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
}
#scool__arrow-right{
    border-radius: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#scool__arrow-right:hover{
    background: rgb(241, 215, 215);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.children__slider {
        display: flex;
        width: 500%;
        height: 100%; 
        margin-left: 0;
        -webkit-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
        -moz-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
        -o-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
        transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);      
}
.children__slider-1{
    transform: translateX(-20%);
    -webkit-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
}
.children__slider-2{
    transform: translateX(-40%);
    -webkit-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
}
.children__slider-3{
    transform: translateX(-60%);
    -webkit-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
}
.children__slider-4{
    transform: translateX(-80%);
    -webkit-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
}
.children__slider-item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 20%;
    height: 100%;
}
.child__image-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 88%;
}
.child__wrapper{
    display: flex; 
    align-items: center;
    height: 80%;
    aspect-ratio: 1;
}
.child__box{
    height: 72%;
}
.child__box-0 {
    aspect-ratio: 0.54 / 1;
    margin-left: 32%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all  0.5s linear;
}
.child__box-1{
    aspect-ratio: 0.54 / 1;
    margin-left: 24%;
    margin-left: 32%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all  0.5s  linear;
}
.child__box-2{
    aspect-ratio: 0.45 / 1;
    margin-left: 34%;
}
.child__box-3{
    height: 75%; 
    aspect-ratio: 0.52 / 1;
    margin-left: 32%;
}
.child__box-4{
    height: 75%; 
    aspect-ratio: 1;
    margin-top: -12%;
    margin-left: 13%;
}
._scale-25 {
    transform: scale(1.25);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all  0.5s linear;
}
.child__name {
    width: 100%;
    height: 12%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -1%; 
    font-weight: 500;
    color: var(--h2-color);
}
.p__children {
    color:var(--secondary_text-color);
}
.p__children-add{
    font-weight: 400;
    color:var(--secondary_text-color);  
    color:white;
}
.p__children-add-twist{
    font-size: max(1.2em, 3.8vw); 
    color:var(--secondary_text-color);
    color:#FCBE16;
    color:#ffbb01;
    color:var(--secondary_text-color);  
}
.school__slider-bottom {
    position: relative;
    width: 100%;
    height: 15%;
    display: flex;
    flex-direction: column;
}
.school__slider-bottom-twist{
    height: 20%;
}
.children__greeting {
    width: 100%;
    height: 50%;
    height: 1%;  
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.children__greeting-active{
    height: 50%; 
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
    opacity: 1;
}
.school__emoji {
    height: 160%;
    height: 240%;
    aspect-ratio: 1;
    margin-left: 1%;
    border-radius: 100%; 
}
.school__emoji-twist{
    height: 120%;
}
._emoji-shift {
    padding-top: 15%;
    padding-left: 15%; 
}
.indicate__box {
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.indicate__wrapper {
    width: 30%;
    height: 15%; 
    display: flex;
}
.indicate__item {
    width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.school__indicator {
    width: 80%;
    height: 100%;
    border-radius: 999px;
    border-radius: 100%;
    background-color: white;
}
.school__bottom-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24.9%;
    width: 25%;
    height: auto;
    height: 50%;
}
.school__item-box {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:82.46% ;
    width: 100%;
    width: 106%;
    width: 120%;
    aspect-ratio: 4 / 3; 
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear ;
}
.school__item-box-vertical{
    width: 79.7%;
    width: 90%;
    aspect-ratio: 3 / 4; 
}
.school__item-box-twist{
    width:82.46% ;
    width:96% ; 
}
.school__item-box-vertical-twist{
    width:72.18% ; 
}
.school__image-button{
    position: absolute;
    width: 70%;
    width: 56%;
    aspect-ratio: 1;
    border-radius: 100%;
    background: #e0e994;
    opacity: 0;    
}
.school__btn-vetical{
    width: 73%;
}
.open__lesson{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #111111;  
}
.open__lesson-film{
    width:8.9%;
    height: 100%;
    margin-top: 0;
}
.open__lesson-image{
    width: 82.2%;
    height: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
    overflow: hidden; 
}
.lesson__video{
    position: absolute;
    width:18% ;
    aspect-ratio: 1;
    opacity: 0.7;
    transition: 0.3s;
}
.lesson__video:hover{
    cursor: pointer;
    opacity: 0.9;
    transition: 0.3s;
}
.school__item-textBox{
    position: absolute;   
    z-index: -1;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    border: 1px solid rgb(89, 86, 86);
    font-weight: 400;
    color: #131212;
    background: #10ad3d;
    background: white;
    opacity: 0; 
    -webkit-transition: all 0.4s cubic-bezier(.42,.61,.74,1.37) 0.3s;
    -moz-transition: all 0.4s cubic-bezier(.42,.61,.74,1.37) 0.3s;
    -o-transition: all 0.4s cubic-bezier(.42,.61,.74,1.37) 0.3s;
    transition: all 0.4s cubic-bezier(.42,.61,.74,1.37) 0.3s;
}
.school__text-close{
    position: relative;
    width: 100%;
    height: 15%;
    display: flex;
    align-items: center;
    align-items: flex-start;
    padding-bottom: 10%;
}
.__text__close{
    position: absolute; 
    width: 10%;
    aspect-ratio: 1;
    display: flex;
    right: 1%;
    top: 8%;
    background-color: #dbe2dd;
}
.image__comment{
    display: flex;
    align-items: start;
    width: 100%;
    height: 85%;
    padding: 3%;
    justify-content: flex-start;
}
.school__item-textBox-animate{
    z-index: 35;
    transform: translateY(103%); 
    opacity: 1;
    -webkit-transition: all 0.4s cubic-bezier(.42,.61,.74,1.37) 0.3s;
    -moz-transition: all 0.4s cubic-bezier(.42,.61,.74,1.37) 0.3s;
    -o-transition: all 0.4s cubic-bezier(.42,.61,.74,1.37) 0.3s;
    transition: all 0.4s cubic-bezier(.42,.61,.74,1.37 ) 0.3s;
}
.school__item-textBox-animateVertical{
    z-index: 35;
    transform: translate(103%); 
    opacity: 1;
    -webkit-transition: all 0.4s cubic-bezier(.42,.61,.74,1.37) 0.3s;
    -moz-transition: all 0.4s cubic-bezier(.42,.61,.74,1.37) 0.3s;
    -o-transition: all 0.4s cubic-bezier(.42,.61,.74,1.37) 0.3s;
    transition: all 0.4s cubic-bezier(.42,.61,.74,1.37 ) 0.3s;
}
.__text__close-add{
    position: absolute;
    top: 4%;
    right: 0;
    width: 13.3%;
}
.__correction-0{
    z-index: 8;
    top: 30%;
    top: 40%;
    left: 27%;
    left: 12%;
}
.__correction-1{
    top: 26%;
    top: 36%;
    left: 20%;
    left: 2%;
    left: 24%;
    z-index: 4;
    rotate: -8deg; 
}
.__correction-2{
    z-index: 3;
    top: 18%;
    top: 28%;
    top: 38%;
    left: -2%;
    rotate: -11deg;
}
.__correction-3{
    z-index: 2;
    top: 29%;
    top: 39%;
    left: -11%;
    left: -9%;
    rotate:-77deg; 
    rotate: 13deg;
}
.__correction-4{
    z-index: 1;
    top: 4%;
    top: -5%;
    top: 5%;
    left: 30%;
    left: 12%;
    rotate: -11deg;
}
.__correction-5{
    z-index: 4;
    top: -16%;
    top: -6%;
    left: 22%;
    left: 10%;
    rotate: -16deg;
    rotate: -16deg;
}
.__correction-6{
    z-index: 7;
    top: -12%;
    top: -2%;
    left: 7%;
    left: -6%;
    rotate: 5deg; 
}
.__correction-7{
    z-index: 3;
    top: 8%;
    top: 0;
    top: 8%;
    left: -14%;
    left: -28%;
    left: -36%;
    rotate: 3deg;
}
.school__item-box-active-0{
    cursor: pointer;
    z-index: 39;
    transform: scale(1.3) translate(10%, -30%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.school__item-box-activeAdd-0{
    -webkit-transition: all 0.3s linear ;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.school__item-box-active-1{
    cursor: pointer;
    z-index: 19;
    transform:  rotate(8deg) scale(1.3) translate(-8%, -10%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.school__item-box-activeAdd-1{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.school__item-box-active-2{
    cursor: pointer;
    z-index: 19;
    transform:  rotate(11deg) scale(1.3);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.school__item-box-activeAdd-2{
    z-index: 40;
    transform: rotate(11deg) scale(1.3) translateY(-28%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.school__item-box-active-3{
    cursor: pointer;
    z-index: 19;
    transform:  rotate(-13deg) scale(1.3) translate(-8%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.school__item-box-activeAdd-3{
    transform: rotate(-13deg) scale(1.3) translate(-108%,-6%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.school__item-box-active-4{
    cursor: pointer;
    z-index: 19;
    transform:  rotate(11deg) scale(1.3) translate(10%) ;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.school__item-box-activeAdd-4{
    z-index: 40;
    transform: rotate(11deg) scale(1.4) translate(10%, -106%);
    transform: rotate(11deg) scale(1.3) translate(10%, -56%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.school__item-box-active-5{
    cursor: pointer;
    z-index: 19;
    transform:  rotate(16deg) scale(1.3);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.school__item-box-activeAdd-5{
    transform: rotate(16deg) scale(1.3) translateY(-20%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.school__item-box-active-6{
    cursor: pointer;
    z-index: 19;
    transform:  rotate(-5deg) scale(1.3) translate(2%);;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.school__item-box-activeAdd-6{
    transform: rotate(-5deg) scale(1.3) translate(-24%, -20%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.school__item-box-active-7{
    cursor: pointer;
    z-index: 19;
    transform:  rotate(-3deg) scale(1.3) translate( -14% ,-3%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.school__item-box-activeAdd-7{
    z-index: 40;
    transform: rotate(-3deg) scale(1.4) translate( -14%,-110%);
    transform: rotate(-3deg) scale(1.3) translate( -14%,-60%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}

#h2__tournament{
    margin-top: -1%;
    margin-top: 1.2%;
}
.h2__tournament__wrapper-twist{
    margin-top: 0;
}

.tournament__page{
    height:auto;
}
.tournament__box{
    position: relative;
    min-height: 100vh;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #57E8F1 22%,#10ad3d 52%,#c3881b 92%);
    background: white;
    background: linear-gradient(180deg, #57E8F1 27%,#94d8de 44%,#fffffe 84%);
    background: linear-gradient(180deg, #57E8F1 14%,#8ccbd1 50%,#cde6f0 70%,#57E8F1 86%);
    background: linear-gradient(185deg, #aceff4 14%,#aae8ee 50%,#ffffff 65%,#98e8ee 80%);
    /* background: red; */
}
.tournament__btn{
    position: absolute;
    padding: 1%;
    padding-left: 3%;
    padding-right: 3%;
    border-radius: 9999px;
    bottom: 0.5%;
    opacity: 0.7;
    color: var(--h2-color);
    font-size: 1.7vw;
    background: none;
    box-shadow: 0 2px 4px #bab8b8;
    transition: 0.5;
}
.tournament__btn:hover{
    opacity: 1;
    transition: 0.5;
}
#h2-tournament{
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 70%;
    margin-top: 5%;
}
.tournament__wrapper{
    position: absolute;
    position: relative;
    z-index: 10;
    width: 100%;
    margin-bottom: 5%;
    height: auto;
    display: flex;
    justify-content: space-between;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    /* transition: 0.5s;
    transition: 1s; */
    /* background: #0f9c37; */
}
.height__100vh{
    height: 100vh;
}
.tournament__wrapper-twist{
    height: 85.5%;
    height: auto;
    margin-top: 6vh;
    margin-bottom: 6vh;
}
.tournament__wrapper-item{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items:center;
    width: 25%;
    min-height: 50vh;
    overflow: visible;
}
.tournament__wrapper-item-twist{
    width: 50%;
    min-height: 30vh;
    margin-bottom: 2vh;
}
.tournament__item-container{
    width:74% ;
    width: 84%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.tournament__item-container-twist{
    width:74% ;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.tournament__item{
    position: relative;
    display: flex;
    width: 100%;
    aspect-ratio: 4 /3;
}
.tournament__image-box{
    width: 100%;
    aspect-ratio: 4 / 3;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.tournament__image-left{
    position: absolute;
    width: 9%;
    height: 100%;
    left: 0;
}
.tournament__image-right{
    position: absolute;
    width: 9%;
    height: 100%;
    right: 0;
}
.tournament__video-btn{
    position: absolute;
    width: 16%;
    aspect-ratio: 1;
    opacity: 0.7;
    transition: 0.3s;
}
.tournament__video-btn:hover{
    cursor: pointer;
    opacity: 0.9;
    transition: 0.3s;
}
.tournament__a{
    width: 10%;
    aspect-ratio: 1;
    display: block;
}
.tournament__annotation{
    width: 100%;
    margin-top: 2%;
    min-height: 28%;
    height: auto;
    color: var(--secondary_text-color);
    color: black;
    font-weight: 400;
    padding: 2%;
    overflow: auto;
    background: white;
    box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
}
.tournament__text{
    font-weight: 500;
    margin-bottom: 0.8em;
}
.tournament__article-box{
    width: 98vw;
    height: auto;
    background: none;
}
.tournament__article{
    width: 100%;
    height: 100%;
    padding: 3%;
    padding: 1%;
    padding-bottom: 2%;
    margin-top: 3%;
    overflow: auto;
    color: var(--h2-color);
    font-weight: 500;
    box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
    background: white; 
}
.tournament__article-twist{
    padding: 3%;
}
.tournament__article-container{
    width: 95%;
    width: 100%;
    padding: 1.5%;
    padding: 1%;
    min-height: 20vh;
    height: auto;
    background: #E8E4E4; 
    background: none;
}
#images__bottom{
    padding-bottom: 4%;
}
.images__h2-wrapper{
    position: relative;
    width: 100%;
    height: 20vh;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.images__h2-wrapper-twist{
    height: 17vh;
}
.images__box{
    margin-top: 0;
    display: flex;
    height: auto;
    padding-bottom: 8%;
    /* padding-bottom: 10vh; */
    flex-direction: column;
    align-items: center;
    background: #10ad3d;
    background: linear-gradient(183deg, #cef0f3 14%,#7fd5dc 24%,white 48%, #19ca4b 68%,#c3881b 84%);  
}
.images__grid-wrapper{
    position: relative;
    margin-bottom: 8%;
    width: 92%;
    min-height: 50vh;
    height: auto;
}
.images__grid-wrapper-twist{
    margin-bottom: 16%;
}
.images__container{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 4%;
    row-gap: 4%;
    grid-auto-flow: dense;
    margin-bottom: 2%;
    box-shadow: none;
}
.images__container-twist{
    grid-template-columns: 1fr 1fr;
    row-gap: 1%;
}
.images__item-box{
    position: relative;
    width: 100%;
    min-height: 20%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: none;
    box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
}
.images__item{
    height: auto;
    padding: 2%;
    margin-bottom: 5%;
    background: white;
    background: #E8E4E4;
    background: none;
    box-shadow: none;
}
.images__item-2{
    grid-column-start: span 2;
    grid-row-start: span 1;
    padding-top: 1%;
}
._height__none{
    padding: 0;
    margin: 0;
    border: none;
    opacity: 0;
}
.images__item-image{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
}
.images__item-annotation{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1%;
    padding-left: 3%;
    padding-right: 3%;
    margin-top: 1%;
    margin-top: 2%;
    color: var(--secondary_text-color);
    font-weight: 500;
    color: rgb(105, 103, 103);
    color: #0e0e0e;
    background: rgb(242, 236, 225);
    background: white;
}
.images__item-annotation-top{
    width: 100%;
    padding: 2%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.href__download{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0e0e0e;
    font-weight: 400;
    margin-left: 0;
    margin-top: 4%;
    color: var(--secondary_text-color);
    background: #E8E4E4;
    background: rgb(244, 229, 201);
    border: solid 1px rgb(124, 122, 122);
}
.href__download:hover{
    cursor: pointer;
}
.events-download_absolute{
    position: absolute;
    left: 2%; 
    bottom: 0;
    bottom: 2%;
    width: 96%;
    background: rgb(246, 237, 218);
    transition-duration: 0.3s;
}
.events-download_absolute:hover{
    background: rgb(238, 224, 192);
    transition-duration: 0.3s;
}

.images__bottom-twist{
    margin-top: 22%;
}
.contacts__box{
    position: relative;
    height: 110vh;
    height: 110vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-content: flex-start;
    background: linear-gradient(0deg, #57E8F1 14%,#8ccbd1 40%,#cde6f0 70%,white 86%);
    background: linear-gradient(to bottom, #def76f 0%,#72c8db 50%,#38e043 100%);
    background: linear-gradient(180deg, #57E8F1 14%,#8ccbd1 40%,#cde6f0 70%,white 86%);
    background: linear-gradient(180deg, #7eebf3 14%,#9ad5db 44%,#fcfcfd 70%,#a0f3f9 90%);
}
.h2__contacts{
    /* top: 0; */
    position: relative;
    margin-top: 0;
    width: 100%;
    height: 20vh;
    display: flex;
    justify-content: center;
    align-items: center;            
    font-weight: 500;
    color: var(--h2-color);
    /* background: red; */
}
.contacts__bg{
    position: relative;
    height: 64%;
    aspect-ratio: 1; 
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: #2964db; */
}
.contacts__bg-add{
    position: absolute;
    z-index: 20;    
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    /* background: #20d553; */
}
.contacts__bg-twist{
    width: 90vw;
    width: 80vw;
}
.contacts__button{
    z-index: 1;
    z-index: 31;
    background: #09c3d0;
    border: 1px solid #8a999b;
    box-shadow: 0 2px 4px #82d9de;
    color:white;
}
.comand__button{
    background: #91e6e6;
    border: 1px solid #c2d0d2;
    box-shadow: 0 2px 4px #82d9de;
    color:rgb(112, 115, 117);
}
.contacts__bg-wrapper{
    position: relative;
    width: 92%;
    width: 98%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    overflow: visible;
    /* background: #0c1978; */
}
.contacts__bg-wrapper-twist{
    width: 92%;
}
.contacts__bg-wrapper-animate{
    animation: contacts__bg-wrapper-rotation;
    animation-duration: 60s;
    animation-timing-function: linear;
    animation-iteration-count: infinite; 
}
@keyframes contacts__bg-wrapper-rotation{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.contacts-item{
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 42%;
    aspect-ratio: 3 / 4;
    box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; 
}
.contacts-item-animate{
    transform: scale(1.18);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; 
}
.contacts-item-button{
    position: absolute;
    z-index: 51;
    width: 90%;
    aspect-ratio: 1;
    border-radius: 100%;
    opacity: 0.5;
}
.contacts-item-button:hover{
    cursor: pointer;
}
.contacts-item-button-back{
    position: absolute;
    z-index: 50;
    width: 90%;
    aspect-ratio: 1;
    border-radius: 100%;
    opacity: 0.5;
}
.contacts-item-button-back:hover{
    cursor: pointer;
}
.contacts__image-wrapper{
    width: 100%;
    height: 56%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contacts__image-box{
    width: 56%;
    aspect-ratio: 1;
    border-radius: 100%;
    margin-top: 10%;
    overflow: hidden;
}
.contacts__data-wrapper{
    position: relative;
    width: 100%;
    height: 44%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contacts__fio-box{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 20%;
    color:var(--secondary_text-color);
    opacity: 0.9;
    top: 0;
}
.p__contacts{
    opacity: 0.8;
}
.p__contacts-tlf{
    opacity: 0.8;
}
.contacts__fio-box-correction-0{
    z-index: 1;
    top: 1%;
}
.fio-box-correction-1{
    top: 16%;
}
.contacts_correction-0{
    top: 0;
    left: -20%;
    background: linear-gradient(0deg,#f4e6b0 44%,#fffffe 84%); 
    background: white;
}
.contacts_correction-twist-0{
    top: 0;
    top: -10%;
    left: 12%;
}
.contacts_correction-1{
    top: 16%;
    right:-20%;
    background: #8aadef;
    background: linear-gradient(0deg,#9cbbf3 38%,#fffffe 84%);
    background: linear-gradient(0deg,#9cf7c7 28%,#fffffe 84%); 
    background: linear-gradient(0deg,#f7cb9c 28%,#fffffe 84%);
    background: linear-gradient(0deg,#fbbdc3 28%,#fffffe 84%);
    background: white;  
}
.contacts_correction-twist-1{
    top: 30%;
    right: 0%;
    right: -4%;
}
.contacts_correction-2{
    z-index: 21;
    bottom:0;
    left: 29%;
    background: #5eb084;
    background: linear-gradient(0deg,#b4e8fb 28%,#fffffe 84%);
    background: linear-gradient(0deg,#fbcccb 28%,#fffffe 84%);
    background: white;
    bottom: 10%;   
}
.contacts_correction-twist-2{
    left: 0%;
    left: -3%;
    bottom: -10%;
}
.contacts__contacts-box{
    position: absolute;
    bottom: 0;
    width: 100%;
    height:60%; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.contacts__contacts-item{
    position: absolute;
    width: 90%;
    aspect-ratio: 7 / 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contacts__icons-wrapper{
    position: relative;
    height: 100%;
    aspect-ratio: 1;
}
.contacts__icon-item{
    position: absolute;
    width: 100%;
    aspect-ratio: 1;
}
.contacts__icon-item-correction-0{
    z-index: 1;
    top: 70%; 
}
.contacts__icon-item-correction-1{
    z-index: 2;
}
.contacts__icon-item-correction-2{
    z-index: 3;
    top: -70%;
}
.contacts__data-item{
    position: absolute;
    right: 0;
    width: 84%;
    height: 100%;
    display: flex;
    justify-content: center;
    justify-content: left;
    justify-content: flex-start;
    align-items: center;
    padding-left: 4%;
}
.contacts__Email-wrapper{
    position: absolute;
    position: relative;
    display: flex;
    width: 100%;
    height: 7%;
    height: 5%;
    margin-top: 2vh;
    /* margin-bottom: 0; */
    align-items: center;
    justify-content: center;
    /* background: yellow; */
    /* bottom: 0; */
    /* bottom: -14%; */
}
/* .contacts__Email-wrapper{
    position: absolute;
    display: flex;
    width: 100%;
    height: 7%;
    align-items: center;
    justify-content: center;
    bottom: 0;
    bottom: -14%;
} */
.contacts__Email-wrapper-twist{
    margin-top: 4vh;
    /* margin-bottom: 4vh; */
    /* bottom: -24%; */
}
.contacts__Email-icon-box{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90%;
    aspect-ratio: 1;
}
.contacts__Email-contacts-box{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1%;
    /* margin-bottom: 0.7%; */
    width: 100%;
    width: auto;
    height: 100%;
    color: var(--h2-color);
}
.archive__box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-content: space-between;
    align-items: center;
}
.archive__box-twist{
    background: linear-gradient(to right,#410a78 0%,#d2a358 64%, #dcba82 90%);
}
.archive__header{
    z-index: 99;
    background: none;
    background: #57E8F1;
}
.archive__h2-wrapper{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 16vh;
    margin-top: 6%;
}
.archive__wrapper{
    position: relative;
    width: 100%;
    height: 77.04%;
    height: 50%;
    height: 72.8vh;
    height: 84vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.archive__events-container{
    position: absolute;
    z-index: 151;
    width: 100%;
    height: 100%;
    /* padding-top: -1%; */
    /* padding-left: 1%;
    padding-right: 1%; */
    /* padding: 1%; */
    display: flex;
    overflow: auto;
    overflow: hidden;
    right: -100%;
    justify-content: space-between;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.3s linear 0.3s ;
    -moz-transition: all 0.3s linear 0.3s;
    -o-transition: all 0.3s linear 0.3s;
    transition:all 0.3s linear;
    background: #E8E4E4;
    background: #09c3d0;
    background: wheat;
}
#tournamentArchive__wrapper{
    overflow: auto;
}
.events__bottom-archive{
    position: absolute;
    bottom: 0;
    bottom: 2%;
}
.archive__events-container-animate{
    transform: translateX(-100%);
    -webkit-transition: all 0.3s linear 0.3s ;
    -moz-transition: all 0.3s linear 0.3s;
    -o-transition: all 0.3s linear 0.3s;
    transition:all 0.3s linear;
}
.archive__events-left{
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-content: flex-start;
    /* align-items: center; */
    width: 97%;
    width: 100%;
    height: 100%;
    /* height: 80%; */
    overflow: auto;
    background: linear-gradient(180deg, #57E8F1 14%,#8ccbd1 30%,#f0f4f6 70%, #57E8F1 84%);
    /* background: rgb(135, 244, 147); */
    background:wheat;
    /* background: linear-gradient(180deg, #d89a27 8%,#f0d6bb 50%,#d89a27 92%);  */
}
/* #archiveEvents-left{
    padding-left: 2%;
    padding-right: 2%;
} */
#archiveTournament__events-left{
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-top: 1%;
}
/* #tournament__wrapper-item-06{
    background: rgb(230, 125, 125);
    width: 25%;
    height: 50%;
} */
.archiveEvents__grid-wrapper{
    width: 100%;
    /* width: 96%; */
    height: 94%;
    height: 100%;
    margin-top: 0;
    padding: 2%;
    /* padding-top: 2%;
    padding-top: 1%; */
    display: flex;
    /* justify-content: space-between; */
    /* justify-content: center;
    align-items: center; */
    /* padding-bottom: 2%; */
    overflow: auto;
    background: #E8E4E4;
    background: wheat;
    /* background: yellow; */
}
.archiweArrow__container{
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    width: 10%;
    height: 10%;
    bottom: 10%;
    /* background: rgb(240, 143, 143); */
}
.archiweArrow__box{
    width: 50%;
    height: 100%;
    display: flex;
    justify-content:flex-end;
}
._flexStart{
    justify-content:flex-start;
}
.archiweArrow__wrapper{
    height: 100%;
    aspect-ratio: 1;
    /* opacity: 0.5; */
}
.archiweArrow__wrapperBack{
    background:none;
    border-radius: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.archiweArrow__wrapperBack:hover{
    cursor: pointer;
    opacity: 1;
    background: rgb(247, 192, 192);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: 0.3s;
}
/* .arrow__screenBox:hover{
    cursor: pointer;
    opacity: 1;
    background: rgb(247, 192, 192);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: 0.3s;
} */

.archiweArrow__wrapper:hover{
    cursor: pointer;
}
.archive__events-right{
    width: 3%;
    width: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.archive__light-box{
    position: absolute;
    z-index: 1;
    width: 68%;
    width: 82%;
    height: 100%;
    left: 0;
    display: flex;
    background: red;
}
.archive__light-box-right{
    width: 80%;
    width: 100%;
    aspect-ratio: 1; 
    filter: blur(7vw); 
}
.filter__blur{
    filter: blur(0.2vw);
}
#archive__h2-wrapper{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
#h2-archive{
    position: absolute;
    z-index: 90;
}
.archive__projector-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    justify-content: flex-start;
    align-items: center;
}
.archive__projector-wrapper-twist{
    display: none;
    width: 100%;
    width: 20%;
}
.archive__projector-box{
    position: relative;
    height: 100%;
    aspect-ratio: 0.67 / 1;
}
.archive__projector-box-twist{
    width: 100%;
}
.archive__proektor__light-animate{
    animation-name:archiveLightScale;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
#archive__light{
    fill:#ecf2ab;
    fill:#f3f5d5; 
}
.archive__light__bright-animate{
    animation-name: archiveLightBright; 
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes archiveLightScale {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.25); 
    }
    100%{
        transform: scale(1);
    }
} 
@keyframes archiveLightBright{
    0%{
        fill:#EAF9B0 ;
    }
    50%{
        fill:#f7f6ee; 
    }
    100%{
        fill:#EAF9B0;
    } 
}
.archive__container{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 53vw;
    height: 53vh;
    border-radius: 3% / 5.33%;
}
.archive__container-twist{
    z-index: 10;
}
.archive__container-buttons-block{
    position: absolute;
    width: 18%;
    height: 100%;
    right: -22%;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; 
    background: white;
    background: wheat;
    box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.archive__container-overlay{
    position: absolute;
    z-index: 150;
    width: 100%;
    height: 50%;
    height: 20%;
    bottom: 0;
    opacity: 0.6;
    background: wheat;
    /* background: #0f9c37; */
}
.archive__container-overlay-twist{
    width: 50%;
    width: 25%;
    height: 100%;
    right: 0;
}
.archive__container-buttons-block-animate{
    right: -22%;
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.archive__container-buttons-block-twist{
    width: 100%;
    height: 18%;
    right: 0;
    bottom: -42%;
    bottom: 0;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.archive__container-buttons-block-twist-animate{
    bottom: -42%;
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.archive__container-buttons-box{
    position: relative;
    width: 90%;
    height: 70%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.archive__container-buttons-box-twist{
    width: 100%;
    flex-direction: row;
}
.archive__button-tablo{
    position: relative;
    width: 100%;
    opacity: 1;
    color:var(--h2-color);
    background-color:white;
    border: 1px solid #272625;
    box-shadow: 0 2px 4px #b8b4b2;
    font-weight: 500;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: 0.3s;
}
.archive__button-tablo-twist{
    width: 23%;
}
.archive__button-tablo:hover{
    background-color:rgb(215, 209, 209);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: 0.3s;
}
.archive__container-shift{
    top: 7%; 
    right: 14%;
}
.archive__container-twist{
    width: 53vh;
    height: 53vw;
    top: 10%;
}
.archive__screen{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3% / 5.33%;
    background: white;
}
.archive__screenRight{
    position: absolute;
    width: 23%;
    height: 100%;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background:yellow; */
}
.archive__screenRight-twist{
    width: 100%;
    height: 14%;
    right: auto;
    bottom: 0;
}
.arrow__screenBox{
    position: absolute;
    z-index: 51;
    width: 34%;
    aspect-ratio: 1;
    border-radius: 100%;
    /* opacity: 0.6; */
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: 0.3s;
}
.arrow__screenBox:hover{
    cursor: pointer;
    opacity: 1;
    background: rgb(247, 192, 192);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: 0.3s;
}
.arrow__screenBox-twist{
    width: 10%;
    width: 8%;
}
.archive__screen-lightBox{
    position: absolute;
    width: 80%;
    aspect-ratio: 1;
    border-radius: 100%;
    filter: blur(5vw);
    background: rgb(246, 246, 155);
}
.archive__screen-add{
    position: absolute;
    z-index: 50;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3% / 5.33%;
}
.archive__frame{
    position: absolute;
    width: 62%;
    width: 54%;
    aspect-ratio: 4 / 3;
    display: flex;
    justify-content: center;
    justify-content: flex-start; 
    overflow: hidden;
    background: #10ad3d; 
}
.archive__frame-twist{
    width: 66%;
    width: 76%;
}
.archive__frame-box{
    position: absolute;
    width: 1300%;
    height: 100%;
    left: 0; 
    display: flex;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: #57E8F1; 
    background: #dfdbdb;
}
.archive__frame-box-animate{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.thanks__container{
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 350%;
    height: 600%;
    display: flex;
    flex-direction: column;
    background: #3f3d3d;
    background: white;
    opacity: 0;
    -webkit-transition: all 2s linear;
    -moz-transition: all 2s linear;
    -o-transition: all 2s linear;
    transition: all 2s linear;
}
#thanks__overlayAdd{
    z-index: 50;
    padding: 2%;
    opacity: 1;
    background: none;
}
.thanks__overlay{
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;  
    background: #3f3d3d;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.thanks__overlay-animate{
    transform: translateX(100%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.quick__button-box{
    width: 14%;
    aspect-ratio: 1;
    border-radius: 100%;
    rotate: -90deg;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.quick__button-box:hover{
    background: rgb(255, 251, 251);
    background: rgb(91, 89, 89);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.thanks__container-animate{
    animation-name: thanks;       
    animation-duration: 60s;
    animation-timing-function: linear;
    animation-iteration-count:1; 
}
.thanks__container-animateAdd{
    animation-name: thanks;       
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count:1; 
}
@keyframes thanks{
    0%{
        transform: translateY(0)  
    } 
    100%{
        transform: translateY(-83.33%);
    }
}
.thanks__container-active{
    top: -500%;
}
.thanks__box{
    position: relative;
    width: 100%;
    height: 20%;
    height: 16.66%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 6%;
    padding-right: 6%;
    font-weight: 400;
    color: white;
    background: #3f3d3d;
}
.thanks__box-top{
    width: 100%;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #010101;
    background: #3f3d3d;
}
.thanks__box-topImage{
    height: 80%;
    aspect-ratio: 1;
    border-radius: 100%;
    overflow: hidden;
    background: white;
}
.thanks__box-bottom{
    width: 100%;
    height: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #322222;
    background: white;
    background: #d3d0d0;
}
.thanks__box-bottomItem{
    position: relative;
    width: 100%;
    height: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    background: #010101;
    background: #3f3d3d;
}
.thanks__close-box{
    position: absolute;
    z-index: 10;
    top: 1.5%;
    right: 1%;
    height: 10%;
    aspect-ratio: 1;
    opacity: 0;
    background: white;
}
.thanks__close-box:hover{
    cursor: pointer;
}
.thanks__box-bottomItemAdd{
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;   
}
.thanks__wrapper{
    height: 100%;
    display: flex;
    align-items: center;
}
.thanks__back{
    height: 56%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: white;
    background: rgb(230, 226, 226);
}
.thanks__back:hover{
    cursor: pointer;
    background: #d3d0d0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.archive__frame-item{
    position: relative;
    width: 7.69%;
    height: 100%;
    display: flex;
    justify-content: center;
    border-left:8px solid white;
    border-right: 8px solid white;
    border-top: 1px solid white;
    border-bottom:1px solid white ;
}
.top__shift-35{
    margin-top: 35%;
}
.border__none{
    border: none;
}
.archive__image-left-wrapper{
    position: absolute;
    width: 11.5%;
    height: 100%;
    left: 0;
    display: flex;
    justify-content: flex-end;
    background: white;
}
.archive__image-item{
    width: 80%;
    height: 100%;
}
.archive__image-right-wrapper{
    position: absolute;
    width: 11.5%;
    height: 100%;
    right: 0;
    display: flex;
    justify-content: flex-start;
    background: white;
}
.archive__item-frame{
    height: 100%;
    aspect-ratio: 4 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.archive__video-btn{
    position: absolute;
    z-index: 10;
    width: 14%;
    aspect-ratio: 1;
    opacity: 0.7;
    transition: 0.3s;
}
.archive__video-btn:hover{
    cursor: pointer;
    opacity: 0.9;
    transition: 0.3s;
}
.archive__video-annotation{
    position: absolute;
    width: 100%;
    max-height: 100%;
    height: auto;
    bottom: -100%;
    display: flex;
    flex-direction: column;
    border: 1px solid rgb(148, 144, 144);
    padding: 4% 12%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondary_text-color);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: white;
    background: #E8E4E4;
}
.__archive__image:hover{
    cursor: pointer;
}
.__archive__annotation{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.__archive__annotation:hover{
    cursor: pointer;
    background: rgb(202, 199, 199);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.archive__video-annotationAdd{
    padding-left: 2%;
    padding-right: 2%;
    padding: 2%;
}
.closeAnnotation{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.archive__video-annotation-active{
    bottom: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.item-frame__toggle{
    animation-name: item-frame-circle; 
    animation-duration: 120s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes item-frame-circle{
    0%{
        transform: translateX(0) ;
    }
    100%{
        transform: translateX(-92.3%);
    }
}
.archive__frame-curtain{
    position: absolute;
    z-index: 100;
    width: 110%;
    height: 110%;
    left: 110%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: wheat;
    background: rgb(203, 197, 197);
}
.archive__frame-curtain-animate{
    transform: translateX(-100%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.archive__frame-twist{
    width: 66%;
}
.archive__indicate-container{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 20%;
    bottom: 0;
    opacity: 0;
    display: flex;
    justify-content: space-between;
    box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0 rgba(250, 127, 4, 0.2);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: white;
    background: #edabf1;
    background: wheat;
}
.archive__indicate-container-animate{
    bottom: -22%;
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.archive__indicate-side{
    position: relative;
    width: 10%;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.archive__arrow{
    position: absolute;
    width: 60%;
    aspect-ratio: 1;
}
.archive__arrow:hover{
    cursor: pointer;
}
._archive__arrow{
    border-radius: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
._archive__arrow:hover{
    background: rgb(242, 188, 188);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.archive__indicate-center{
    height: 100%;
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#archive__indicate-center-top{
    border-bottom: 1px solid rgb(60, 58, 58);
}
.archive__indicate-center-item{
    width: 100%;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.archive__indicate-block{
    height: 50%;
    width: 50%;
    display: flex;
    justify-content: space-between; 
}
.archive__indicate-item{
    height: 100%;
    aspect-ratio: 1;
    border-radius: 100%;
    border: 1px solid rgb(134, 129, 129);
    background:white; 
}
.archive__indicator__active{
    background: #f25e29;
}
.archive__page-indicate-block{
    width: 20%;
    height: 90%;
    display: flex;
    justify-content: space-between;
}
.archive__page-indicate-item{
    height: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    border: 1px solid rgb(183, 179, 179);
}
.archive__page-indicate-item:hover{
    cursor: pointer;
}
.archive__indicate-item-active{
    background: #c3bebe;
}
.archive__indicate-box{
    width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.archive__page-indicate-box{
    height: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #565252;
    background: white;
}
.archive__button{
    z-index: 91;
    bottom:4%;
    background-color: #5e5c5c;
    border: 1px solid #f8f6f5;
    box-shadow: 0 2px 4px #f6f2f0;
}
.archive__button:hover{
    cursor: pointer;
    background-color: #3f3d3d;
}
.footer{
    position: relative;
    min-height: 11.48vh;
    min-height: 16vh;
    height: auto;
    width: 100%;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    /* flex-wrap: wrap; */
    overflow: hidden;
    background: #e2d3d3;
    background: #2f3636; 
}
.footer__item{
    width: 25%;
    /* width: 24%; */
    height: 100%;
    height: 11.48vh;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding-left: 4%; */
    color: white;
    /* font-size: 16px; */
    /* background: red; */
}
#footer_thanks{
    position: relative;
    /* background: #097165; */
}
.footer_thanks-plug{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    /* background: wheat; */
}
.footer__item-twist{
    width: 33%;
    height:7vh;
}
.footer__item-bottom-twist{
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* margin-left: 50%; */
}
.copiright__wrapper{
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* flex-wrap: wrap; */
    /* background: #097165; */
}
/* .footer__thanks{
    display: flex;
    justify-content: center;
} */
.copirait__container{
    /* width: 6%; */
    height: 100%;
    aspect-ratio: 1;
    /* margin-right: 2%; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: #0c1978; */
}
.copirait__box{
    width: 100%;
    width: 64%;
    aspect-ratio: 1;
    border-radius: 100%;
    background: white;
}
.footer__text{
    /* font-size: 16px;
    line-height: 22px; */
    font-weight: 400;
    opacity: 0.8;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: 0.3s;
}
.footer__textHover:hover{
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: 0.3s;
}
.development__wrapper{
    width: 100%;
    height: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10%;
    /* background: #7a53c8; */
}
.development__left{
    width: 60%;
    /* width: auto; */
    height: 100%;
    /* padding-right: 8%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* background: #09c3d0; */
    /* align-items: flex-end; */
}
.development__right{
    display: block;
    width: 40%;
    position: relative;
    /* width: 40%;
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start; */
    /* background: brown; */
}
.development__logo{
    position: absolute;
    height: 100%;
    /* background: yellow; */
    scale: 1.3;
    /* position: absolute;
    z-index: 1; */
    /* width: 60%;
    width: 44%;
    width: 50%; */
    aspect-ratio: 1.432 / 1;
    aspect-ratio: 1;   
    margin-left: 6%;
    /* left: 10%; */
    /* cursor: pointer; */
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.development__logo-twist{
    scale: 1.2;
}
.development__logo:hover{
    cursor: pointer;
    transform: scale(1.1); 
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.development__logo-twist{
    aspect-ratio: 1;
    /* width: 80%; */
}
.development__text{
    margin-top: 3%;
}
._events__wrapper{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.smile-container-events{
    height: 110%;
    left: 29%;  
    top: -2%;
}
.events__curtain{
    position: absolute;
    position: fixed;
    top: 0;
    z-index: 300;
    width: 100%;
    height: 100vh;
    background: #E8E4E4;
    background: #f4eded;
    left: 40%;
    left: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.events__curtain_animate{
    transform: translateX(-100%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.events__box{
    position: relative;
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    overflow: auto;
    overflow: hidden;
    background: linear-gradient(180deg, #57E8F1 14%,#8ccbd1 40%,#cde6f0 70%,white 86%);
    background: #E8E4E4;
    background: linear-gradient(180deg, #cef0f3 14%,#7fd5dc 24%,white 48%, #19ca4b 68%,#c3881b 84%);  
}
#h2-events{
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 70%;
    margin-top: 5%;
}
.events__grid-wrapper{
    position: relative;
    width: 96%;
    width: 100%;
    height: auto;
    overflow: auto;
    margin-top: 2%; 
    margin-bottom: 2%;
    padding: 2%;
    /* background: #5ee0d1; */
}
.events__container{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 3%;
    grid-auto-flow: dense;
    overflow: auto;
}
.events__container-twist{
    grid-template-columns: 1fr 1fr;
}
.events__item{
    height: auto;
    box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
    padding: 2%;
    margin-bottom: 5%;
    background: white;
    color: var(--secondary_text-color);
}
.events__item_add{
    position: relative;
}
.events-h3{
    color: var(--secondary_text-color);
    opacity: 0.9;
}
.events__item-2{
    grid-column-start: span 2;
    padding: 1%;
    grid-row-start: span 1;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.events__item-2-header{
    width: 100%;
    height: auto;
    padding-bottom: 1%;
}
.events__item-2-content{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.collecting__annotation{
    width: 100%;
    aspect-ratio: 3 / 4;
    background: #7a9ada;
}
.collecting__annotationVar1{
    height: auto;
    width: 100%;
    /* aspect-ratio: 1.82/1 / 4; */
    background: #7a9ada;
    margin-bottom: 1vh;
}
.events__image-box{
    width: 30%;
    height: auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.events__image-item{
    width: 90%;
    aspect-ratio: 3 / 4;
}
.events__text-item{
    width: 70%;
    height: auto;
}
.events-h3{
    padding-top: 0;
    margin-top: 0;
    font-weight: 600; 
    color: var(--h2-color);
}
.events-data{
    padding-top: 2%;
    padding-bottom: 2.4%;
    padding-bottom: 1.5%;
    color: var(--secondary_text-color);
    opacity: 0.8;
}
.events-data-2{
    padding-top: 1%;
}
.events-author-2{
    padding-top: -1%;
}
.events-author{
    padding-top: 0;
    padding-bottom: 0;
    padding-bottom: 3%;
    color: var(--secondary_text-color);
    opacity: 0.8;
}
.events-text{
    padding-top: 2%;
    font-weight: 500;
}
.events-text-2{
    padding-top: 0;
    padding-bottom: 1%; 
}
.events__bottom{
    width: 100%;   
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.events__button{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2%;
    padding: 0.7%;
    background: #dddada;
    -webkit-transition: all 0.3s linear 0.3s ;
    -moz-transition: all 0.3s linear 0.3s;
    -o-transition: all 0.3s linear 0.3s;
    transition:all 0.3s linear;
}
.events__button:hover{
    cursor: pointer;
    background: #cbc5c5;
    -webkit-transition: all 0.3s linear 0.3s ;
    -moz-transition: all 0.3s linear 0.3s;
    -o-transition: all 0.3s linear 0.3s;
    transition:all 0.3s linear;
}
.events__transition{
    font-weight: 400;
    color: var(--bg-trainingMobil);
}
#h2-reviews{
    position: relative;
    height: 25%;
}
.reviews__box{
    position: relative;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    background: linear-gradient(180deg, #57E8F1 14%,#8ccbd1 40%,#cde6f0 70%,white 86%);
    background: linear-gradient(177deg, #c4f0f4 14%,#b6dfef 30%,#f0f5f7 50%,#ebbd5a 64%);
    background: linear-gradient(180deg, #cef0f3 14%,#7fd5dc 24%,white 48%, #19ca4b 68%,#c3881b 84%);  
    background: linear-gradient(178deg, #85f2f9 14%,#7bb7bc 24%,white 48%, #19ca4b 68%,#c3881b 84%);  
}
.reviews__box-twist{
    height: auto;
}
.reviews__h2-wrapper{
    position: relative; 
    width: 100%;
    height: 20vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reviews__wrapper-wrapper{
    position: relative;
    width: 100%;
    height: 70%;
    height: auto;
}
.reviews__wrapper-wrapper-twist{
    flex-direction: column;
}
.reviews__wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1%;
    row-gap: 0;
    grid-auto-flow: dense;
    padding: 1%;
    overflow: auto;
}

.reviews__wrapper-twist{
    grid-template-columns: 1fr;
    gap: 0;
}
.reviews__container{
    height: auto;
    margin-bottom: 3%;
}
.reviews__container-item{
    width: 100%;
    display: flex;
    padding: 1%;
    height: auto;
    display: flex;
    justify-content: space-between;
}
.reviews__item-left-box{
    width: 24%;
    width: 29%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10%;
}
.reviews__item-left{
    width: 100%;
    min-height: 20%;
    box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
}
.reviews__item-left-twist{
    height: 24vw; 
}
.message__box{
    min-height: 180px;
}
#input-textarea{
    min-height: 180px;
}
.reviews__avatar-box{
    width: 100%;
    aspect-ratio: 4 / 3;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
}
.reviews__avatar{
    width: 35%;
    width: 50%;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 100%;
    border: 1px solid rgb(130, 126, 126);
    background: white;
}
.reviews__item-left-bottom{
    width: 100%;
    height: 40%;
    padding-bottom: 9%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: white;
}
.reviews__item-right{
    width: auto;
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
    background: white;
}
.reviews__item-right-box{
    padding-left: 7%;
    padding-right: 7%;
    min-height: 70px;
    height: auto;
    color: var(--secondary_text-color);
    background: white;
}
.reviews__quote-top{
    position: relative;
    padding-left: 2%;
    padding-top: 2%;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    aspect-ratio:24 / 1 ;
}
.reviews__quote-bottom{
    position: relative;
    width: 100%;
    aspect-ratio:16 / 1 ;
}
.reviews__quote-item{
    position: absolute;
    width: 4%;
    aspect-ratio: 1;
}
#_reviews__bottom{
    margin-top: -3%;
    margin-bottom: 2%;
}
.rotate_180{
    rotate: 180deg;
}
._right__indent{
    right: 4%;
}
.reviews__form-box{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;    
    background: rgb(147, 193, 226);
    background: linear-gradient(180deg, #57E8F1 14%,#8ccbd1 40%,#cde6f0 70%,white 86%);
    background: linear-gradient(177deg, #c4f0f4 14%,#b6dfef 30%,#f0f5f7 50%,#ebbd5a 64%);
    background: linear-gradient(180deg, #cef0f3 14%,#7fd5dc 24%,white 48%, #19ca4b 68%,#c3881b 84%);  
    background: linear-gradient(178deg, #85f2f9 14%,#7bb7bc 24%,white 48%, #19ca4b 68%,#c3881b 84%);
    background: linear-gradient(180deg, #885e0e 8%,#f4f4ee 50%,#c3881b 92%); 
    background:#e9be8d; 
    background: linear-gradient(90deg, #d89a27 8%,#f0d6bb 50%,#d89a27 92%); 
}
.reviews__form-box-twist{
    width: 100%;
}
.reviews__form-container{
    position: relative;
    width: 60%;
    min-height: 40vh;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 4%;
    margin-bottom: 4%;
    background: #e7dada;
    background: #E8E4E4; 
    box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
}
.reviews__form-container-twist{
    width: 98%;
}
.reviews__form-overiay-container{
    position: relative;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: none;
}
.reviews__form-overiay{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0.5;
    background: #888181;
}
.reviews__form-overiay-gifBox{
    position: absolute;
    width: 5%;
    aspect-ratio: 1;
    overflow: hidden;
    background: rgb(209, 198, 198);
    background: none;
}
.reviews__messageBox{
    position: absolute;
    padding-top: 10%;
}
.reviews__form-inputs{
    position: relative;
    width: 100%;
    min-height: 20vh;
}
.reviews__form-textHeader{
    width: 100%;
    padding: 2%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.9;
    font-weight: 400;
    background: #91e2ea; 
    background: wheat; 
    background: #d3cdcd;
}
.reviews__form-textHeader-twist{
    min-width: 50px;
}
.reviews__form-inputs-top{
    width: 100%;
    min-height: 15vh;
    display: flex;
    background: #E8E4E4;
    background: #E8E4E4;  
}
.reviews__form-inputs-topLeft{
    width: 64%;
    min-height: 12vh;
    height: auto;
    display: flex;
    flex-direction: column;
    background: #e7dada;
    background: #E8E4E4; 
}
.reviews__form-label{
    padding-top: 2%;
    padding-left: 4%;
}
.input__text{
    margin-left: 2%;
    margin-right: 2%;
    padding: 2%;
}
.input__textarea{
    overflow: auto;
    resize: vertical;
    margin-left: 2%;
    margin-right: 2%;
    padding: 2%;
}
._error{
    box-shadow: 0 0 4px red;
}
.reviews__form-inputs-topRight{
    width: 36%;
    min-height: 10vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.reviews__form-inputs-bottom{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 5vh;
    background: #E8E4E4;
    background: #E8E4E4; 
}
.reviews__addFile-box{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.reviews__form-inputs-topRight-top{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 3%;
    padding-bottom: 2%;
}
.reviews__addFile{
    position: absolute;
    z-index: 1;
    top: 0;
    width: 54%;
    aspect-ratio: 1;
    opacity: 0;
    background: red;
}
.reviews__addFile:hover{
    cursor: pointer;
}
.reviews__addFile-overlay{
    width: 54%;
    aspect-ratio: 1;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: #cbcecb;
    background: #d3cdcd;
}
.reviews__addFile-overlayAdd{
    position: absolute;
    opacity: 0;
}
.reviews__addFile-overlay img{
    height: 100%;
}
.reviews__plus-box{
    width: 40%;
    aspect-ratio: 1;
    border-radius: 100%;
    border: solid 1px rgb(90, 89, 89);
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
}
.reviews__plus-container{
    width: 40%;
    aspect-ratio: 1;
}
.input__box{
    width: 90%;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #09c3d0;
    margin: 4% 0;
}
.input__box input{
    width: 100%;
    height: 100%;
    min-height: 60px;
    padding: 0 4%;
    font-weight: 500; 
    background: #ddd7d7;
}
.reviews__form-fonts{
    font-weight: 500;
    color: var(--secondary_text-color);
    opacity: 0.8;
}
.reviews__form-button{
    display: inline-block;
    min-width: 24%;
    min-height: 10%;
    margin-top: 1%;
    margin-bottom: 1%;
    padding: 1.2% 3%;
    border-radius: 999px;
    background: #3977f2;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.reviews__form-buttonAdd{
    margin-left: 4%;
}
.reviews__button-stile{
    background: none;
    color: white;
    border: none;
    outline: none;
}
.reviews__button-stile:hover{
    cursor: pointer;
}
.reviews__form-button:hover{
    background: #6595f4;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.footer__button{
    padding: 4%;
    background: none;
    color: white;
    /* font-size: 20px; */
}

.__return{
    width: 3.5%;
}
.__return-twist{
    width: 10%;
    width: 7%;
}
.__return-gallery{
    width: 5%;
}
.indicator__active {
    background:  #FCBE16; 
}
.__alignment{
    width: 100%;
}
.__alignment-1{
    width: 94%;
    height: 100%;
}
.__alignment-add{ 
    width: 100%;
    height: 100%;
}
.__alignment-little{
    width: 80%;
    height: 80%;
}
.__alignment-littleAdd{
    width: 60%;
    height: 60%;
}
.__alignment__shot{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width:94.25%;  
    height: 100%;
    background:#E1E1E1;
}
._hidden{
    overflow: hidden;
}
.opasity_1{
    opacity: 1;
}
.__opasity_1{
    opacity: 1;
    -webkit-transition: all 2s linear;
    -moz-transition: all 2s linear;
    -o-transition: all 2s linear;
    transition: all 2s linear;
}
.__opacity{
    opacity: 0.5;
}
.__opacity-0_9{
    opacity: 0.9;
}
.__opasity-0_7{
    opacity: 0.7;
}
.__opasity-0_5{
    opacity: 0.5;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
._opasity-0{
    opacity: 0;
}
.__opacity-0{
    opacity: 0;
}
._opacity-back{
    opacity: 1;
    -webkit-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -moz-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    -o-transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
    transition: all 0.3s cubic-bezier(.42,.61,.74,1.37);
}
.shift_3{
    top: 32.5%;
    left: 8%;
    rotate: -90deg;
}
.shift_4{
    top: 32.5%;
    left:-8%;
    rotate: -90deg;
}
.reverce__180{
    rotate: -180deg;
    rotate: 0deg;
}
.mobil__correction{
    height: 100%;
    top: 0;
    left: -100%;
}
._z-index_-1{
    z-index: -1;
}
._z-index_1{
    z-index: 1;
}
._z-index_12{
    z-index: 12;
}
._z-index_50{
    z-index: 50;
}
._z-index_600{
    z-index: 600;
}
._margin-top40{
    margin-top: 40%;
}
#_separator-top-school{
    opacity: 0;
}
.gridContainer__2fr-twist{
    grid-template-columns: 1fr 1fr;
}
.rotate__45{
    rotate: 45deg;
}
.popup{
    position: relative;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 201;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    bottom: 0;
    opacity: 0;
}
.popup__overlay{
    position: absolute;   
    width: 100%;
    height: 100%;
    background: rgb(33, 32, 32);
    opacity: 0.8;
}
.popup__button{
    position: absolute;
    top: 0;
    right: 0;
    width: 4.5%;
    aspect-ratio: 1;
    padding: 1%;
    color: white;
    background: none;
}
.popup__button-twist{
    width: 6%;
}
.popup__content-box{
    position: absolute;
    z-index: 202;
    display: flex;
    align-items: center;
    justify-content: center;
    width:60% ;
    width: 100%;
    height: 100%;
    top: -100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.popup__contentHeader{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.popup__content{
    position: absolute;
    width: 60%;
    height: 90%;
    /* height: 80%; */
    padding: 3%;
    bottom: 2%;
    overflow: auto;
    background: white;
    font-size: 18px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--secondary_text-color);
}
.popup__content-twist{
    width: 90%;
}
.popup__content-video{
    position: absolute;
    width: 56%;
    width: 62%;
    aspect-ratio: 4 / 3;
}
.video{
    position: absolute;
    width: 100%;
    height: 100%;
}
.popup__content-video-twist{
    width: 90%;
}
.popup__content-box-twist{
    width: 98%;
}
.popup__content-box-active{
    transform: translateY(100%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.popup__content-header{
    width: 100%;
    display: flex;
    justify-content: center;
}
.p__popup-header{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 3%;
}
.highlight__text{
    font-weight: 600;
    padding-top: 1%;
    padding-bottom: 1%;
}
.hiddenNone{
    display:flex ;
}
.__opacity-1{
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition:all 0.3s linear;
}
.testButton{
    position: absolute;
    z-index: 2;
    top: 0;
    padding: 3%;
    background: #5060d5;
    color: white;
    font-size: 20px;
}
.mobil__inform{
    font-size: 20px;
    line-height: 24px;
    color: var(--h2-color);
    font-weight: 500;
    width: 100%;
    margin-top: 2px;
    padding: 4%;
    display: flex;
    justify-content: center;
    background: seashell;
    border: 1px solid gray;
} 
.block__hidden{
    display: none;
}
.animation-play-state{
    animation-play-state: paused;
}

@media(max-width:1200px){
    .starring__tape-twist{
        width: 100%; 
    }
}
@media(max-width:769px){
    .starring__tape-twist{
        transform: scale(1);    
    }
}
@media(max-width:721px){
    .training__gallery-annotation{
        background: white;
    }
    .annotation__close{
        aspect-ratio: 7.5 / 1;
        aspect-ratio: 9.5 / 1;
    }
    .__return-gallery{
        width: 7%;
    }
    #school__top-container{
        margin-left: 0;
        padding-left: 0;
        left: 0;
        width: 50%;
    }
    .school__bottom{
        width: 50%;
    }
    .block__bottom{
        overflow: hidden;
    }
    .school__top-twist{
        height: 68vh;
    }
    .school__bottom-twist{
        margin-bottom: 7%;
        width: 100%;
        height: 50vh; 
    } 
    .block__bottom-twist{
        height: 42%;
    }
    .tournament__article-box{
        font-size: 16px;
        line-height: 22px;
    }
    .input__box input{
        font-size: 1.7vw;
    }
    .input__box textarea{
        font-size: 1.7vw;
    }
    .footer__item{
        width: 50%;
    }
    /* #footer__item-bottom{
        width: 50%;
    } */
    .footer__text{
        font-size: 14px;
        line-height: 18px;
    }
}
@media(max-width:539px){
    .inner-loader{
        scale: 0.5;
    }
    .team-play-box:hover{
        opacity: 0.7;
    }
    .gallery__btn-box:hover{
        opacity: 0.7;
    }
    .lesson__video:hover{
        opacity: 0.7;
    }
    .tournament__video-btn:hover{
        opacity: 0.7;
        transition: 0.3s;
    }
    .archive__video-btn:hover{
        opacity: 0.7;
    }
    .section__separator{
        height: 0.7vh;
    }
    .header__twist{
        height: 10vh;
    }
    .header__menu-twist{
        z-index: 100;
        height:12%;
        top: 0.5%;
        background: wheat;
        background: none;
    }
    .header__menu:hover .circle__menu{
        animation:none;
    }
    .tennisball__wrapper-twist-animate{
        max-width: 96vw;
    } 
    .link__menu{
        height: 11.111%;
        /* height: 10%;         */
    }
    .link__menu-0 {
        padding-left: 32%;
    }
    .link__menu-1{
        padding-left: 14%;
    }
    .link__menu-2{
        padding-left: 6%;
    }
    .link__menu-3{
        padding-left: 0;
        padding-left: 1.5%;
    }
    .link__menu-4{
        padding-left: 4%;
        padding-left: 0;
    }
    .link__menu-5{
        padding-left: 1.5%;
    }
    .link__menu-6{
        padding-left: 6%;
    }
    .link__menu-7{
        padding-left: 14%;
    }
    .link__menu-8{
        padding-left: 30%;
    }
    #header-school{
        z-index: 10;
    }
    ._span-twist{
        font-size: 32px;
    }
    .command__box{
        flex-direction: column;
    }
    .h2__wrapper{
        font-size: 26px;
        font-size: 30px;
        font-weight: 600;
    }
    .h2-command{
        position: relative;
    }
    .command__box{
        height: auto;
    }
    .comand__container-twist{
        position: relative;
        display: flex;
        flex-direction: column;
        width: 70%;
        width: 90%;
        aspect-ratio: auto;
    }
    .command__coach-wrapper{
        position: relative;
        display: flex;
        flex-direction: column;
        aspect-ratio: auto ;
        height: auto;
    }
    
    .command__coach-wrapper-twist-0{
        position: relative;
        width: 100%;
        rotate: 0deg; 
        background: #0A307A;
        background: none;
        margin-bottom: 10%;
    }
    .command__coach-wrapper-twist-1{
        position: relative;
        width: 100%;
        rotate: 0deg; 
        margin-bottom: 10%;
    }
    .command__coach-wrapper-twist-2{
        width: 100%;
        rotate: 0deg; 
        margin-bottom: 10%;
    }
    .command__coach{
        position: relative;
        display: flex;
        flex-direction: column;
        width: 96%;
    }
    .coach__summary{
        position: relative;
        opacity: 1;
        height: 100%;
        margin-top: 2%;
        padding-bottom: 6%;
        border: none;
        outline: none;
        box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
    }
    .coach__text{
        font-size: 18px;
        line-height: 24px;
    }


    /* .page__box2-wrapper{
        height: 110vh;
    }
    .starring__tape-twist{
        transform: scale(1.35);    
    }
    .starring__arrow{
        width: 5.5%;
    }
    .starring__arrow-left{
        width: 5.5%;
    } */
    #h2-training{
        top: 0;
    }
    .h2__training{
        padding-top: 7%;
        padding-top: 10%;
        /* background: #0c1978; */
    }
    #training__page{
        /* height: auto; */
        background: #E8E4E4;
        /* background: #0c1978; */
    }
    /* #training__right-box {
        min-height: auto;
        height: auto;
        background: none;
    } */
    /* .tennisball__wrapper-twist-animate{
        z-index: 150;
        max-width: 100vw;
        transform: translate(-44%, 100%);
        -webkit-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
        -moz-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
        -o-transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
        transition: all 0.5s cubic-bezier(.42,.61,.74,1.37);
    } */
    .advantages__line{
        font-size: 20px;
    }
    ._training__wrapper{
        top: 5%;
        /* background: #0A307A; */
    }
    .count__training-box {
        min-height: auto;
        height: auto;
        background: none;
    }
    .block__top{
        height: 16vh;
        height: 0; 
    } 
    .text__block{
        width: 100%;
        min-height: auto;
        height: auto;
        overflow:visible ;
    }
    .training__article-left{
        height: auto;
        background:white;
        background: #E8E4E4;
    }
    .training__article-right{
        margin-top: 40%;
        height: auto;
        order: 1;       
    }
    #training__article-right{
        order:-1;
        background: #d3d753;
        background:#E8E4E4;
    }
    .training__right-box-mobil{
        height: auto;
    }
    .text__box{
        height: auto; 
        min-height: auto;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        line-height: 24px;
        margin-right: 0;
        padding: 0;
        padding-left: 2%;
        margin-top: 8%;
    }
    .text__box-right{
        height: auto;
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        margin-right: 0;
        padding: 0;
    }
    .training__p{
        padding-top: 3%;
        line-height: 1.6em;
    }
    .training__p-bottom{
        padding-top: 3%;
    }
    #school-text__box-left{
        padding-left: 0;
    }
    #school-text__box-right{
        padding-bottom: 4%;
    }
    .block__bottom-map-add{
        height: 70vw;
        margin-left: 2%;
    }
    .__p__color-red{
        margin-bottom: 0;
    }
    #__p__color-red-last{
        margin-bottom: 5%;
    }
    .block__top{
        height: 0;
        background: white;
    }
    .block__top-right{
        height: 0;
    }
    #training__page{
        margin-top: 2px;
        height: auto;
    }
    #school__page{
        min-height: 10vh;
        height: auto;
        margin-top: 2px;
        background: #E8E4E4;
        background: linear-gradient(0deg, #57E8F1 7%,#E8E4E4 93%);
    }
    #school__training-box{
        min-height: auto;
        height: auto;
    }
    #school__top-container{
        margin-left: 0;
        padding-left: 0;
        left: 0;
        width: 100%;
    }
    .school__bottom{
        width: 100%;
    }
    .school__bottom-container{
        width: 100vw;
        min-height: 78vh;
        height: 100vh;
        height: auto;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(186deg, #57E8F1 27%,#19ca4b 44%,#c3881b 84%);
        background: white;
    }
    .school__top-container-twist{
        height: 100vh;
        background: linear-gradient(186deg, #57E8F1 27%,#19ca4b 44%,#c3881b 84%);
    }
    .school__top-container{
        width: 100%;
    }
    .p__children-add-twist{
        color: white;
    }
    .school__top{
        margin: auto;
        height: 100vh;
        height: 70vh;
        margin: auto;
        background: linear-gradient(186deg, #57E8F1 27%,#19ca4b 44%,#c3881b 84%);
        background: linear-gradient(186deg, #57E8F1 20%,#19ca4b 64%,#c3881b 90%);
    }
    .school__image-container{
        position: relative;
        width: 98%;
        height: auto;
        box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
    }
    .school__image-box{
        width: 100%;
        aspect-ratio: 4 / 3;
    }
    #School_1596{
        padding-left: 0;
    }
    .block__bottom{
        height: 60%;
        height: 90vw;
        background: linear-gradient(0deg, #57E8F1 14%,#E8E4E4 56%);
        background: linear-gradient(0deg, #57E8F1 14%,#A1CED3 56%);
        background: #E8E4E4;
    }
    .block__bottom-map{
        height: 84%;
        margin: auto;
        box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
        overflow: hidden;
    }
    .training__gallery-wrapper{
        position: absolute; 
        position: relative;
        width: 100vw;
        /* height: 100vw; */
        height: auto;
        /* overflow: visible; */
    }
    .training__gallery-item{
        /* position: absolute; */
        margin-top: 4%;
        margin-bottom: 5%;
        width: 95%;
    }
    .training__gallery-annotation{
        height: auto;
        border: none;
    }
    .annotation__text{
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        color: var(--secondary_text-color);
    }
    #school__article-right{
        order: -2;
    }
    #school__article-left{
        order: -1;
    }
    .school__training-box{
        height: 450vh;
        height: auto;
        height: 200vh;
        background: var(--bg-trainingMobil);
    }
    #h2__school-training{
        top: 0%;
    }
    #school__indicate-block{
        top: 12%;
    }
    #_team{
        font-size: 30px;
    }
    .school__indicate-block{
        position: absolute;
        z-index: 20;
        z-index: 30;
        width: 100%;
        height: 79.5%;
    }
    .child__name {
        font-size: 20px;
    }
    .p__children-add{
        font-size: 20px;
    }
    .school__slider-twist{
        width: 75%; 
        width: 90%;
        height: 80%;
    }
    .arrow-school-left{
        width: 12%;
        width: 10%;
    }
    .arrow-school-right{
        width: 10%;
    }
    .school__bottom-twist{
        position: relative;
        margin-bottom: 0;
        width: 100%;
        margin-top: 0%;
        height: 100vh; 
        overflow: visible;
    } 
    .school__bottom{
        position: relative;
        margin-top: 0.7vh;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 416vh;
        height: 500vh;
        height: 980vw;
        height: 100vh;
        height: auto;
        background: white;
        background: linear-gradient(180deg, #57E8F1 8%,#dcf0f0 20%,#cde6f0 60%,#57E8F1 86%);
    }
    .school__item-box{
        position: relative;
        width: 98%;
    }
    .school__bottom-item{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100vw;     
        height: auto;
    }
    #school__bottom-item-0{
        min-height: 50vh;
        margin-top: 4%;
    }
    #school__bottom-item-1{
        min-height: 56vh;
    }
    #school__bottom-item-2{
        margin-top: 2%;
        min-height: 50vh;
    }
    #school__bottom-item-3{
        min-height: 60vh;
    }
    #school__bottom-item-4{
        min-height: 50vh;
    }
    #school__bottom-item-5{
        min-height: 60vh;
    }
    #school__bottom-item-6{
        margin-top: 4%;
        min-height: 60vh;
    }
    #school__bottom-item-7{
        min-height: 58vh;
        margin-bottom: 4%;
    }
    .__correction-0{
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        margin: auto;
    }
    .__correction-1{
        position: relative;
        width: 67%;
        rotate: 0deg;
        left: auto;
        top: auto;
        bottom: auto;
        margin: auto;
    }
    .__correction-2{
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        margin: auto;
        rotate: 0deg;
    }
    .__correction-3{
        position: relative;
        width: 67%;
        rotate: 0deg;
        left: auto;
        top: auto;
        bottom: auto;
        margin: auto;
        rotate: 0deg;  
    }
    .__correction-4{
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        margin: auto;
        rotate: 0deg;
    }
    .__correction-5{
        position: relative;
        width: 67%;
        rotate: 0deg;
        left: auto;
        top: auto;
        bottom: auto;
        margin: auto;
        rotate: 0deg;  
    }
    .__correction-6{
        position: relative;
        width: 67%;
        rotate: 0deg;
        left: auto;
        top: auto;
        bottom: auto;
        margin: auto;
        rotate: 0deg;  
    }
    .__correction-7{
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        margin: auto;
        rotate: 0deg;
    }
    .school__item-textBox{
        position: relative;
        top: 101%;
        top: auto;
        margin-top: 1%;
        box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
        height: auto;
        border: none;
        opacity: 1;
    }
    #training__p-last{
        padding-bottom: 3%;
    }
    .school__text-close{
        display: none;
    }
    
    .school__image-container{
        width: 98%;
        margin-top: auto;
        margin-top: 10%;
        height: auto;
        box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
        background: #10ad3d;
        background: #E8E4E4; 
    }
.tournament__box{
    background: #E8E4E4;
}
#h2__tournament{
    margin-top: 4%;
}
.tournament__wrapper{
    margin-bottom: 4vh;
    background: var(--header-color);
    background: linear-gradient(180deg, #57E8F1 14%,#9feaf0 40%,#cde6f0 70%,white 86%);
    background: linear-gradient(180deg, #E8E4E4 14%,#86d6db 40%,#57E8F1 70%, #E8E4E4 92%);
}
.tournament__wrapper-item{
    width: 100%;
    width: 98%;
}
.tournament__item-container{
    width: 100%;
}
.school__text{
    font-size: 16px;
    line-height: 22px;
}
.tournament__text{
    font-size: 18px;
    line-height: 24px;
}
.tournament__article{
    font-size: 18px;
    line-height: 24px;
    border: none;
}
.tournament__annotation{
    font-size: 16px; 
    line-height: 22px;
}
.tournament__annotation-twist{
    width: 100%;
}
.markers{
    padding-left: 6%;
}
#images__h2-wrapper{
    background: linear-gradient(0deg, #9feaf0 6%,#f5f7f7 50%,#9feaf0 94%);
}
#reviews__h2-wrapper{
    background: linear-gradient(0deg, #9feaf0 6%,#f5f7f7 50%,#9feaf0 94%);
}
.images__grid-wrapper{
    margin-bottom: 6%;
    /* margin-bottom: 0; */
    width: 100%;
}
.images__grid-wrapper-twist{
    margin-bottom: 1%;
    margin-bottom: 0;
}
.images__container{
    grid-template-columns: 1fr;
    row-gap: 0;
    /* background: #0A307A; */
}
.images__item{
    margin-bottom: 10%;
    margin-bottom: 4%;
}
.images__item-annotation{
    font-size: 18px;
    font-size: 16px;
    color: var(--secondary_text-color);
    line-height: 1.4em;
}
.contacts__box{
    /* position: relative; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
    height: 160vh;
    /* height: 150vh; */
    /* height: 170vh; */
}
#h2-contacts{
    font-size: 30px;
    height: 16vh;
    height: 28vh;
    /* background: #c13ec4; */
}
/* .h2__contactsHeader{
    background: #0f9c37;
    margin-bottom: 0;
} */
.contacts__bg{
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contacts__bg-add{
    width: 62%;
}
.contacts__bg-twist{
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    margin: auto 0;
    margin-left: auto;
    margin-right: auto; 
    /* background: #0c1978; */
}
.contacts-item{
    width: 30vh;
    width: 100%;
    margin-left: auto;
    margin-right: auto; 
    /* background: #0f9c37; */
}
.contacts_correction-0{
    top: 14%;
    top: -164%;
    left: 0; 
}
.contacts_correction-1{
    bottom: 30%;
    margin: auto 0;
    right: 10%;
    left: 0; 
}
.contacts_correction-2{
    bottom: -164%;
    left: 0%;
}
.contacts__fio-box{
    font-size: 20px;
}
.p__contacts-tlf{
    font-size: 16px;
    opacity: 0.8;
}
.contacts__Email-wrapper{
    /* bottom: -200%; */
    font-size: 18px;
    width: 130%;
    height: 5vh;
    margin-bottom: 6vh;
    /* background: #0c1978; */
}
.contacts__Email-icon-box{
    height: 100%;
    height: 90%;
}
#events__header__logo{
    left: 8%;
}
.events__box{
    height: auto;
    overflow: hidden;
}
.events__grid-wrapper{
    height: auto;
    width: 100%;
    overflow: hidden;
}
#events__page{
    height: auto;
    overflow: hidden;
}
.events__container{
    grid-template-columns: 1fr;
    gap: 0;
    height: auto;
    overflow: hidden;
}
.events__container-twist{
    position: relative;
    height: auto;
    grid-template-columns: 1fr;
}
.events__item{
    width: 96%;
    margin-left: 2%;
}
.events__item-2{
    grid-column-start: span 1;
    padding: 2%;
    grid-row-start: span 1;
} 
.events__image-box{
    width: 100%;
    height: auto;
} 
.events__image-item{
    margin-bottom: 5%;
}
.events-h3{
    font-size: 19px;
    line-height: 23px;
}
.events-data{
    font-size: 14px;
    padding-bottom: 2%;
}
.events-author-2{
    padding-top: -1%;
}
.events-author{
    font-size: 14px;
    padding-bottom: 2%;
}
.events__transition{
    font-size: 15px;
}
.events__text-item{
    width: 100%;
    height: auto;
}
.events-text{
    font-size: 1em;
    line-height: 1.4em;
    font-weight: 500;
    opacity: 0.9;
}
.events-text-2{
    padding-top: 0;
    padding-bottom: 1%; 
}
.reviews__box-twist{
    height: auto;
}
.reviews__wrapper-wrapper-twist{
    height: auto;
}
.reviews__container{
    grid-template-areas: 0;
}
.reviews__wrapper-twist{
    height: auto;
}
.reviews__container-item{
    flex-direction: column;
}
.reviews__item-left-box{
    width: 100%;
}
.reviews__item-right{
    width: 100%;
    margin-top: 1%;
}
.reviews__item-left{
    width: 44%;
}
.reviews__item-left-twist{
    height: 36vw; 
}
.reviews__quote-item{
    width: 6%;
    margin-bottom: 24%;
}
.reviews__item-right-box{
    margin-top: 2%;
}
.reviews__form-textHeader{
    font-size: 22px;
}
.reviews__form-inputs-top{
    flex-direction: column;
}
.reviews__form-inputs-topLeft{
    width: 100%;
}
.reviews__form-inputs-topRight{
    width: 100%;
}
.reviews-author{
    font-size: 16px;
}
.reviews__addFile{
    width: 50%;
}
.reviews__addFile-overlay{
    width: 50%;
}
.reviews__form-inputs-bottom{
    margin-top: 6%;
}
.reviews__form-button{
    min-width: 30%;
}
.arrow__screenBox{
    width: 14%;
}
.tournament__item-containerArchive{
    margin-top: 16%;
}
.footer__item{
    width: 100%;
    height: 6vh;
    justify-content: center;
    border-bottom: 1px solid rgb(120, 117, 117);
}
#footer__item-last{
    height: 8vh;
}
.footer__text{
    font-size: 16px;
}
.footer{
    display: flex;
    justify-content: center;
}
.copirait__container{
    width: 5%;
    width: 8%;
}
.development__text{
    font-size: 13px;
    line-height: 16px; 
}
.p__popup-header{
    font-size: 20px;
}
.popup__content{
    width: 98%;
    height: 80%;
    font-size: 16px;
    line-height: 22px;
    /* background: red; */
}
.popup__content-video{
    width: 98%;
}
.popup__button-twist{
    width: 8%;
    width: 12%;
    top: 12%;
}
.training__gallery-button{
    z-index: -1;
}
.thanks__header{
    font-size: 26px;
}
.thanks__text{
    font-size: 16px;
    line-height: 22px;
}
.thanks__FIO{
    font-size: 16px;
    line-height: 22px;
}
.thanks__competencies{
    font-size: 10px;
    line-height: 12px;
}
.thanks__TLF{
    font-size: 14px;
    line-height: 18px;
}
#reviews__item-right__4{
    margin-top: 5%;
}
.count__training-box{
    height: auto;
}

#training__caorusel{
    height: auto;
    margin-bottom: 10%;
}
.training__right-box{
    height: auto;
}
#training__gallery{
    position: relative;
    height: auto;
    left: 0;
    background: none;
} 
.training__gallery-wrapper{
    position: relative;
    height: auto;
    padding-top: 5%;
}
.training__gallery-item{
    position: relative;
    height: auto; 
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.training__gallery-box{
    position: relative;
    height: auto;
}
.training__gallery-annotation{
    position: relative;
    opacity: 1;
    height: auto;
    margin-top: 1%;
    padding-top: 0;
    padding-bottom: 8%;
}
#h2__school{
    font-size: 27px;
}
.images__item-2{
    grid-column-start: span 1;
}
.tournament__wrapper{
    justify-content: center;
}
.development__logo:hover{
    transform: scale(1); 
}
.footer__item:last-child{
    height: 8vh;
}
#footer__item-bottom{
    width: 100%;
}
/* .development__logo{
    width: 40%;
}
#footer__text{
    padding-right: 10%;
} */
}

@media(max-width:500px){
    .starring__tape-twist{
        width: 150%; 
    }
    .tape__return-twist{
        width: 10%;
        bottom: 1%;
    }
    .training__p{
        padding-left: 2%;
    }
    .training__p-bottom{
        padding-left: 2%;
        padding-right: 2%;
    }
    .training__p-right{
        padding-left: 2%;
        padding-right: 2%;
    }
    .training__gallery{
        z-index: 20;
    }
    .training__curtain{
        z-index: 21;
    }
    .archiweArrow__box{
        width: 37%;
    }
}

@media(max-width:376px){
    .header__logo-mobil{
        width: 40%;
    }
    .header__twist{
        height: 12vh;
        /* background: #0f9c37; */
    }
    .header__menu-twist{
        height:14%;
    }
    .tennisball__wrapperMobil-active{
        right: -164%; 
    }
    #school__bottom-item-0{
        margin-top: 6%;
        min-height: 60vh;
    }
    #school__bottom-item-1{
        min-height: 70vh;
    }
    #school__bottom-item-2{
        min-height: 60vh;
    }
    #school__bottom-item-3{
        min-height: 70vh;
    }
    #school__bottom-item-4{
        min-height: 60vh;
    }
    #school__bottom-item-5{
        min-height: 75vh;
    }
    #school__bottom-item-6{
        min-height: 78vh;
    }
    #school__bottom-item-7{
        min-height: 68vh;
        margin-bottom: 4%;
    }
    .h2__training{
        position: absolute;
        padding-top: 18%;
    }
    #h2-tournament{
        height: 16vh;
        height: 100%;
        padding-bottom: 8%;
    }
    .reviews__h2-wrapper{
        padding-bottom: 0;
    }
    #h2-events{
        height: 100%;
        padding-bottom: 8%;
    }
    .contacts__box{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;    
        height: 190vh; 
    }

    /* .contacts__box{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;    
        height: 160vh;
        height: 190vh; 
    } */
    #h2-contacts{
        font-size: 30px;
        height: 16vh;
        height: 32vh;
        /* background: #c13ec4; */
    }

    /* .h2__contactsHeader{
        padding-top: 14%;
    } */
    .contacts__Email-contacts-box{
        font-size: 16px;
    }
    .contacts__fio-box{
        font-size: 18px;
    }
    .footer__item:last-child{
        height: 10vh;
    }
}
@media(max-width:345px){ 
    .header__logo-mobil{
        width: 50%;
    } 
    .header__twist{
        height: 9vh;
    }
    .header__menu-twist{
        height:11%;
    }
    .tennisball__wrapperMobil-active{
        max-width: 98vw;
        right: -154%; 
    }
    #_team{
        font-size: 28px;
        margin-top: 6%;
    }
    .advantages__line{
        font-size: 18px;
    }
    #school__bottom-item-0{
        min-height: 44vh;
        margin-top: 4%;
    }
    #school__bottom-item-1{
        min-height: 50vh;
    }
    #school__bottom-item-2{
        min-height: 46vh;
    }
    #school__bottom-item-3{
        min-height: 54vh;
    }
    #school__bottom-item-4{
        min-height: 44vh;
    }
    #school__bottom-item-5{
        min-height: 54vh;
    }
    #school__bottom-item-6{
        min-height: 56vh;
    }
    #school__bottom-item-7{
        min-height: 52vh;
    }
    #h2__tournament{
        margin-top: 17%;
    }
    .events-author{
        font-size: 13px;
    }
    .archive__page-indicate-block{
        width: 36%;
    }
    .archive__indicate-block{
        width: 80%;
    }
    .reviews__item-left-box{
        margin-bottom: 12%;
    }
    .contacts__box{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;    
        height: 130vh;  
    }
    #h2-contacts{
        font-size: 30px;
        /* height: 14vh; */
        height: 20vh;
        /* background: #c13ec4; */
    }
    .h2__contactsHeader{
        padding-top: 0;
    }
    .contacts__Email-contacts-box{
        font-size: 16px;
    }
    .contacts__Email-wrapper{
        font-size: 14px;
        margin-bottom: 4vh;
        /* background: #0f9c37;  */
    }
    .archive__button{
        left: -28%;
    }
    #h2-training{
        font-size: 24px;
        padding-bottom: 15%;
    }
    #h2__school{
        font-size: 24px;
        padding-bottom: 15%;
    }
    .reviews__h2-wrapper{
        position: relative; 
        width: 100%;
        height: 15vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media(max-width:281px){
    /* h1{
        font-size: 42px;
    } */
    ._span{
        font-size: 26px;
    }
    .h2__wrapper{
        font-size: 20px;
        font-weight: 600;
    }
    .link__menu{
        font-size: 18px;
    }
    .annotation__text{
        font-size: 15px;
    }
    #h2__school{
        font-size: 21px;
    }
    .school__bottom{
        height: 1170vw;
    }
    .p__children-add{
        font-size: 16px;
    }
    .tournament__wrapper{
        height: 860vw;
    }
    .reviews__item-left-box{
        /* margin-top: 10%; */
        margin-bottom: 14%;
    }
    .contacts__bg-add{
        width: 80%;
    }
    .contacts__Email-wrapper{
        height: 6vh;
        /* width: 120%;
        left: -8%;  */
    }
    .school__bottom{
        height: 1170vw;
    }
    .p__children-add{
        font-size: 16px;
    }
    .tournament__wrapper{
        height: 860vw;
    }
    .contacts__data-item{
        font-size: 12px;
    }
    .contacts__box{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;    
        height: 160vh;
        height: 180vh; 
        height: 190vh;
        height: 195vh;
    }
    .p__contacts-email{
        font-size: 14px;
        font-size: 13px;
    }
    #h2-contacts{
        font-size: 30px;
        height: 19vh;
        height: 28vh;
        /* height: 17vh; */
        /* background: #c13ec4; */
    }
}

@media(max-height:721px){
    #school__top-container{
        margin-left: 0;
        padding-left: 0;
        left: 0;
        width: 100%;
    }
    #school__bottom{
        width: 100%;
    }
    .block__bottom-map{
        height: 90%;
    }
    .reviews__form-fonts-twist{
        font-size: 16px;
    }
}

@media(max-height:539px){
    .team-play-box:hover{
        opacity: 0.7;
    }
    .gallery__btn-box:hover{
        opacity: 0.7;
    }
    .lesson__video:hover{
        opacity: 0.7;
    }
    .tournament__video-btn:hover{
        opacity: 0.7;
    }
    .archive__video-btn:hover{
        opacity: 0.7;
    }
    .video-btnImage{
        scale: 2;
    }
    .inner-loader{
        scale: 0.5;
    }
    .header {
        height: 15vh;
    }
    .header__menu{
        scale: 1.8;
        top: 6vh;
    }
    .header__menu:hover .circle__menu{
        animation:none;
    }
    .tennisball__wrapper-animate{
        scale: 0.53;
    } 
    .menu__fruit{
        width: 100%;
        height: 100%;
        /* background: yellow; */
    }
    .ball__menu-item{
        width: 30%;
    }
    .link__menu{
        height: 11.111%;      
    }
    .link__menu-0 {
        padding-left: 32%;
    }
    .link__menu-1{
        padding-left: 14%;
    }
    .link__menu-2{
        padding-left: 6%;
    }
    .link__menu-3{
        padding-left: 0;
        padding-left: 1.5%;
    }
    .link__menu-4{
        padding-left: 4%;
        padding-left: 0;
    }
    .link__menu-5{
        padding-left: 1.5%;
    }
    .link__menu-6{
        padding-left: 6%;
    }
    .link__menu-7{
        padding-left: 14%;
    }
    .link__menu-8{
        padding-left: 30%;
    }

    #_team{
        font-size: 30px;
        padding-top: 3%;
    }
    .circle__menu{
        height: 100%;
        aspect-ratio: 1 / 1;
        display: flex;
        align-items: center;
        justify-content: center;
        rotate: 12deg; 
    }
    .main__page{
        height: 120vh;
        background: white;
    }
    .main__box{
        height: 120vh;
    }
    .main__box-add{
        height: 120vh;
    }
    .section__separator{
        height: 0.8vw;
    }
    .heading__main{
        position: relative;
        margin-top: 50vh;
        font-size: 5.625vw;
        font-size: 40px;
    }
    .advantages__line{
        font-size: 18px;
    } 
    .command__page{
        position: relative;
        height: auto;
    }
    .command__box{
        position: relative;
        height: auto;
        height: 300vh;
        display: flex;
        flex-direction: column;
        /* background: #0f9c37; */
    }
    .h2__wrapper{
        font-size: 26px;
        font-size: 30px;
        font-weight: 600;
    }
    .h2-command{
        position: relative;
        padding-top: 3%;
        padding-bottom: 6%;
        /* background: red; */
    }
    .command__box{
        position: relative;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .comand__container{
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 70%;
        width: 90%;
        width: 40%;
        width: 100%;
        /* background: yellow; */
        aspect-ratio: auto;
    }
    .command__coach-wrapper{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 70%;
        /* flex-direction: row; */
        aspect-ratio: auto ;
        height: auto;
    }   
    .command__coach-wrapper-0{
        position: relative;
        rotate: 0deg; 
        /* background: #0A307A; */
        /* background: none; */
        margin-bottom: 4%;
    }
    .command__coach-wrapper-1{
        position: relative;
        rotate: 0deg; 
        margin-bottom: 4%;
    }
    .command__coach-wrapper-2{
        rotate: 0deg; 
        margin-bottom: 4%;
    }
    .command__coach{
        position: relative;
        display: flex;
        flex-direction: column;
        /* flex-direction: row; */
        width: 50%;
        /* width: 84%; */
    }
    .left-0{
        left: -16%;
    }
    .coach__summary{
        position: relative;
        position: absolute;
        left: 102%;
        opacity: 1;
        height: 100%;
        /* margin-top: 2%;
        padding-bottom: 6%; */
        border: none;
        outline: none;
        box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
    }
    .coach__text{
        font-size: 16px;
        line-height: 20px;
    }
    #training__page{
        height: auto;
        background: #E8E4E4;
    }
    .h2__training{
        padding-top: 6%;
        padding-top: 3%;
    }
    .count__training-box{
        height: auto;
        background: none;
        background: var(--bg-trainingMobil);
    }
    .training__article-left{
        width: 100%;
    }
    .training__article-right{
        width: 100%;
    }
    #training-block__top{
        height: 0;
    }
    .training__right-box{
        width: 100%;
        height: 190vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        order: 2;
    }
    .training__right-box-mobilHorizontal{
        height: 450vh;
        height: 380vh;
    }
    .training__caorusel{
        height: 60%;
        background: none;
        background: linear-gradient(176deg, #57E8F1 27%,#21ce52 44%,#dfa333 84%); 
    }
    .training__caorusel-mobilHorizontal{
        height: 80%;
    }
    .training__caorusel-bottom{
        width: 80%;
        height: 40%;       
    }
    .training__caorusel-bottom-mobilHorizontal{
        height: 20%;
    }
    .block__bottom-map-add{
        width: 70%;
        margin-bottom: 8%;
    }
    #h2-training{
        top: 1.2%;
    }
    .h2__wrapper{
        font-size: 28px;
    }
    ._training__wrapper{
        top: 1%;
        top: 0;
    }   
    #tape__return{
        width: 4%;
    }
    .school__training-box{
        height: auto;
        min-height: auto;
        background: white;
        background: #E8E4E4;
    }
    #header-school{
        margin-top: 5px;
    }
    #h2__school{
        margin-top: 14%;
        margin-top: 6%;
    }
    #school-block__top{
        height: 0;
    } 
    .block__bottom-map{
        width: 88%;
        height: 80%;
        margin-right: -1.665%; 
        margin-right: 0;
    }
    .school__bottom-container{
        height: auto;
        flex-direction: column;
    }
    #_separator-top-school{
        height: 1.5vh;
        opacity: 1;
    }
    .school__top{
        margin-top: 0;
        width: 100%;
        height: 100vh;
        background: linear-gradient(182deg, #57E8F1 27%,#19ca4b 74%,#c3881b 94%);
        overflow: hidden;
        order: -1; 
    }
    .school__indicate-block{
        position: absolute;
        z-index: 20;
        z-index: 30;
        width: 70%;
        height: 79.5%;
        bottom: 8%;
    }
    .child__name {
        font-size: 20px;
    }
    .child__circle-box {
        filter: blur(7vw);                    
    }
    #school__article-left{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .school__image-container{
        width: 50%;
    }
    #block__bottom-school{
        width: 80%;
        height: 45%;
        overflow: hidden;
        margin-bottom: 5%;
        background: #E8E4E4;
    }
    .block__bottom-map{
        height: 100%;
    }
    .school__top-container{
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        background: white;
    }
    .school__bottom{
        position: relative;
        margin-top: 0.7vh;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        overflow: hidden;
        background: linear-gradient(180deg, #57E8F1 14%,#b9f3f3 40%,#cde6f0 70%,#57E8F1 86%);
        background: linear-gradient(180deg, #c3881b  14%,#ecdfbd 40%,#d6e6ec 60%,#57E8F1 86%);
        background: linear-gradient(180deg, #57E8F1 8%,#dcf0f0 20%,#cde6f0 60%,#57E8F1 86%);
    }
    .school__bottom-item{
        position: relative;
        width: 100vw;
        width: 25vw;
        width: 50vw;
        height: auto;
    }
    #school__bottom-item-0{
        min-height: 120vh;
    }
    #school__bottom-item-1{
        min-height: 120vh;
    }
    #school__bottom-item-2{
        min-height: 120vh;
    }
    #school__bottom-item-3{
        min-height: 120vh;
    }
    #school__bottom-item-4{
        min-height: 120vh;
    }
    #school__bottom-item-5{
        min-height: 120vh;
    }
    #school__bottom-item-6{
        margin-bottom: 4%;
        min-height: 120vh;
    }
    #school__bottom-item-7{
        min-height: 120vh;
        margin-bottom: 4%;
    }
    .__correction-0{
        position: relative;
        top: auto;
        left: auto;
    }
    .__correction-1{
        position: relative;
        top: auto;
        left: auto;
        rotate: 0deg;
    }
    .__correction-2{
        position: relative;
        top: auto;
        left: auto;
        rotate: 0deg;
    }
    .__correction-3{
        position: relative;
        top: auto;
        left: auto;
        rotate: 0deg;
    }
    .__correction-4{
        position: relative;
        top: auto;
        left: auto;
        rotate: 0deg;
    }
    .__correction-5{
        position: relative;
        top: auto;
        left: auto;
        rotate: 0deg;
    }
    .__correction-6{
        position: relative;
        margin-bottom: 40%;
        top: auto;
        left: auto;
        rotate: 0deg;
    }
    .__correction-7{
        position: relative;
        margin-bottom: 6%;
        top: auto;
        left: auto;
        rotate: 0deg;
    }
    .p__children-add{
        font-size: 20px;
    }
    .school__item-box{
        width: 98%;
        width: 64%;
    }
    .school__item-textBox{
        top: 101%;
        box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
        height: auto;
        border: none;
        opacity: 1;
    }
    .school__item-box-vertical{
        width: 50%;
        aspect-ratio: 3 / 4; 
    }
    .training__p-bottom{
        margin-bottom: 0;
    }
    .training__p-bottom{
        padding-top: 2%;
    }
    #training__p-last{
        padding-bottom: 2%;
    }
    .school__text-close{
        display: none;
    }
    .text__block{
        width: 100%;
        min-height: auto;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow:visible ;
    }
    .training__article-left{
        height: auto; 
        background: #E8E4E4;
    }
    #text__box-right{
        margin-left: 0;
    }
    .training__article-right{
        height: auto;
    }
    #training__article-right{
        margin-top: 16%;
        order: -1;
    }
    .court__image{
        height: 0;
        opacity: 0;
    }
    #school__article-left{
        order: -1;
    }
    #school__article-right{
        order: -2;
        margin-top: 15%;
    }
    .text__box{
        height: 100%; 
        min-height: auto; 
        font-size: 18px;
        line-height: 22px;
        padding: 1%;
        padding: 0;
        padding-top: 2%;
        margin-right: 0; 
    }
    .block__bottom{
        width: 100%;
        height: 70vh;
    }
    #block__bottom-training{
        background: linear-gradient(186deg, #57E8F1 27%,#19ca4b 44%,#c3881b 84%);
        background: linear-gradient(0deg, #57E8F1 27%,#94d8de 44%,#fffffe 84%);
    }
    .training__p{
        margin-top: 1%; 
        margin-bottom: 0%; 
    }
    .training__p-right{
        margin-top: 1%; 
        margin-bottom: 0%; 
    }
    .block__top-right{
        height: 0;
    }
    .text__box-right{
        height: 100%;
        font-size: 18px;
        line-height: 26px;
        margin-right: 0;
        overflow: auto; 
    } 
    #fio{
        margin-top: 3%;
    }
    #training__p-bottom-first{
        margin-top: 3%;
    }
    #training__p-bottom-second{
        margin-top: 3%;
    }
    .training__caorusel{
        position: relative;
        width: 100%;
    }
    #training__caorusel-bottom{
        width: 100%;
        display: flex;
        align-items: center;
        background: linear-gradient(0deg, #57E8F1 17%,#E8E4E4 72%);
    }
    #training__caorusel-bottom-box{
        width: 70%;
        height: 90%;
        margin-top: 1%;
    }
    .block__bottom-map-add{
        width: 100%;
    }
    .training__gallery{
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh; 
        height: auto;
        top: 0;
        height: 100%;
        left: 100%;
    }
    .training__gallery-wrapper{
        position: absolute; 
        top: 0; 
        width: 46vw;
        width: 40vw;
        height: 94vh;
        overflow: visible;
    }
    .galleryHorizon-wrapper-correction-0{
        left: 7%;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-in-out; 
    }
    .galleryHorizon-wrapper-correction-1{
        right: 7%;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-in-out; 
    }
    .galleryHorizon-wrapper-correction-2{
        top: 31%;
        left: 7%;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-in-out; 
    }
    .galleryHorizon-wrapper-correction-3{
        top: 46.5%;
        top: 31%;
        right: 7%;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-in-out; 
    }
    .galleryHorizon-wrapper-correction-4{
        top: 62%;
        left: 7%;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-in-out; 
    }
    .galleryHorizon-wrapper-correction-5{
        top: 62%;
        right: 7%;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-in-out; 
    }
    #training__gallery-wrapper-0{
        z-index: 19;
    } 
    .training__gallery-item{
        z-index: 4;
        width: 95%;
    }
    .gallery__back{
        width: 4%;
    }
    .training__gallery-annotation{
        border: none;
    }
    .annotation__close{
        position: absolute;
    }
    .annotation__text-box{
        padding-bottom: 2%;
    }
    .annotation__text{
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        color: var(--secondary_text-color);
    }
    .training__lenta-wrapper-union{
        width: 50%;
        top: -20%;
        top: 0;
        left: 30%;
    }
    #trainingButton {
        bottom: 7%;
    }
    #comandButton{
        bottom: 5%;
    }
    .__p__color-red{
    margin-top: 1vh;
    font-size: 18px; 
    line-height: 26px;
    font-weight: 500;
    }
    .__p__color-black{
    margin-top: 1.4vh;
    font-size: 18px; 
    line-height: 26px;
    font-weight: 500;
    }
    .training__p-bottom{
        font-size: 20px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .training__curtain{
        height: 100%;
        top: 0;
    }
    .ul__training{
        font-size: 18px;
    }
    .training__p{
        font-size: 18px;
    }
    #school-text__box-right{
        margin-left: 0;
    }
    .text__box{
        width: 96%;
    }
    .text__box-right{
        width: 96%;
    }
    .tournament__box{
        min-height: 100vh;
        height: auto;
        background: #E8E4E4;
    }
    #h2__tournament{
        font-size: 30px;
        margin-top: 6%;
    }
    .tournament__wrapper{
        margin-top: 6%;
        margin-bottom: 3%;
        background: linear-gradient(184deg, #E8E4E4 8%,#72d7df 30%,#f3f7f7 57%, #7acae2 80%,#E8E4E4 92%);
    }
    .tournament__wrapper-item{
        width: 50%;
        min-height: 30vh;
        margin-bottom: 6%;
    }
    .tournament__item-container{
        width: 70%;
    }
    .school__text{
        font-size: 16px;
        line-height: 22px;
    }
    .tournament__article-box{
        margin-top: 1%;
        width: 96%;
        height: auto;
        font-size: 16px;
        line-height: 22px;
    }
    .tournament__article-container{
        margin: 0;
        padding: 0;
    }
    .tournament__article{
        position: relative;
        width: 96%;
        width: 100%;
        padding-left: 3%;
        border: none;
    }
    .markers{
        font-size: 18px;
    }
    .block__bottom{
        height: 100vh;
    }
    #block__bottom-training{
        background: white;
        background: linear-gradient(174deg, #57E8F1 24%,#40db76 60%,rgb(211, 156, 18) 76%); 
    } 
    
    .images__grid-wrapper{
        margin-bottom: 10%;
        width: 90%;
    }
    .images__item-annotation{
        font-size: 14px;
        line-height: 1.3em;
    }
    #images__bottom{
        padding-top: 10%;
    }
    .events__box{
        height: auto;
    }
    #h2-events{
        height: 20vh; 
    }
    .events__grid-wrapper{
        margin-top: 5%;
        height: auto;
        overflow: hidden;
        gap: 0;
    }
    .events__container{
        grid-template-columns: 1fr 1fr;
        gap: 0;
        overflow: hidden;
    }
    .events__item{
        margin: 1%;
    }
    .events-h3{
        font-size: 18px;
    }
    .events-data{
        font-size: 14px;
        padding-bottom: 2%;
    }
    .events-author-2{
        padding-top: -1%;
    }
    .events-author{
        font-size: 14px;
        padding-bottom: 2%;
    }
    .events-text{
        font-size: 1em;
        line-height: 1.5em;
        font-weight: 500;
        opacity: 0.9;
    }
    .events-text-2{
        padding-top: 0;
        padding-bottom: 1%; 
    }
    .events__transition{
        font-size: 16px;
    }
    .reviews__wrapper{
        grid-template-columns: 1fr ;
        row-gap: 0;
    }
    .reviews__item-left-box{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 20%;
    }
    .reviews__item-right{
        width: 78%;
    }
    .reviews__form-container{
        width: 80%;
    }
    .reviews__form-fonts{
        font-size: 14px;
    }
    .reviews__form-textHeader{
        font-size: 22px;
    }
    .reviews__form-inputs-top{
        flex-direction: column;
    }
    .reviews__form-inputs-topLeft{
        width: 100%;
    }
    .reviews__form-inputs-topRight{
        width: 100%;
    }
    .reviews-author{
        font-size: 16px;
    }
    .reviews__addFile{
        width: 30%;
    }
    .reviews__addFile-overlay{
        width: 30%;
    }
    .reviews__form-inputs-bottom{
        margin-top: 2%;
    }
    .contacts__box{
        width: 100vw;
    }
    .contacts__bg{
        /* width: 40vw; */
        width: 40%;
        /* background: #0c1978; */
    }
    .h2__contactsHeader{
        padding-top: 4%;
        /* background: #0A307A; */
    }
    .contacts_correction-0{
        width: 54%;
        width: 60%;
        width: 64%;
        /* width: 70%; */
        top: 10%;
        top: 7.5%;
        left: -58%;
    }
    .contacts_correction-1{
        width: 54%;
        width: 60%;
        width: 64%;
        top: 10%;
        top: 7.5%;
        right: -58%;
    }
    .contacts_correction-2{
        width: 54%;
        width: 60%;
        width: 64%;
        top: 10%;
        top: 7.5%;
        bottom: 18%;
        bottom: auto;
        left: 20%;
    }
    .contacts__Email-wrapper{
        height: 9vh;
        font-size: 16px; 
    }
    .contacts__fio-box{
        font-size: 16px;
    }
    .p__contacts-tlf{
        font-size: 14px;
        opacity: 0.8;
    }
    .archive__container{
        width: 40%;
    }
    .archive__arrow{
        width: 90%;
    }
    .archive__h2-wrapper{
        height: 20vh; 
    }
    .archive__screenRight{
        width: 14%;
    }
    .arrow__screenBox{
        width: 74%;
    }
    .archive__frame{
        width: 62%;
        width: 72%;
    }
    .archive__container-buttons-block{
        width: 24%;
        right: -26%;
    }
    #archiveEvents__shift-btn{
        display: block;
    }
    #archiveReviews__shift-btn{
        display: block;
    }
    #archiveImages__shift-btn{
        display: block;
    }
    .footer__item{
        width: 100%;
        height: 10vh;
        justify-content: center;
        border-bottom: 1px solid rgb(120, 117, 117);
        padding: 0;
    }
    /* .copirait__container{
        width: 2.6%;
    } */
    .footer__text{
        font-size: 16px;
    }
    .development__text{
        font-size: 13px;
        line-height: 16px;
    }
    /* .development__logo{
        width: 15%;
    } */
    /* .copirait__container{
        margin-right: 1%;
    } */
    .development__left{
        flex-direction: row;
        /* align-items: flex-end; */
        justify-content: flex-end;
        width: 50%;
    }
    #development__left-top{
        padding-right: 5px;
        /* background: #0f9c37; */
    }
    .archive__video-annotation-text{
        font-size: 13px;
        line-height: 16px;
    }
    .archiweArrow__container{
        height: 20%;
        bottom: 14%;
    }
    .training__curtain{
        height: 140%;
    }
    #training__caorusel-bottom{
        background:#E8E4E4;
    }
    #_separator-caorusel-bottom{
        height: 2vh;
    }
    #training__article-separator{
        height: 0;
        opacity: 0;
    }
    .p__popup-header{
        font-size: 20px;
    }
    .popup__content-video{
        width: 90%;
        height: 80%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .video{
        width: 100%;
    }
    .popup__content{
        width: 80%;
        font-size: 16px;
        line-height: 22px;
    }
    .training__gallery-button{
        z-index: -1;
    }
    .thanks__header{
        font-size: 26px;
    }
    .thanks__text{
        font-size: 14px;
        line-height: 20px;
    }
    .thanks__FIO{
        font-size: 16px;
        line-height: 22px;
    }
    .thanks__competencies{
        font-size: 9px;
        line-height: 12px;
    }
    .thanks__TLF{
        font-size: 14px;
        line-height: 18px;
    }
    .footer{
        justify-content: center;
    }
    #footer__item-last{
        width: 30%;
        width: 100%;
        /* height: 16vh; */
    }
    /* .development__left{
        width: 60%;
        width: 20%;
        align-items: center;
    } */
    /* .development__left{
        background: #0c1978;
    } */
    .development__wrapper{
        /* display: block; */
        padding-left: 0;
        padding-right: 10%;
    }
    .development__left{
        width: 50%;
        width: 100%;
        /* padding-left: 0;
        margin-left: 0;
        left: 0; */
        /* background: #09c3d0; */
    }
    /* #development__left-top{
        background: red;
    } */
    .development__right{
        width: 50%;
    }
    .development__right{
        /* background: #40db76; */
        padding-left: 0;
    }
    .development__logo{
        /* width: 80%; */
        /* background: yellow; */
        width: 20%;
        /* padding-left: 0; */
    }
    .tournament__annotation{
        font-size: 16px; 
        line-height: 22px;
    }
    .count__training-box{
        position: relative;
        height: auto;
    }
    #_h2__school{
        padding-bottom: 6%;
    }
    #training__caorusel{
        height: auto;
        min-height: 380vh;
        padding-top: 2%;
        margin-bottom: 10%;
    }
    .training__right-box{
        position: relative;
        height: auto;
        /* min-height: 320vh; */
    }
    #training__gallery{
        position: relative;
        height: auto;
        /* min-height: 320vh; */
        left: 0;
        background: none;
    } 
    .training__gallery-wrapper{
        position: relative;
        height: auto;
        margin-top: 10%;
        padding-top: 5%;
    }
    .training__gallery-item{
        position: relative;
        height: auto; 
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .training__gallery-box{
        position: relative;
        height: auto;
    }
    .training__gallery-annotation{
        position: relative;
        opacity: 1;
        min-height: 50%;
        height: auto;
        margin-top: 1%;
        padding-top: 0;
        padding-bottom: 8%;
    }
    ._page{
        position: relative;
        width: 100%;
        min-height: 1vh;
        height: auto;
    }
    .training__caorusel-bottom-box{
        /* width: 100%; */
        height: 80%;
        max-height: 100vh;
    }
    .block__bottom-map-add{
        height: 100%;
    }
    #school__top-container{
        height: 0;
        opacity: 0;
    }
    #_separator-top-school{
        height: 0;
        opacity: 0;
    }
    .events-h3{
        line-height: 26px;
    }
    .contacts__box{
        min-height: 130vh;
        max-width: 100vw;
    }
    .development__logo:hover{
        transform: scale(1); 
    }
    /* .development__left{
        width: 60%;
        height: 100%;
        padding-right: 8%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-items: flex-start;
    } */
    .footer__item:last-child{
        height: 14vh;
    }
    .copiright__wrapper{
        height: 80%;
    }
    /* .development__left{

    } */
    /* .development__right{
        width: 50%;
        padding: 0;
        margin: 0;
        background: red;
    } */
    /* #development__logo{
        width: 12%;
        left: 0;
        left: 14%;
    } */
    /* #footer__text{
        padding-right: 5%;
    }
    #development__text{
        padding-right: 0;
    }
    .copirait__container{
        width: 5%;
        width: 3%;
    } */
}    

@media(max-height:376px){
    .header__logo-mobil{
        width: 28%;
    }   
    .coach__text{
        font-size: 12px;
        line-height: 15px;
    }
    .training__lenta-wrapper-union{
        top: 12%;
    }
    .active__span{
        padding-left: 0;
    }
    .text__box{
        padding-left: 2%;
    }
    .text__box-right{
        padding-left: 2%;
    }
    #school__bottom-item-6{
        margin-bottom: 20%;
    }
    #school__bottom-item-7{
        margin-bottom: 20%;
    }
    .block__bottom-map{
        background: #09c3d0;
        margin-bottom: 3%;
        height: 80vh;
    }
    .tournament__annotation{
        line-height: 20px;
    }
    .contacts__bg{
        width: 40vw;
        width: 46%;
    }
    .contacts_correction-0{
        width: 54%;
        width: 60%;
        top: 10%;
        left: -58%;
        left: -50%;
    }
    .contacts_correction-1{
        width: 54%;
        width: 60%;
        top: 10%;
        right: -58%;
        right: -50%;
    }
    .contacts_correction-2{
        width: 54%;
        width: 60%;
        top: 10%;
        bottom: 18%;
        bottom: auto;
        left: 20%;
    }
    .contacts__Email-wrapper{
        font-size: 16px;
        /* margin-bottom: 14vh; 
        background: red; */
    }
    .archive__video-annotation-text{
        font-size: 13px;
        line-height: 16px;
    }
    .p__contacts-tlf{
        font-size: 12px;
        opacity: 0.8;
    }
    .thanks__header{
        font-size: 22px;
    }
    .thanks__text{
        font-size: 11px;
        line-height: 15px;
    }
    .thanks__FIO{
        font-size: 12px;
        line-height: 14px;
    }
    .thanks__competencies{
        font-size: 6px;
        line-height: 9px;
    }
    .thanks__TLF{
        font-size: 10px;
        line-height: 13px;
    }
    #footer__text{
        padding-right: 7%;
    }
    /* #footer__item-last{
        width: 40%;
    } */
    /* .development__left{
        width: 70%;
        align-items: center;
    } */
    /* .development__logo{
        width: 64%;
    } */
    #training__caorusel{
        height: auto;
        min-height: 380vh;
        padding-top: 2%;
        margin-bottom: 10%;
    }
    .training__gallery-annotation{
        min-height: 80%;
        height: auto;
        margin-top: 1%;
        padding-top: 0;
        padding-bottom: 8%;
    }
    /* #footer__text{
        padding-left: 14%;
    }
    #development__text{
        padding-left: 34%;
    } */
    .p__contacts{
        font-size: 13px;
    }
    .development__wrapper{
        padding-right: 5%;
    }
}

@media(max-height:345px){
    .header__logo-mobil{
        width: 22%;
    }   
    .link__menu{
        font-size: 20px;
    }
    .advantages__line{
        font-size: 16px;
    } 
    .coach__text{
        font-size: 15px;
        line-height: 19px;
    }
    .command__carousel{
        height: 90%;
    }
    .h2__training{
        padding-top: 4%;
    }
    .training__lenta-wrapper-union{
        width: 40%;
        top: -20%;
        top: 0;
        left: 36%;
    }
    .school__bottom{
        height: 540vh;
    }
    .contacts__bg-wrapper{
        width: 70%;
    }
    .h2__contactsHeader{
        padding-top: 6%;
        padding-top: 10%;
    }
    .contacts_correction-0{
        width: 54%;
        width: 60%;
        top: 10%;
        left: -58%;
    }
    .contacts_correction-1{
        width: 54%;
        width: 60%;
        top: 10%;
        right: -58%;
    }
    .contacts_correction-2{
        width: 54%;
        width: 60%;
        top: 10%;
        bottom: 18%;
        bottom: auto;
        left: 20%;
    }
    .p__contacts{
        font-size: 15px;
    }
    .images__item-annotation-top{
        font-size: 16px;
        opacity: 0.8;
    }
    .contacts__Email-wrapper{
        font-size: 16px;
        margin-bottom: 24vh; 
        /* background: #0f9c37; */
    }
    .contacts__data-item{
        font-size: 16px;
    }
    .archive__frame{
        width: 62%;
        width: 64%;
    }
    .archive__video-annotation-text{
        font-size: 13px;
        line-height: 16px;
    }
    .archive__screenRight{
        width: 18%;
    }
    .arrow__screenBox{
        width: 70%;
    }
    .thanks__header{
        font-size: 22px;
    }
    .thanks__text{
        font-size: 13px;
        line-height: 17px;
    }
    .thanks__FIO{
        font-size: 12px;
        line-height: 14px;
    }
    .thanks__competencies{
        font-size: 7px;
        line-height: 11px;
    }
    .thanks__TLF{
        font-size: 10px;
        line-height: 13px;
    }
    #footer__text{
        padding-right: 6%;
    }
    /* #footer__item-last{
        width: 30%;
    }
    .development__logo{
        width: 70%;
    } */
    .contacts__fio-box{
        font-size: 1px;
    }
    .training__gallery-annotation{
        min-height: 60%;
        height: auto;
        margin-top: 1%;
        padding-top: 0;
        padding-bottom: 8%;
    }
    #training__caorusel{
        min-height: 460vh;
    }
    .development__wrapper{
        padding-right: 10%;
    }
    #development__logo{
        width: 16%;
    }
}
@media(max-height:281px){
    .link__menu{
        font-size: 16px;
    }
    .header__logo-mobil-item{
        height: 100%;
        height: 90%;
        padding-bottom: 0;
    }
    .h2__wrapper{
        font-size: 26px;
    }
    .p-command{
        font-size: 13px;
        line-height: 16px;
        font-size: 11px;
        line-height: 14px;
    }
    .annotation__text-box{
        height: auto;
        padding-bottom: 1%;
    }
    .annotation__text{
        font-size: 16px;
        line-height: 18px;
    }
    .school__bottom{
        min-height: 650vh;
    }
    .contacts-item{
        width: 64%;
    }
    .p__contacts{
        font-size: 11px;
        font-size: 10px;
    }
    .p__contacts-tlf{
        font-size: 10px;
        font-size: 9px;
    }
    /* .contacts__Email-icon-box{
        height: 160%;
    } */
    .contacts-item{
        font-size: 12px;
    }
    /* #footer__text{
        padding-right: 7%;
    } */
    .copiright__wrapper{
        height: 100%;
    }
    .development__wrapper{
        padding-right: 5%;
    }
    /* .contacts__Email-wrapper{
        background: #0f9c37;
    } */
    /* #footer__text{
        padding-left: 6%;
    }
    #development__text{
        padding-left: 24%;
    } */

}