* {

   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 {
    
   scroll-behavior: smooth;

   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;

}

ul li {

   list-style: none;

}

img {

   vertical-align: top;

}



h1,

h2,

h3,

h4,

h5,

h6 {

   font-size: inherit;

   font-weight: 400;

}

body {

   min-width: 100%;

   font-family: "Kanit", sans-serif;

}



:root {

   --color-br: #2A2A2A;

   --color-emphasize: #E2DC46;

   --color-text: #fff;

   --color-additional: #BDBDBD;

   --border-radius: 20px;

}





body::-webkit-scrollbar {

   width: 10px; /* Ширина всего элемента навигации */

 }

 

 body::-webkit-scrollbar-track {

   background: var(--color-br); /* Цвет дорожки */

 }

 

 body::-webkit-scrollbar-thumb {

   background-color: var(--color-emphasize); /* Цвет бегунка */

   border-radius: 20px; /* Округление бегунка */

 }




body{
  background-color: var(--color-br);

}

.main{
  overflow: hidden;
}

.container{

   max-width: 1660px;

   width: 100%;

   margin: 0 auto;

   padding: 0 16px;

   box-sizing: border-box;

}

.section:not(:last-child){

   margin: 0 0 140px 0;

}


/* ------------------section__form------------------ */
.section__form{
  background: url('img/bg-scene.jpg') no-repeat center;
  background-size: cover;
  padding: 80px 0;
  position: relative;
}

.section__form::after{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: '';
  background-color: #2a2a2add;
}

.section__form-content{
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 600px;
  margin: 0 auto;
}

.form-section{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5em;
}

.form-top{
  margin-bottom: 30px;
}

.form-top input{
  flex: 0 1 calc(50% - 11px);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  color: var(--color-br);
  padding: 10px 14px;
}

.form-date{
    margin: 0 0 40px 0;
    width: 100%;
    padding: 10px 15px;
    border-radius: 10px;
    color: var(--color-br);
}



.form-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-additional, #333);
  position: relative;
}

/* Скрываем стандартный чекбокс */
.form-checkbox input {
  appearance: none;       /* убираем дефолтный стиль */
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-br);
  border-radius: 4px;
  background: #eee;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s ease, border-color 0.2s ease;
}

/* При наведении */
.form-checkbox input:hover {
  background: #ddd;
}

/* Когда активен */
.form-checkbox input:checked {
  background-color: var(--color-emphasize);
  background: var(--color-emphasize);
}

/* Галочка */
.form-checkbox input::after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid var(--color-br);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Показываем галочку */
.form-checkbox input:checked::after {
  display: block;
}

/* Текст */
.checkbox-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: var(--color-additional, #333);
}





.form-checkbox a{
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: var(--color-emphasize);
}

.form-checkbox a:hover{
  text-decoration: underline;
}


.form-bottom{
  display: flex;
  flex-direction: column;
}

.form-btn{
  width: 100%;
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  padding: 10px 20px;
  background-color: var(--color-emphasize);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: var(--color-br);
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  cursor: pointer;
  border: 1px solid var(--color-emphasize);
}

.form-btn:hover{
  background-color: var(--color-br);
  color: var(--color-text);
}

/* ------------------end section__form------------------ */




.section__about{

   margin-bottom: 100px;

}

.section__type{

   margin-bottom: 100px;

}

.section__class{

   margin-bottom: 80px;

}

.second__title{

   font-size: 26px;

   font-weight: 600;

   line-height: 120%;

   color: var(--color-emphasize);

}

.link-to-cookie{

    color: #414141;

}



/* section__hero */
.bluer-wrapper{
    position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); /* полупрозрачный цвет */
}

#background-video {
  position: absolute; /* фиксируем видео */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; /* чтобы видео было позади контента */
  object-fit: cover; /* заполнение, обрезка видео по размеру экрана */
}


.section__hero{
  position: relative;
  width: 100%;
  background-size: 90%;
}

.menu-main{
  position: absolute;
  top: 0;
  right: -100%;
  z-index: 2;
  display: block;
  height: 100%;
  width: 40%;
  padding: 3em 2em 3em 5em;
  background-color: rgba(255, 255, 255, 0.07);
  /*Эффектразмытия*/backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow:    /* Нижний и правый эффект глубины */    inset -0.75px -0.5px rgba(255, 255, 255, 0.1),    /* Верхний и левый эффект глубины */    inset +0.75px +0.5px rgba(255, 255, 255, 0.025),    /* Эффект тени */    3px 2px 10px rgba(0, 0, 0, 0.25),    /* Короткий подповерхностный эффект */    inset 0px 0px 10px 5px rgba(255, 255, 255, 0.025),    /* Длинный подповерхностный эффект */    inset 0px 0px 40px 5px rgba(255, 255, 255, 0.025);
  /*Скругляемуглы*/border-radius: 5px;
  /*Скрываемуглызаголовка*/overflow: hidden;
  transition: all .3s ease-in 0s;
  -webkit-transition: all .3s ease-in 0s;
  -moz-transition: all .3s ease-in 0s;
  -ms-transition: all .3s ease-in 0s;
  -o-transition: all .3s ease-in 0s;
}

.menu-main._show{
  right: 0;
}

.menu-main-body{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
  gap: 40px;
}

.menu-directions-item{
  position: relative;
  display: inline-block;
}

.menu-directions-list{
  display: flex;
  flex-direction: column;
  align-items: start;
}

.menu-directions-item::after{
  display: flex;
  position: absolute;
  bottom: 3px;
  left: 0;
  z-index: 1;
  content: '';
  height: 2px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  width: 0;
  background-color: var(--color-emphasize);
  transition: all .3s ease-in-out 0s;
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
}

.menu-directions-item:hover::after{
  width: 100%;
}

.menu-directions-item a{
    font-size: 28px;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    color: #fff;
}

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

.menu-directions-item:not(:last-child){
  margin-bottom: 20px;
}


.fullscreen{

   /* padding-bottom: 10px; */

   min-height: 100vh;

   flex: 1 1 auto;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.fullscreen__body{
  display: flex;
  position: relative;
  justify-content: space-between;
}

.hero__content{

   display: flex;

   align-items: center;

   justify-content: space-between;   

   /* margin: 0 0 3% 0; */



}

.hero__content-text{
  flex: 0 1 100%;

}

.hero__main-content{

   margin: 0 0 6% 0;

}

.hero__additionally-content{
    margin-bottom: 35px;
}

.hero__main-content .hero__logo{
  display: block;
   max-width: 190px;
   height: auto;
   position: relative;
   z-index: 100;
}

.hero__logo img{

   max-width: 100%;

   height: auto;

   object-fit: cover;

}

.hero__main-content .hero__titles{

   margin: 30px 0;

}

.hero__titles .hero__title{

   font-size: 42px;

   font-weight: 700;

   line-height: 120%;

   color: #fff;

   padding: 0 0 10px 0;

}

.hero__titles .hero__subtitle{

   font-size: 30px;

   font-weight: 700;

   line-height: 120%;

   color: var(--color-text);

}

.hero__text{

   max-width: 800px;

   font-size: 16px;

   font-weight: 500;

   line-height: 150%;

   color: var(--color-additional);

   margin: 0 0 10px 0;

}

.main__contacts .main__contacts-title{

   font-size: 14px;

   display: block;

   font-weight: 400;

   line-height: 100%;

   color: var(--color-text);

   margin: 0 0 15px 0;

}

.main__contacts-hero{
    display: flex;
    align-items: center;
    gap: 2em;
}

.main__contacts-list{

   display: flex;

   align-items: start;


   max-width: 700px;

}

.contacts__list-item{

   padding: 10px 20px;

   border-radius: 8px;

   -webkit-border-radius: 8px;

   -moz-border-radius: 8px;

   -ms-border-radius: 8px;

   -o-border-radius: 8px;

   border: 1px solid var(--color-text);

   transition: .3s ease-out 0s;

   -webkit-transition: .3s ease-out 0s;

   -moz-transition: .3s ease-out 0s;

   -ms-transition: .3s ease-out 0s;

   -o-transition: .3s ease-out 0s;

}


.contacts__list-item:hover{

   -webkit-box-shadow: 0px 0px 12px 4px rgba(255,255,255,0.19);

-moz-box-shadow: 0px 0px 12px 4px rgba(255,255,255,0.19);

box-shadow: 0px 0px 12px 4px rgba(255,255,255,0.19);

background-color: rgba(255,255,255,0.19);


}

.contact-btn{
    padding: 14px 20px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    transition: .3s ease-out 0s;
    -webkit-transition: .3s ease-out 0s;
    -moz-transition: .3s ease-out 0s;
    -ms-transition: .3s ease-out 0s;
    -o-transition: .3s ease-out 0s;
    background-color: var(--color-emphasize);
    display: flex;
    width: 220px;
    text-align: center;
    justify-content: center;
    margin-top: 30px;
    border: 1px solid var(--color-emphasize);
    cursor: pointer;
}

.contact-btn-lern{
    margin: 30px auto 0;
}

.contact-btn a{
    color: var(--color-br);
       transition: .3s ease-out 0s;
    -webkit-transition: .3s ease-out 0s;
    -moz-transition: .3s ease-out 0s;
    -ms-transition: .3s ease-out 0s;
    -o-transition: .3s ease-out 0s;
}

.contact-btn:hover{
    border: 1px solid var(--color-text);
    background: inherit;
    
   -webkit-box-shadow: 0px 0px 12px 4px rgba(255,255,255,0.19);

    -moz-box-shadow: 0px 0px 12px 4px rgba(255,255,255,0.19);
    
    box-shadow: 0px 0px 12px 4px rgba(255,255,255,0.19);
    
    background-color: rgba(255,255,255,0.19);
}

.contact-btn:hover a{
    color: var(--color-text);
}


.contacts__list-item:not(:last-child){

   margin: 0 15px 0 0;

}

.contacts__list-item .contactact__link{

   display: flex;

   align-items: center;

}

.list-item-img{

   margin: 0 14px 0 0;

   width: 26px;

   height: 26px;

}

.list-item-img img{

   max-width: 100%;

   max-height: 100%;

   object-fit: cover;

}

.list-item-name{

   font-size: 14px;

   font-weight: 400;

   line-height: 140%;

   color: var(--color-text);

}



.hero__content-img{

   flex: 0 1 500px;

   height: auto

}

.hero__content-img img{

   max-width: 100%;

   max-height: 100%;

   object-fit: cover;

}



.hero__location-list{

   display: flex;

   /* margin-top: -30px; */

}





.location-list-item{

   max-width: 380px;

}

.location-list-item:not(:last-child){

  margin-right: 50px;

}

.location__link{

   display: flex;

   align-items: center;

}



.location__mane{

   transition: all .3s ease-out 0s;

   -webkit-transition: all .3s ease-out 0s;

   -moz-transition: all .3s ease-out 0s;

   -ms-transition: all .3s ease-out 0s;

   -o-transition: all .3s ease-out 0s;

}

.location__link:hover .location__mane{

   color: #ffffffbb;

}

.box__img{

   transition: all .3s ease-out 0s;

   -webkit-transition: all .3s ease-out 0s;

   -moz-transition: all .3s ease-out 0s;

   -ms-transition: all .3s ease-out 0s;

   -o-transition: all .3s ease-out 0s;

}

/* !!!!!! */

.location__link:hover .box__img{

   transform: translate(0, -20%);

   -webkit-transform: translate(0, -20%);

   -moz-transform: translate(0, -20%);

   -ms-transform: translate(0, -20%);

   -o-transform: translate(0, -20%);

}

.location__link:not(:last-child){

   margin: 0 15px 0 0;

}

.box__img{

   max-width: 34px;

   max-height: 34px;

   margin: 0 15px 0 0;

}

.box__img img{

   width: 100%;

   width: 100%;

   object-fit: cover;

}

.location__mane{

   font-size: 14px;

   font-weight: 400;

   line-height: 140%;

   color: var(--color-text);

}



.hero__inst{

   position: absolute;

   top: 45%;

   right: 25%;

   z-index: 2;

   display: flex;

}

.hero__inst-img{

   width: 40px;

   height: 36px;

   margin: 0 15px 0 0;

   transition: all .3s ease-out 0s;

   -webkit-transition: all .3s ease-out 0s;

   -moz-transition: all .3s ease-out 0s;

   -ms-transition: all .3s ease-out 0s;

   -o-transition: all .3s ease-out 0s;

}

.hero__inst:hover .hero__inst-img{

   transform: translate(-10%, 0);

   -webkit-transform: translate(-10%, 0);

   -moz-transform: translate(-10%, 0);

   -ms-transform: translate(-10%, 0);

   -o-transform: translate(-10%, 0);

}

.hero__inst-img img{

   max-width: 100%;

   max-height: 100%;

   object-fit: cover;

}

.hero__inst-text{

   color: var(--color-text);

   line-height: 90%;

   transition: all .3s ease-out 0s;

   -webkit-transition: all .3s ease-out 0s;

   -moz-transition: all .3s ease-out 0s;

   -ms-transition: all .3s ease-out 0s;

   -o-transition: all .3s ease-out 0s;

}

.hero__inst:hover .hero__inst-text{

   color: #ffffffbb;

}

.inst__name{

   font-size: 15px;

   font-weight: 500;

   padding: 0 0 5px 0;

}

.inst__nike{

   font-size: 14px;

   font-weight: 400;

}

.icon-menu{
  width: 50px;
  height: 22px;
  position: relative;
  cursor: pointer;
  z-index: 3;
}

.icon-menu span{
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1.5px;
  content: '';
  background-color: var(--color-additional);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
}

.icon-menu::before,
.icon-menu::after{
    display: block;
    content: '';
    background-color: var(--color-additional);
    width: 100%;
    height: 1.5px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    position: absolute;
    left: 0;
    z-index: 1;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
}

.icon-menu::before{
  top: 0;
}

.icon-menu::after{
  bottom: 0;
}

.icon-menu._active span{
  width: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.icon-menu._active::before{
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  top: 11px;
}

.icon-menu._active::after{
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   bottom: 11px;
}


.big__liner{
   width: 100%;
   height: 1px;
   content: '';
   display: block;
   margin: 80px 0;
   background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(226,220,70,1) 50%, rgba(226,220,70,0) 100%);
}

/* END section__hero */





/* section__training */

.section__training{
    /*position: relative;*/
}

.section__training-popup,
.section__classes-popup{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: #00000094;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in 0s;
}

.section__training-popup._show,
.section__classes-popup._show{
    opacity: 1;
    visibility: visible;
}

.container-popup,
.container-popup-classes{
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in .2s;
}

.container-popup._show,
.container-popup-classes._show{
    opacity: 1;
    visibility: visible;
}

.popup-body-esc,
.popup-classes-esc{
    position: absolute;
    top: 0;
    right: -20px;
    color: #fff;
    cursor: pointer;
}

.popup-body{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 650px;
    height: auto;
}

.popup-body video{
    border-radius: 10px;
    overflow: hidden;  
    cursor: pointer;
}

.swiper-clases{
    overflow: hidden;
}

.swiper-wrapper-classes{
    align-items: center;
}

.swiper-slide-in{
    display: flex;
    justify-content: center;
}

.container-img-swiper{
    max-width: 400px;
    height: 100%;
}

.container-img-swiper img{
    width: 100%;
    height: auto;
    object-fit: cover;
}




.section__training .second__title{

   margin: 0 0 40px 0;

}

.section__training-content{

   display: flex;

   align-items: center;

}

.training__box{

   height: 256px;

   border-radius: var(--border-radius);

   -webkit-border-radius: var(--border-radius);

   -moz-border-radius: var(--border-radius);

   -ms-border-radius: var(--border-radius);

   -o-border-radius: var(--border-radius);

   flex: 0 1 25%;

   padding: 40px 50px 40px 25px;

   position: relative;

   overflow: hidden;
   
    border: 2px solid var(--color-br);
    
    transition: all .3s ease-in 0s;

}

.training__box:not(:last-child){

   margin: 0 20px 0 0;

}

.training__box::after{

   content: '';

   display: block;

   width: 80%;

   height: 100%;

   background-color: rgba(255,255,255,0.19);

   position: absolute;

   backdrop-filter: blur(4px);

   top: 0;

   left: 0;



}

.training__box:nth-child(1){

   background: url(img/first-trening.webp);

   background-position: center;

   background-size: cover;

   background-repeat: no-repeat;
   
   cursor: pointer;

}

.training__box:nth-child(2){

   background: url(img/second-training.webp);

   background-position: center;

   background-size: cover;

   background-repeat: no-repeat;

}

.training__box:nth-child(3){

   /*background: url(img/third-training.webp);*/
   background: url(img/second-person.png);

   background-position: 40px, 30%;

   background-size: cover;

   background-repeat: no-repeat;
   
   cursor: pointer;

}

.training__box:nth-child(3):hover,
.training__box:nth-child(4):hover{
    border: 2px solid var(--color-emphasize);
}

.training__box:nth-child(4){

   background: url(img/fourth-training.webp);
   /*background: url(img/m-class-1.jpg);*/

   background-position: center;

   background-size: cover;

   background-repeat: no-repeat;
   
   cursor: pointer;

}



.training__box-content{

   position: relative;

   z-index: 5;

   color: var(--color-text);

}

.training__title{

   display: flex;

   align-items: center;

   padding: 0 0 25px 0;

   max-width: 235px;

}

.title-two{

   align-items: start;

}

.training__title .training__title-number{

   font-size: 30px;

   font-weight: 600;

   line-height: 100%;

   color: var(--color-emphasize);

   margin: 0 8px 0 0;

}

.training__title .training__title-nume{

   font-size: 22px;

   font-weight: 500;

   line-height: 100%;

}

.training__listm .list__item{

   font-size: 16px;

   font-weight: 500;

   line-height: 140%;

   max-width: 220px;

   padding: 0 0 0 30px;

   position: relative;

}

.training__listm .list__item::after{

   content: '';

   display: block;

   width: 20px;

   height: 1.5px;

   background-color: var(--color-emphasize);

   position: absolute;

   top: 45%;

   left: 0;

}

.training__listm .list__item:last-child::after{

   top: 20%;

}

.training__listm .list__item:not(:last-child){

   margin: 0 0 16px 0;

}

/* END section__training */



/* section__type */

.section__type{

   display: flex;

}

.section__type-img{

   flex: 0 1 40%;

   max-width: 540px;

   max-height: 560px;

   height: auto;

   overflow: hidden;

   border-radius: var(--border-radius);

   -webkit-border-radius: var(--border-radius);

   -moz-border-radius: var(--border-radius);

   -ms-border-radius: var(--border-radius);

   -o-border-radius: var(--border-radius);

}

.section__type-img img{

   width: 100%;

   height: 100%;

   object-fit: cover;

}

.section__type-text{

   flex: 0 1 60%;

   margin: 5px 0 0 20px;

}

.type-text-top .second__title{

   margin-bottom: 10px;

}

.type-text-top .second__subtitle{
    
    text-align: start;

   font-size: 16px;

   font-weight: 400;

   line-height: 150%;

   color: var(--color-additional);

    padding: 0;
    margin-bottom: 20px;
}

.type-text-top .second__subtitle:last-child{
    margin-bottom: 60px;
}

.second__subtitle p{

  padding: 0 0 20px 0;

}

.typle__lists{

  display: flex;

  flex-wrap: wrap;

}

.second__subtitle-list:not(:last-child){

  margin: 0 4rem 0 0;

}

.second__subtitle-list .subtitle__list-li{

  position: relative;

  font-size: 14px;

  padding: 0 0 0 30px;

  color: #fff;

}

.second__subtitle-list .subtitle__list-li::before{

  display: block;

  content: '';

  width: 20px;

  height: 1px;

  background-color: var(--color-emphasize);

  position: absolute;

  top: 48%;

  left: 0;

}

.second__subtitle-list .subtitle__list-li:not(:last-child){

  margin: 0 20px 8px 0

}

.type__text-bottom .bottom__block{

   display: flex;

}

.bottom__block-icon{

   display: flex;

   flex-direction: column;

   align-items: center;

}

.bottom__block-icon{

   margin: 0 20px 0 0;

   display: flex;

}

.bottom__block-icon .icon__img{

   max-width: 80px;

   max-height: 55px;

   margin: 0 0 10px 0;

}

.bottom__block-icon .icon-two{

   margin: 0 0 5px 0;

}

.icon__img img{

   width: 100%;

   height: 100%;

   object-fit: cover;

}

.bottom__block-text{

   font-size: 14px;

   font-weight: 400;

   line-height: 150%;

   color: var(--color-additional);

}

.bottom__block-icon .icon__name{

   font-size: 14px;

   font-weight: 400;

   line-height: 100%;

   color: var(--color-emphasize);

   text-align: center;

   width: 150px;

} 

.block__liner{

   margin: 30px 0;

   content: '';

   display: block;

   height: 1px;

   width: 100%;

   background: linear-gradient(90deg, rgba(226,220,70,1) 20%, rgba(255,255,255,0) 95%);

}

/* END section__type */





/* section__class */

.section__class{

   background: url(img/second-bg.webp) no-repeat center;

   padding: 80px 0;

}

.class__top{

   display: flex;

   justify-content: space-between;

   margin: 0 0 60px 0;

}

.class__top-text{

   flex: 0 1 50%;

   margin: 15px 20px 0 0;

}

.class__top-imgs{

   flex: 0 1 50%;

   display: flex;

}

.animation-view{
    position: relative;
}

.animation-view .img__block-box:before{
     content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top 0;
    left: 0;
    background: linear-gradient(0deg,rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0.2) 100%);
        border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    transition: all .3s ease-out .2s;
    opacity: 0;
}

.animation-view._view
.img__block-box:before{
    opacity: 1;
}

.class__img-block{

   flex: 0 1 50%;

   text-align: center;
   
   position: relative;

}

.class__img-block .img__block-box{

   max-width: 400px;

   height: 100%;

   overflow: hidden;

   border-radius: var(--border-radius);

   -webkit-border-radius: var(--border-radius);

   -moz-border-radius: var(--border-radius);

   -ms-border-radius: var(--border-radius);

   -o-border-radius: var(--border-radius);

}

.img__block-box img{

   width: 100%;

   height: 100%;

   object-fit: cover;

}

.class__img-block:not(:last-child){

   margin-right:20px;

}



.class__img-block .img__block-name{

   font-size: 22px;

   font-weight: 600;

   line-height: 150%;

   color: var(--color-text);
  
  position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 2;
    opacity: 0;
    transform: translate(-50%, 40px);
    width: 100%;
    padding: 0 10px;
transition: all .3s ease-out .5s;
}


.animation-view._view
.img__block-name{
    opacity: 1;
    transform: translate(-50%, 0);
}


.img__block-name span{

   font-size: 18px;

   font-weight: 500;
}



.class__bottom{

   display: flex;
}

.class__bottom .class__bottom-box{

   flex: 0 1 33.333%;

}

.img-colab {
    border-radius: 10px;
    overflow: hidden;
}

.img-colab img{
  max-height: 400px;
  max-width: none !important;
  width: auto !important;
}

.animation-view .bottom-box-img:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0.2) 100%);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    transition: all .3s ease-out .2s;
    opacity: 0;
    border-radius: 10px;
}

.animation-view._view
.bottom-box-img:before{
    opacity: 1;
}

.bottom-box-img{

   max-width: 540px;

   max-height: 400px;
}

.bottom-box-img img{

   width: 100%;

   height: 100%;

   object-fit: cover;

}

.class__bottom-box:not(:last-child){

   margin: 0 20px 0 0;

}


.animation-view._view .bottom-box-name{
    opacity: 1;
    transform: translate(-50%, 0);
}


.bottom-box-name{

   text-align: center;

   line-height: 110%;

   color: var(--color-text);
   
   font-size: 22px;
    font-weight: 600;
    line-height: 150%;
    color: var(--color-text);
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 2;
    opacity: 0;
    transform: translate(-50%, 40px);
    width: 100%;
    padding: 0 10px;
    transition: all .3s ease-out .5s;

}

.bottom-box-name span{
    font-size: 18px;
    font-weight: 500;
}

/* END section__class */





/* section__study */

.section__study{

    margin-bottom: 140px; 

}

   .section__study-content{

      display: flex;

   }

   .section__study .second__title{

      text-align: center;

      margin: 0 0 50px 0;

   }

   .study__type-one,

   .study__type-two{

      flex: 0 1 25%;

   }

   .study__type-one:not(:last-child),

   .study__type-two:not(:last-child){

      margin: 0 20px 0 0;

   }

   .type-one__img,

   .type-two__img{

      max-width: 420px;

      /*max-height: 460px;*/

      overflow: hidden;

      border-radius: var(--color-text);

      -webkit-border-radius: var(--color-text);

      -moz-border-radius: var(--color-text);

      -ms-border-radius: var(--color-text);

      -o-border-radius: var(--color-text);

}

   .type-one__img img,

   .type-two__img img{

      width: 100%;

      height: 100%;

      object-fit: cover;

   }

   .type-one__text,

   .type-two__text{

      padding: 0 4px;

   }

   .type-one__text{

      margin-top: 10%;

   }

   .type-two__text{

      margin: 5% 0 12% 0;

   }

   .title__study{

      font-size: 20px;

      font-weight: 500;

      line-height: 120%;

      padding: 0 0 10px 0;

      color: var(--color-text);

   }

   .type-one__text .text__sudy,

   .type-two__text .text__sudy{

      font-size: 15px;

      font-weight: 400;

      line-height: 150%;

      color: var(--color-additional);

   }

/* END section__study */





/* section__about */

.section__about{

   display: flex;

   justify-content: space-between;

}

.section__about-text{

   flex: 0 1 60%;

   margin: 0 20px 0 0;

   padding: 5% 0 8%;

   display: flex;

   flex-direction: column;

   justify-content: space-between;

}

.about__top .second__subtitle{

   margin: 15px 0 20px 0;

   font-size: 16px;

   font-weight: 400;

   line-height: 150%;

   color: var(--color-additional);

}

.section__about-img{

   flex: 0 1 40%;

   max-width: 640px;

   width: 100%;

   max-height: 560px;

   border-radius: var(--border-radius);

   -webkit-border-radius: var(--border-radius);

   -moz-border-radius: var(--border-radius);

   -ms-border-radius: var(--border-radius);

   -o-border-radius: var(--border-radius);

   overflow: hidden;

}

/* END section__about */











.section__directions{

	margin-bottom: 140px;



}



.directions__title{

	text-align: center;

	padding-bottom: 10px;

}



.second__subtitle{

	font-size: 18px;

	font-weight: 400;

	line-height: 150%;

	text-align: center;

	color: var(--color-text);

	margin-bottom: 60px;

}



.directions__content{

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	grid-template-rows: repeat(2, 1fr);

	grid-column-gap: 20px;

	grid-row-gap: 20px;

}



.directions__content > * {

  min-height: 400px;

  height: 100%;

}



.directions__content-box:nth-child(1){

	grid-area: 1 / 1 / 2 / 2;



	display: flex;

	flex-direction: column;

	justify-content: center;

}



.directions__content-box:nth-child(1) .direction-item:not(:last-child){

	margin-bottom: 40px;

}



.direction-title{

	font-size: 22px;

	font-weight: 600;

	line-height: 120%;

	padding-bottom: 20px;

	color: var(--color-text);

}



.direction-text{

	font-size: 18px;

	font-weight: 500;

	line-height: 150%;

	color: var(--color-additional);

	text-wrap: pretty;

}



.directions__content-box:nth-child(2){

	grid-area: 1 / 2 / 2 / 4;



	background: url(img/group-classes.png) no-repeat bottom;

	background-size: cover;

	position: relative;

	border-radius: 20px 0 0 0;

	overflow: hidden;

}



.directions__content-text{

	position: absolute;

	bottom: 22px;

	left: 22px;

	z-index: 2;

	color: var(--color-text);

}



.directions__content-title{

	font-size: 22px;

	line-height: 150%;

	font-weight: 600;

}



.directions__content-subtitle{

	font-size: 18px;

	line-height: 150%;

	font-weight: 400;

	text-wrap: pretty;

}



.directions__content-box:nth-child(3){

	grid-area: 2 / 3 / 3 / 4;

	display: flex;

	align-items: center;

	justify-content: center;

}



.directions__single-container{

	width: 100%;

	height: 100%;

	max-width: 240px;

	max-height: 240px;

	padding: 20px;

	background-color: #404040;

}



.directions__single{

	background: url(img/directions-2.png) center no-repeat;

	background-size: 100%;

	width: 100%;

	height: 100%;

}



.directions__content-box:nth-child(4){

	grid-area: 2 / 1 / 3 / 3;



	background: url(img/individual-lessons.png) no-repeat bottom;

	background-size: cover;

	position: relative;

	border-radius: 20px 0 20px 20px;

	overflow: hidden;

}



.directions__content-text-fouth{

	top: 22px;

}



.directions__content-box:nth-child(5){

	grid-area: 1 / 4 / 2 / 5;



	position: relative;

	border-radius: 0 20px 0 0;

	overflow: hidden;

}



.directions__content-img-thirdth{

	background: url(img/part-training1.png) bottom no-repeat;

	background-size: cover;

	width: 100%;

	max-height: 400px;

	height: 100%;

}



.directions__content-img-second{

	background: url(img/part-training2.png) top no-repeat;

	background-size: cover;

	width: 100%;

	max-height: 400px;

	height: 100%;

}



.directions__content-box:nth-child(6){

	grid-area: 2 / 4 / 3 / 5;



	position: relative;

	border-radius: 0 0 20px 20px;

	overflow: hidden;

}









.section__reviews{

	margin-bottom: 140px;

}



.swiper__custom{

	max-width: 1660px;

	margin: 0 auto;

	padding-bottom: 40px;

}



.swiper-wrapper-custom{

	width: 100%;

}



.slide__box{

	padding: 40px 60px;

	background: url(img/bg-reviews.png) no-repeat center;

	background-size: cover;

	border-radius: 20px;

	overflow: hidden;

}



.slide__box-points{

	background: url(img/points.svg) no-repeat center;

	background-size: contain;

	width: 60px;

	height: 60px;

	margin-bottom: 40px;

}



.slide__box-title{

	font-size: 22px;

	font-weight: 500;

	line-height: 120%;

	margin-bottom: 20px;

	color: var(--color-text);

}



.slide__box-text{

	font-size: 18px;

	font-weight: 400;

	line-height: 150%;

	margin-bottom: 40px;

	color: var(--color-text);

	text-wrap: pretty;

}



.slide__box-user{

	display: flex;

	align-items: center;

	color: var(--color-text);

}



.box-user-img{

	width: 60px;

	height: 60px;

	margin-right: 20px;
	
	border-radius: 100px;
	
	overflow: hidden;

}



.box-user-img img{

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.user__nume{

	font-size: 18px;

	font-weight: 600;

	line-height: 150%;

	margin-bottom: 5px;

}



.user-additionsl{

	font-size: 14px;

	font-weight: 400;

	line-height: 150%;

}



.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{

	color: #6B6B6B;

}

.swiper-button-next, .swiper-button-prev{

	color: var(--color-emphasize);

}



.swiper-pagination-bullet{

	background-color: var(--color-emphasize);

}



.swiper-pagination-bullet-active{

	background-color: var(--color-emphasize);

	width: 60px;

	border-radius: 50px;

}





.section__views{

	margin-bottom: 140px;

}





.views__title{

	text-align: center;

	padding-bottom: 10px;

}



.views__bos{

	display: grid;

	grid-template-columns: 2fr 1fr 1fr 2fr 1fr;

	grid-template-rows: 1fr;

	grid-column-gap: 20px;

	grid-row-gap: 20px;

}



.views__bos .views__box{

	border-radius: 20px;

	overflow: hidden;

}



.views__box video{

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.views__box:nth-child(1){

	grid-area: 1 / 1 / 3 / 2;



	width: 100%;

	height: 100%;

}



.views__box:nth-child(1) img{

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.views__box:nth-child(2){

	grid-area: 1 / 2 / 2 / 3; 



	cursor: pointer;

}



.views__box:nth-child(3){

	grid-area: 1 / 3 / 2 / 4;



	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	text-align: center;

}



.views__box-button{

    background-color: #fff;

}



.views__box-button .list-item-name{

    color: #2A2A2A;

}



.views__box-button .list-item-img{

    display: none;

}



.views__box-title{

	color: var(--color-text);

	font-size: 18px;

	font-weight: 500;

	line-height: 150%;

	margin-bottom: 30px;

	text-wrap: pretty;

}



.views__box:nth-child(4){

	grid-area: 2 / 2 / 3 / 4;



	cursor: pointer;

}



.views__box:nth-child(5){

	grid-area: 1 / 4 / 3 / 5;



	cursor: pointer;

}



.views__box:nth-child(6){

	grid-area: 1 / 5 / 2 / 6;



	cursor: pointer;

}



.views__box:nth-child(7){

	grid-area: 2 / 5 / 3 / 6;



	cursor: pointer;

}



.views__content-other{

	margin-top: 20px;

	display: grid;

	grid-template-columns: repeat(6, 1fr);

	grid-template-rows: 1fr;

	grid-column-gap: 20px;

	grid-row-gap: 20px;

}



.other__view{

	border-radius: 20px;

	overflow: hidden;

}



.other__view:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }

.other__view:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }

.other__view:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }

.other__view:nth-child(4) { grid-area: 1 / 4 / 2 / 5; }

.other__view:nth-child(5) { grid-area: 1 / 5 / 2 / 6; }

.other__view:nth-child(6) { grid-area: 1 / 6 / 2 / 7; }



.views__content-other img{

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.other__view video{

	width: 100%;

	height: auto;

	object-fit: cover;

}

.views-top .other__view video{
    height: 100%;
}



.other__view:nth-child(5) video{

	height: 100%;

} 







.section__licences{

	margin-bottom: 140px;

}



.licences__titles{

	display: flex;

	justify-content: space-between;

}



.licences__subtitle{

	max-width: 540px;

	text-align: start;

}



.licences-boxes{

	display: flex;

}



.licenc-box{

	display: flex;

	align-items: center;



	 transition: .3s ease-in 0s;

   -webkit-transition: .3s ease-in 0s;

   -moz-transition: .3s ease-in 0s;

   -ms-transition: .3s ease-in 0s;

   -o-transition: .3s ease-in 0s;

}


.licenc-box:nth-child(4) .licenc-button__last{
    border-radius: 0;
}


.licenc-box-five .tontent__box-img,
.licenc-box-five .tontent__box-img img{
    height: 100%;
}


.licenc-box-five .licenc-tontent{
    align-items: center;
}


.licenc-box._active{

	flex: 1 1 100%;

}



.licenc-button{

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	align-items: center;

	padding: 50px 48px 70px;

	height: 100%;

	background-color: #363636;

	cursor: pointer;

	border: 1px solid #6B6B6B;



	 transition: .3s ease-in 0s;

   -webkit-transition: .3s ease-in 0s;

   -moz-transition: .3s ease-in 0s;

   -ms-transition: .3s ease-in 0s;

   -o-transition: .3s ease-in 0s;

}



.licenc-button:hover{

	background-color: #5D5C5C;

}



.licenc-box._active .licenc-button{

	background-color: #5D5C5C;

}



.licenc-button__first{

	border-radius: 20px 0 0 20px;

}



.licenc-button__last{

	border-radius: 0 20px 20px 0;

}







.licenc-button__number{

	font-size: 64px;

	font-weight: 300;

	line-height: 100%;

	color: var(--color-emphasize);

	margin-bottom: 40px;

}



.licenc-button-nume{

	font-size: 18px;

	font-weight: 400;

	line-height: 120%;

	color: var(--color-text);

	writing-mode: vertical-rl;

	transform: rotate(180deg);

	text-wrap: pretty;

	max-height: 310px;

}



.licenc-tontent{

	background: url(img/bg-licenc.png) no-repeat center;

	background-size: fill;

	width: 0;

	overflow: hidden;

	height: 100%;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;



	 transition: .3s ease-in 0s;

   -webkit-transition: .3s ease-in 0s;

   -moz-transition: .3s ease-in 0s;

   -ms-transition: .3s ease-in 0s;

   -o-transition: .3s ease-in 0s;

}



.licenc-box._active .licenc-tontent{

	width: 100%;

	flex: 1 1 100%;

	padding: 15px;

}



.tontent__box-last{

	max-width: 800px;

}



.licenc-tontent__title{

	font-size: 22px;

	font-weight: 600;

	line-height: 120%;

	color: var(--color-text);

	margin-bottom: 30px;

	text-wrap: pretty;

}



.licenc-tontent__box{

	height: 100%;

	display: flex;

	align-items: center;

}



.tontent__box-text{

	margin-right: 30px;

	max-width: 480px;

}



.tontent__box-text{

	min-width: 380px;

}



.box-text__title{

	font-size: 18px;

	font-weight: 600;

	line-height: 120%;

	color: #BFBFBF;

	margin-bottom: 25px;

}



.box-text__nume{

	font-size: 18px;

	font-weight: 400;

	line-height: 120%;

	color: #BFBFBF;

	margin-bottom: 25px;

	text-transform: uppercase;

}



.tontent__box-img{

	width: 320px;

	height: 216px;

}



.tontent__box-img img{

	width: 320px;

	height: 216px;

	object-fit: cover;

}



.dubl{

	display: flex;

}



.licenc-one{

	width: 190px !important;

    height: 130px !important;

    object-fit: contain !important;

}



.licenc-two{

	width: 95px !important;

    height: 140px !important;

    object-fit: contain !important;

    margin-top: 40px !important;

    margin-left: 5px !important;

}




.lazy-section.reveal {
  opacity: 0;
  /*transform: translateY(50px);*/
  transition: opacity 0.6s ease, transform 0.6s ease;
  -webkit-transition: opacity 0.6s ease, transform 0.6s ease;
  -moz-transition: opacity 0.6s ease, transform 0.6s ease;
  -ms-transition: opacity 0.6s ease, transform 0.6s ease;
  -o-transition: opacity 0.6s ease, transform 0.6s ease;
}
.lazy-section.reveal.loaded {
  opacity: 1;
  /* transform: translateY(0); */
}








@media (max-width: 1500px){

	.licenc-tontent__box{

		flex-direction: column;

	}

}





@media (max-width: 1440px){

	.slide__box{

		padding: 40px 20px;

	}

	.slide__box-points{

		margin: 0 0 25px 0;

		width: 40px;

		height: 40px;

	}



	.box-user-img{

		width: 40px;

		height: 40px;

	}



	.user__nume{

		margin: 0;

		font-size: 14px;

	}

}





@media (max-width: 1200px){

  .menu-main{
    width: 50%;
  }

	.licences-boxes{

		flex-direction: column;

	}



	.licenc-box{

		flex-direction: column;

	}



	.licenc-box{

		width: 100%;

		align-items: start;

	}



	.licenc-button{

		width: 100%;

		align-items: start;

		padding: 20px 15px;

	}



	.licenc-button__first{

		border-radius: 20px 20px 0 0;

	}



	.licenc-button-nume{

		writing-mode: horizontal-tb;

		transform: rotate(0deg);

	}



	.licenc-tontent{

		width: 100% !important;

		height: 0 !important;

	}



	.licenc-box._active .licenc-tontent{

		height: 100% !important;

	}



	.licenc-tontent{

		align-items: start;

	}



	.licenc-tontent__box{

		align-items: start;

	}



	.tontent__box-text{

		max-width: 100%;

	}



	.licenc-two{

		margin-top: 0 !important;

		height: 130px !important;

	}



	.licenc-button__last{

		border-radius: 0 0 20px 20px;

	}

}



@media (max-width: 1050px){

	.section__directions{

		margin-bottom: 44px;

	}



	.directions__title,

	.views__title{

      text-align: left;

	}



	.second__subtitle{

		margin: 0 0 40px 0;

		text-align: left;

	}



	.directions__content{

		display: grid;

		grid-template-columns: 1fr;

		grid-template-rows: repeat(6, auto);

		grid-column-gap: 20px;

		grid-row-gap: 20px;

	}



	.directions__content-box:nth-child(1){

		grid-area: 1 / 1 / 2 / 2;



		min-height: 0;

	}



	.directions__content-box:nth-child(1) .direction-item:not(:last-child){

		margin-bottom: 20px;

	}



	.directions__content-box:nth-child(2){

		grid-area: 2 / 1 / 3 / 2;



		background-position: left;

		border-radius: 20px 20px 0 0;

	}



	.directions__content-box:nth-child(3){

		grid-area: 3 / 1 / 4 / 2;

	}



	.directions__single-container{

		max-height: 100%;

		max-width: 100%;

	}





	.directions__content-box:nth-child(4){

		grid-area: 4 / 1 / 5 / 2;



		border-radius: 0;

	}



	.directions__content-box:nth-child(5){

		grid-area: 5 / 1 / 6 / 2;



		border-radius: 0;

	}



	.directions__content-box:nth-child(6){

		grid-area: 6 / 1 / 7 / 2;



		border-radius: 0 0 20px 20px;

	}







	.views__bos{

		grid-template-columns: 1fr;

		grid-template-rows: repeat(7, auto);	

	}



	.views__box:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }

	.views__box:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }

	.views__box:nth-child(3) { grid-area: 3 / 1 / 4 / 2; }

	.views__box:nth-child(4) { grid-area: 4 / 1 / 5 / 2; }

	.views__box:nth-child(5) { grid-area: 5 / 1 / 6 / 2; }

	.views__box:nth-child(6) { grid-area: 6 / 1 / 7 / 2; }

	.views__box:nth-child(7) { grid-area: 7 / 1 / 8 / 2; }





	.views__content-other{

		grid-template-columns: 1fr;

		grid-template-rows: repeat(6, auto);

		grid-column-gap: 0px;

		grid-row-gap: 20px;

	}



	.other__view:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }

	.other__view:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }

	.other__view:nth-child(3) { grid-area: 3 / 1 / 4 / 2; }

	.other__view:nth-child(4) { grid-area: 4 / 1 / 5 / 2; }

	.other__view:nth-child(5) { grid-area: 5 / 1 / 6 / 2; }

	.other__view:nth-child(6) { grid-area: 6 / 1 / 7 / 2; }



}





@media (max-width: 768px){

    .menu-main{
      width: 100%;
      background-color: rgba(0, 0, 0, 0.65);
      z-index: 12;
    }

    .icon-menu{
      z-index: 13;
    }
    
    
    .popup-body{
        width: 80%;
    }

	.slide__box{

		background-position: left;

	}

	.swiper-button-prev,

	.swiper-button-next{

		display: none !important;

		opacity: 0;

		visibility: hidden;

	}



	.section__reviews,

	.section__views,

	.section__licences{

		margin-bottom: 44px;

	}



	.licences__titles{

		flex-direction: column;

	}



	.licences__title{

		margin-bottom: 20px;

	}
	
	
	
	.licenc-box .tontent__box-last {
    max-width: 340px;
    }
    
    
    .tontent__box-text{
        min-width: 100%;
    }

    .form-top input{
      flex: 1 1 100%;
    }

}









/* footer */

.section__about-img img{

   width: 100%;

   height: 100%;

   object-fit: cover;

}

.footer__contact{
  flex: 0 1 50%;
  margin: 0 20px 0 0;
}

.footer__inst{
  display: flex;
  flex-direction: column;
  align-items: start;
  flex: 0 1 300px;
}


.footer__contact .second__title{
   margin: 0 0 2% 0;
}

.footer__contact-container{
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  align-items: end;
}



.footer__contact-socials{
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  flex: 0 1 40%
}

.footer__contact-link{

   display: flex;

   align-items: center;

   color: var(--color-text);

}

.link__img{

   transition: all .3s ease-out 0s;

   -webkit-transition: all .3s ease-out 0s;

   -moz-transition: all .3s ease-out 0s;

   -ms-transition: all .3s ease-out 0s;

   -o-transition: all .3s ease-out 0s;

}

.footer__contact-link:hover .link__img{

   transform: translate(0, -20%);

   -webkit-transform: translate(0, -20%);

   -moz-transform: translate(0, -20%);

   -ms-transform: translate(0, -20%);

   -o-transform: translate(0, -20%);

}

.footer__contact-name{

   transition: all .3s ease-out 0s;

   -webkit-transition: all .3s ease-out 0s;

   -moz-transition: all .3s ease-out 0s;

   -ms-transition: all .3s ease-out 0s;

   -o-transition: all .3s ease-out 0s;

}

.footer__contact-link:hover .footer__contact-name{

   color: #ffffffbb;

}

.footer__contact-link:not(:last-child){

   margin-right: 40px;

}

.footer__contact-link .link__img{

   max-width: 30px;

   max-height: 30px;

   margin-right: 10px;

}

.link__img img{

   width: 100%;

   height: 100%;

   object-fit: cover;

}



.footer__contact-locations{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
  margin: 40px 0;
}

.footer__location-link{
   display: flex;
   align-items: center;
   color: var(--color-text);
}

.location-link__img{

   transition: all .3s ease-out 0s;

   -webkit-transition: all .3s ease-out 0s;

   -moz-transition: all .3s ease-out 0s;

   -ms-transition: all .3s ease-out 0s;

   -o-transition: all .3s ease-out 0s;

   margin: 0 15px 0 0;

}

.footer__location-link:hover .location-link__img{

   transform: translate(0, -20%);

   -webkit-transform: translate(0, -20%);

   -moz-transform: translate(0, -20%);

   -ms-transform: translate(0, -20%);

   -o-transform: translate(0, -20%);

}

.location-link__name{

   font-size: 14px;

   font-weight: 400;

   line-height: 140%;

   transition: all .3s ease-out 0s;

   -webkit-transition: all .3s ease-out 0s;

   -moz-transition: all .3s ease-out 0s;

   -ms-transition: all .3s ease-out 0s;

   -o-transition: all .3s ease-out 0s;

}



.footer__location-link:hover .location-link__name{

   color: #ffffffbb;

}

.footer__container{
      margin: 80px 0;
      padding: 80px 80px;
      background-color: #3F3F3F;
      border-radius: var(--border-radius);
      -webkit-border-radius: var(--border-radius);
      -moz-border-radius: var(--border-radius);
      -ms-border-radius: var(--border-radius);
      -o-border-radius: var(--border-radius);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 2.4em;
}

.footer__main{
  display: flex;
  gap: 6em;
}

.logo-footer{
  max-width: 150px;
  height: auto;
}

.logo-footer img{
  width: 100%;
  height: auto;
  object-fit: cover;
}

.footer-box-item a{
  font-size: 14px;
  color: var(--color-additional);
}

.footer-box-item:not(:last-child){
  margin-bottom: 10px;
}

.footer__inst-title{

   display: flex;

   transition: all .3s ease-out 0s;

   -webkit-transition: all .3s ease-out 0s;

   -moz-transition: all .3s ease-out 0s;

   -ms-transition: all .3s ease-out 0s;

   -o-transition: all .3s ease-out 0s;

}

.footer__inst-title:hover .hero__inst-img{

   transform: translate(-20%, 0);

   -webkit-transform: translate(-20%, 0);

   -moz-transform: translate(-20%, 0);

   -ms-transform: translate(-20%, 0);

   -o-transform: translate(-20%, 0);

}

.footer__inst-sign{
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  color: var(--color-additional);
}

/* END footer */


.section-modal{
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;



  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
}

.section-modal.active {
    opacity: 1;
    visibility: visible;
}

.container-popup-collab{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1200px;
  width: 100%;
}

.modal-body{
  background: #404040;
  padding: 40px 16px 16px 16px;
  border-radius: 60px;
}

.modal-body-top{
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 16px;
}

.modal-title{
  font-size: 42px;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
}

.popup-close{
  cursor: pointer;
}

.modal-subtitle{
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 15px;
}

.modal-content{
  position: relative;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.modal-link-location{
  display: block;
  text-decoration: underline;
  color: #fff;
  margin-bottom: 40px;
  
}

.modal-link-location span{
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.modal-main-img{
  width: 100%;
}

.modal-main-img img{
  width: 100%;
  height: auto;
  object-fit: cover;
}

.modal-body-right{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.modal-text{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin-bottom: 35px;
}

.modal-text p{
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  color: #fff;
}

.modal-under-link a{
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
  color: #FFF613;
  display: block;
  margin-bottom: 13px;
}

.modal-qr-site{
  max-width: 180px;
  max-height: 180px;
}

.modal-qr-site img{
  width: 100%;
  height: auto;
  object-fit: cover;
}

.popup-presents{
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  max-width: 310px;
}


@media screen and (max-width: 768px) {
  .section-modal {
      /* Фиксированная или максимальная высота */
      height: 100vh; /* или max-height: 100vh */
      overflow-y: auto; /* скролл у родителя */
  }




  .container-popup-collab{
    max-height: calc(100vh - 60px); /* отнимите отступы/шапку */
    overflow-y: auto;


    width: 95%;
    top: 30px;
    transform: translate(-50%, 0);
  }

  .modal-content{
    flex-wrap: wrap;
  }

  .modal-body {
    border-radius: 20px;
  }

  .modal-title{
    font-size: 22px;
  }

  .modal-text p {
    font-size: 14px;
  }

  .modal-text p:not(:last-child){
    margin-bottom: 8px;
  }

  .modal-subtitle{
    font-size: 14px;
  }

  .popup-presents{
      max-width: 170px;
  }

  .modal-qr-site{
    max-width: 140px;
    max-height: 140px;
  }


}





.section__policy{

  padding-bottom: 10px;

}



.policy__info{

  display: flex;

  flex-wrap: wrap;

}

.main__policy{

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.policy__info,

.policy__info a{

  margin: 0 0 20px 0;

  font-size: 12px;

  font-weight: 400;

  line-height: 120%;

  color: var(--color-additional);

  transition: all .3s ease-out 0s;

  -webkit-transition: all .3s ease-out 0s;

  -moz-transition: all .3s ease-out 0s;

  -ms-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;

}

.policy__info a:hover{

  color: var(--color-emphasize);

}

.policy__info-item{

  margin: 0 20px 10px 0;

}

.main__policy-item,

.main__policy-item a{

  margin: 0 20px 20px 0;

  font-size: 12px;

  font-weight: 400;

  line-height: 110%;

  color: var(--color-additional);

  transition: all .3s ease-out 0s;

  -webkit-transition: all .3s ease-out 0s;

  -moz-transition: all .3s ease-out 0s;

  -ms-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;

}

.main__policy-item a:hover{

  color: var(--color-emphasize);

}



/* ! media */

@media (max-width: 1400px){

   .training__box{

      height: 300px;

   }





   /* section__type */

   .bottom__block-icon .icon__img{

      max-width: 60px;

      max-height: 45px;

   }

   .icon__img img{

      width: 100%;

      height: 100%;

      object-fit: cover;

   }

   .bottom__block-icon .icon__name{

      width: 100px;

   } 

   /* END section__type */

}

@media screen and (max-width:1080px) {

   .hero__content{

      margin: 0 0 3% 0;

   }

   .hero__main-content{

      margin: 0 0 8px 0;

   }

   .main__contacts-list{

      flex-wrap: wrap;

      justify-content: flex-start;

   }

   .contacts__list-item:not(:last-child){

      margin: 0 15px 15px 0;

   }

   .hero__location-list{

      margin: 0;

   }





   /* section__training */

   .section__training-content{

      flex-wrap: wrap;

   }

   .training__box{

      flex: 1 1 25%;

   }

   .training__box:not(:last-child){

      margin: 0 20px 20px 0;

   }





   /* section__class */

   .class__top{

      flex-direction: column;

   }

   .class__img-block .img__block-box{

      max-width: 100%;

   }

   .class__top-text{

      margin: 0 0 40px 0;

   }

   /* END section__class */





   /* footer */

   .footer__contact-socials{

      flex-wrap: wrap;

   }

   .footer__contact-link:not(:last-child){

      margin-bottom: 30px;

   }

   /* END footer */



}



@media screen and (max-width:768px) {

   .second__title{

      font-size: 24px;

   }

   

   /* ather style */

   .fullscreen{

      /*min-height: auto;*/
      
      padding-top: 20px;

   }

   .hero__content{

      flex-direction: column-reverse;

      margin: 0 0 8% 0;

   }

   .hero__main-content{

      margin: 0 0 25px 0;

   }

   .hero__main-content .hero__titles{

      margin: 30px 0 15px 0;

   }

   .hero__content-text{
    position: relative;
    z-index: 10;
    margin: 0 0 0 0;

   }

   .hero__titles .hero__title{

      font-size: 29px;

   }

   .hero__titles .hero__subtitle{

      font-size: 22px;

   }

   .hero__content-img{

      flex: 0 2 100%;

      max-height: 440px;

      position: relative;
      z-index: 2;
   }

   .hero__location-list{

      flex-direction: column;

   }

   .bottom__block-icon .icon-two{

      margin: 0 0 20px 0;

   }

   .hero__inst{

      top: 25%;

      left: 2%;

   }

   .hero__inst-img{

      width: 42px;

      height: 30px;

   }

   .seal__img{

      top: 25%;

      right: 8%;

      height: 50px;

      width: 50px;

   }

   .location-list-item:not(:last-child){

       margin: 0 0 18px 0;

   }







/* section__training */

   .section__training-content{

      flex-direction: column;

   }

   .training__box{

      flex: 1 1 100%;

      width: 100%;

      min-height: 256px;

   }

   .training__box:not(:last-child){

      margin: 0 0 20px 0;

   }

   .training__box:nth-child(1),

   .training__box:nth-child(2),

   .training__box:nth-child(3),

   .training__box:nth-child(4){

      background-position: 0 50%;

   }

   .training__box::after{

      width: 77%;

   }
   

   /* END section__training */

   .section__type{

      flex-direction: column;

   }

   .section__type-img{

      flex: 1 1 100%;

      max-width: 100%;

   }

   .section__type-text{

      margin: 20px 0 0 0;

   }

   .block__liner{

      margin: 24px 0;

   }

   .type__text-bottom .bottom__block{

      display: flex;

      flex-direction: column;

      align-items: start;

   }

   .bottom__block-icon{

      margin: 0 0 10px 0;

      align-items: self-start;

   }

   .bottom__block-icon .icon__name{

      width: auto;

   }

   .icon__img:nth-child(2){

      margin: 0 0 20px 0;

   }

   /* section__type */



   /* END section__typ */



   /* section__class */

   .section__class{

      padding: 30px 0;

   }

   .class__top{

      margin: 0 0 30px 0;

   }

   .bottom-box-img{

      max-width: 100%;

      max-height: 100%;

   }
   
   
   

   .class__top-imgs{

      flex-direction: column;

   }

   .class__img-block:not(:last-child){

      margin: 0 0 30px 0;

   }

   .class__bottom{

      flex-direction: column;

   }

   .class__bottom-box:not(:last-child){

      margin: 0 0 30px 0;

   }

   /* END section__class */



   /* section__study */

   .section__study{

       margin-bottom: 60px;

   }

   .section__study-content{

      flex-direction: column;

   }

   .section__study .second__title{

      margin: 0 0 20px 0;

      text-align: left;

   }

   .study__type-two{

      display: flex;

      flex-direction: column-reverse;

   }

   .study__type-one:not(:last-child),

   .study__type-two:not(:last-child){

      margin: 0 0 30px 0;

   }

   .study__type-one .type-one__img,

   .study__type-two .type-two__img{

      max-height: 100%;

      max-width: 100%;

   }

   .type-one__text,

   .type-two__text{

      margin: 20px 0 0 0;

      padding: 0 10px;

   }

   /* END section__study */





   /* section__about */

   .section__about{

      flex-direction: column-reverse;

   }

   .section__about-img{

      flex: 1 1 100%;

      max-width: 100%;

   }

   /* END section__about */





   /* footer */

   .footer__container{
      padding: 50px 20px;
      display: flex;
      flex-direction: column;
   }

   .footer__contact{

      display: flex;

      flex-direction: column;

   }

   .footer__contact{

      margin: 0 0 60px 0;

   }

   .footer__contact-socials{

      margin: 0 0 60px 0;

   }

   .footer__inst{

      align-items: start;

   }

   .footer__inst-sign{

      text-align: start;

   }

   /* END /* footer */ 



   .big__liner{

      margin: 50px 0 40px 0;

   }

   .section:not(:last-child){

      margin: 0 0 60px 0;

   }

   .section__type{

      margin-bottom: 40px;

   }

   .section__class{

      margin-bottom: 40px;

   }

   .footer__container{

      margin: 40px 0;

   }

   .section__about{

      margin-bottom: 40px;

   }

   .location-link__img{

       width: 60px;

   }


   .footer__main{
    flex-direction: column;
    gap: 2em;
   }

   .footer__contact{
    margin: 0;
   }

   .footer__contact-socials{
    flex: 0 1 100%;
    margin: 0
   }

    .footer__contact .second__title{
      margin-bottom: 20px;
    }
}





.section__cookie{

   padding-top: 40px;

   padding-bottom: 50px;

   color: var(--color-additional);

}

h5{

   color: var(--color-text);

   font-size: 20px;

   font-weight: 600;

   line-height: 140%;

   padding: 40px 0 10px 0;

}

h6{

   color: var(--color-text);

   font-size: 16px;

   font-weight: 500;

   line-height: 140%;

   padding: 40px 0 10px 0;

}

.text__cookie{

   font-size: 14px;

   font-weight: 400;

   line-height: 150%;

   margin-bottom: 10px;

}

.to-main{

   text-align: center;

   padding: 8px 36px;

   display: block;

   max-width: 200px;

   margin: 40px auto;

   color: var(--color-text);

   font-size: 16px;

   font-weight: 500;

   line-height: 120%;

   border: 1px solid var(--color-text);

   border-radius: 4px;

   -webkit-border-radius: 4px;

   -moz-border-radius: 4px;

   -ms-border-radius: 4px;

   -o-border-radius: 4px;

   transition: all .3s ease-out 0s;

   -webkit-transition: all .3s ease-out 0s;

   -moz-transition: all .3s ease-out 0s;

   -ms-transition: all .3s ease-out 0s;

   -o-transition: all .3s ease-out 0s;

}

.to-main:hover{

   -webkit-box-shadow: 0px 0px 12px 4px rgba(255,255,255,0.19);

   -moz-box-shadow: 0px 0px 12px 4px rgba(255,255,255,0.19);

   box-shadow: 0px 0px 12px 4px rgba(255,255,255,0.19);

   background-color: rgba(255,255,255,0.19);

}





/* !!__________ */



button,

[type='button'],

[type='reset'],

[type='submit'] {

  -webkit-appearance: button;

  /* 1 */

  /* background-color: transparent; */

  /* 2 */

  background-image: none;

  /* 2 */

}



/*

Use the modern Firefox focus style for all focusable elements.

*/



:-moz-focusring {

  outline: auto;

}



/*

Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)

*/



:-moz-ui-invalid {

  box-shadow: none;

}



/*

Add the correct vertical alignment in Chrome and Firefox.

*/



progress {

  vertical-align: baseline;

}



/*

Correct the cursor style of increment and decrement buttons in Safari.

*/



::-webkit-inner-spin-button,

::-webkit-outer-spin-button {

  height: auto;

}



/*

1. Correct the odd appearance in Chrome and Safari.

2. Correct the outline style in Safari.

*/



[type='search'] {

  -webkit-appearance: textfield;

  /* 1 */

  outline-offset: -2px;

  /* 2 */

}



/*

Remove the inner padding in Chrome and Safari on macOS.

*/



::-webkit-search-decoration {

  -webkit-appearance: none;

}



/*

1. Correct the inability to style clickable types in iOS and Safari.

2. Change font properties to `inherit` in Safari.

*/



::-webkit-file-upload-button {

  -webkit-appearance: button;

  /* 1 */

  font: inherit;

  /* 2 */

}



/*

Add the correct display in Chrome and Safari.

*/



summary {

  display: list-item;

}



/*

Removes the default spacing and border for appropriate elements.

*/



blockquote,

dl,

dd,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

figure,

p,

pre {

  margin: 0;

}



fieldset {

  margin: 0;

  padding: 0;

}



legend {

  padding: 0;

}

menu {

  list-style: none;

  margin: 0;

  padding: 0;

}



/*

Reset default styling for dialogs.

*/



dialog {

  padding: 0;

}





/*

1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)

2. Set the default placeholder color to the user's configured gray 400 color.

*/



input::placeholder,

textarea::placeholder {

  opacity: 1;

  /* 1 */

  color: #9ca3af;

  /* 2 */

}



/*

Set the default cursor for buttons.

*/



button,

[role="button"] {

  cursor: pointer;

}



/*

Make sure disabled buttons don't get the pointer cursor.

*/



:disabled {

  cursor: default;

}



/*

1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)

2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)

   This can trigger a poorly considered lint error in some tools but is included by design.

*/



img,

video,

canvas,

audio,

iframe,

embed,

object {

  display: block;

  /* 1 */

  vertical-align: middle;

  /* 2 */

}



/*

Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)

*/



img,

video {

  max-width: 100%;

  height: auto;

}



/* Make elements with the HTML hidden attribute stay hidden by default */



[hidden] {

  display: none;

}



::-webkit-datetime-edit-fields-wrapper {

  padding: 0;

}



::-webkit-date-and-time-value {

  min-height: 1.5em;

  text-align: inherit;

}



::-webkit-datetime-edit {

  display: inline-flex;

}



::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {

  padding-top: 0;

  padding-bottom: 0;

}



[multiple],[size]:where(select:not([size="1"])) {

  background-image: initial;

  background-position: initial;

  background-repeat: unset;

  background-size: initial;

  padding-right: 0.75rem;

  -webkit-print-color-adjust: unset;

          print-color-adjust: unset;

}



@media (forced-colors: active)  {

  [type='checkbox']:indeterminate {

    -webkit-appearance: auto;

       -moz-appearance: auto;

            appearance: auto;

  }

}



[type='file'] {

  background: unset;

  border-color: inherit;

  border-width: 0;

  border-radius: 0;

  padding: 0;

  font-size: unset;

  line-height: inherit;

}



[type='file']:focus {

  outline: 1px solid ButtonText;

  outline: 1px auto -webkit-focus-ring-color;

}



*, ::before, ::after {

  --tw-border-spacing-x: 0;

  --tw-border-spacing-y: 0;

  --tw-translate-x: 0;

  --tw-translate-y: 0;

  --tw-rotate: 0;

  --tw-skew-x: 0;

  --tw-skew-y: 0;

  --tw-scale-x: 1;

  --tw-scale-y: 1;

  --tw-pan-x:  ;

  --tw-pan-y:  ;

  --tw-pinch-zoom:  ;

  --tw-scroll-snap-strictness: proximity;

  --tw-gradient-from-position:  ;

  --tw-gradient-via-position:  ;

  --tw-gradient-to-position:  ;

  --tw-ordinal:  ;

  --tw-slashed-zero:  ;

  --tw-numeric-figure:  ;

  --tw-numeric-spacing:  ;

  --tw-numeric-fraction:  ;

  --tw-ring-inset:  ;

  --tw-ring-offset-width: 0px;

  --tw-ring-offset-color: #fff;

  --tw-ring-color: rgb(59 130 246 / 0.5);

  --tw-ring-offset-shadow: 0 0 #0000;

  --tw-ring-shadow: 0 0 #0000;

  --tw-shadow: 0 0 #0000;

  --tw-shadow-colored: 0 0 #0000;

  --tw-blur:  ;

  --tw-brightness:  ;

  --tw-contrast:  ;

  --tw-grayscale:  ;

  --tw-hue-rotate:  ;

  --tw-invert:  ;

  --tw-saturate:  ;

  --tw-sepia:  ;

  --tw-drop-shadow:  ;

  --tw-backdrop-blur:  ;

  --tw-backdrop-brightness:  ;

  --tw-backdrop-contrast:  ;

  --tw-backdrop-grayscale:  ;

  --tw-backdrop-hue-rotate:  ;

  --tw-backdrop-invert:  ;

  --tw-backdrop-opacity:  ;

  --tw-backdrop-saturate:  ;

  --tw-backdrop-sepia:  ;

}



::backdrop {

  --tw-border-spacing-x: 0;

  --tw-border-spacing-y: 0;

  --tw-translate-x: 0;

  --tw-translate-y: 0;

  --tw-rotate: 0;

  --tw-skew-x: 0;

  --tw-skew-y: 0;

  --tw-scale-x: 1;

  --tw-scale-y: 1;

  --tw-pan-x:  ;

  --tw-pan-y:  ;

  --tw-pinch-zoom:  ;

  --tw-scroll-snap-strictness: proximity;

  --tw-gradient-from-position:  ;

  --tw-gradient-via-position:  ;

  --tw-gradient-to-position:  ;

  --tw-ordinal:  ;

  --tw-slashed-zero:  ;

  --tw-numeric-figure:  ;

  --tw-numeric-spacing:  ;

  --tw-numeric-fraction:  ;

  --tw-ring-inset:  ;

  --tw-ring-offset-width: 0px;

  --tw-ring-offset-color: #fff;

  --tw-ring-color: rgb(59 130 246 / 0.5);

  --tw-ring-offset-shadow: 0 0 #0000;

  --tw-ring-shadow: 0 0 #0000;

  --tw-shadow: 0 0 #0000;

  --tw-shadow-colored: 0 0 #0000;

  --tw-blur:  ;

  --tw-brightness:  ;

  --tw-contrast:  ;

  --tw-grayscale:  ;

  --tw-hue-rotate:  ;

  --tw-invert:  ;

  --tw-saturate:  ;

  --tw-sepia:  ;

  --tw-drop-shadow:  ;

  --tw-backdrop-blur:  ;

  --tw-backdrop-brightness:  ;

  --tw-backdrop-contrast:  ;

  --tw-backdrop-grayscale:  ;

  --tw-backdrop-hue-rotate:  ;

  --tw-backdrop-invert:  ;

  --tw-backdrop-opacity:  ;

  --tw-backdrop-saturate:  ;

  --tw-backdrop-sepia:  ;

}



.tw-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border-radius: 16px;

  border-style: solid;

  padding-left: 1.5rem;

  padding-right: 1.5rem;

  padding-top: 0.625rem;

  padding-bottom: 0.625rem;

  font-size: 1rem;

  line-height: 1.5rem;

  font-weight: 600;

  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 150ms;

}



.tw-btn:focus-visible {

  outline-style: solid;

  outline-width: 2px;

  outline-offset: 2px;

}



.tw-btn:disabled {

  pointer-events: none;

  opacity: 0.5;

}



@media (min-width: 768px) {

  .tw-btn {

    padding-left: 2rem;

    padding-right: 2rem;

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;

  }

}





.tw-btn-secondary {

  --tw-bg-opacity: 1;

  background-color: var(--color-br);

  --tw-text-opacity: 1;

  color: var(--color-text);

  transition: all .3s ease-out 0s;

  -webkit-transition: all .3s ease-out 0s;

  -moz-transition: all .3s ease-out 0s;

  -ms-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;

}



.tw-btn-secondary:hover {

  --tw-bg-opacity: 1;

  opacity: .8;

}



.tw-btn-secondary:focus-visible {

  outline-color: #13182C;

}



.tw-btn-secondary:active {

  --tw-bg-opacity: 1;

  background-color: rgb(0 5 24 / var(--tw-bg-opacity));

}



.tw-btn-outline {

  border-width: 1px;

  --tw-border-opacity: 1;

  color: var(--color-br);

  border-color: rgb(19 24 44 / var(--tw-border-opacity));

  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 150ms;

}



.tw-btn-outline:hover {

  --tw-border-opacity: 1;

  border-color: rgb(98 101 114 / var(--tw-border-opacity));

  --tw-text-opacity: 1;

  color: rgb(98 101 114 / var(--tw-text-opacity));

}



.tw-btn-outline:focus-visible {

  outline-color: #13182C;

}



.tw-btn-outline:active {

  --tw-bg-opacity: 1;

  background-color: rgb(19 24 44 / var(--tw-bg-opacity));

  --tw-text-opacity: 1;

  color: rgb(255 255 255 / var(--tw-text-opacity));

}



@media (min-width: 768px) {

  .tw-input {

    padding-top: 18px;

    padding-bottom: 18px;

  }

}



.tw-invisible {

  visibility: hidden;

}



.tw-fixed {

  position: fixed;

}



.tw-absolute {

  position: absolute;

}



.tw-relative {

  position: relative;

}



.tw-inset-0 {

  inset: 0px;

}



.-tw-top-6 {

  top: -1.5rem;

}



.tw--top-6 {

  top: -1.5rem;

}



.tw-bottom-4 {

  bottom: 1rem;

}



.tw-right-0 {

  right: 0px;

}



.tw-right-3 {

  right: 0.75rem;

}



.tw-right-4 {

  right: 1rem;

}



.tw-right-7 {

  right: 1.75rem;

}



.tw-top-1\/2 {

  top: 50%;

}



.tw-top-3 {

  top: 0.75rem;

}



.tw-top-6 {

  top: 1.5rem;

}



.tw-top-7 {

  top: 1.75rem;

}



.tw-bottom-2 {

  bottom: 0.5rem;

}



.tw-bottom-0 {

  bottom: 0px;

}



.tw-bottom-7 {

  bottom: 1.75rem;

}



.tw-right-32 {

  right: 8rem;

}



.tw-bottom-3 {

  bottom: 0.75rem;

}



.tw-left-0 {

  left: 0px;

}



.-tw-z-10 {

  z-index: -10;

}



.tw-z-10 {

  z-index: 10;

}



.tw-z-40 {

  z-index: 40;

}



.tw-mx-auto {

  margin-left: auto;

  margin-right: auto;

}



.tw-my-8 {

  margin-top: 2rem;

  margin-bottom: 2rem;

}



.tw-mb-2 {

  margin-bottom: 0.5rem;

}



.tw-mb-5 {

  margin-bottom: 1.25rem;

}



.tw-ml-2 {

  margin-left: 0.5rem;

}



.tw-ml-3 {

  margin-left: 0.75rem;

}



.tw-mr-2 {

  margin-right: 0.5rem;

}



.tw-mt-10 {

  margin-top: 2.5rem;

}



.tw-mt-2 {

  margin-top: 0.5rem;

}



.tw-mt-2\.5 {

  margin-top: 0.625rem;

}



.tw-mt-4 {

  margin-top: 1rem;

}



.tw-mt-5 {

  margin-top: 1.25rem;

}



.tw-mt-7 {

  margin-top: 1.75rem;

}



.tw-inline-block {

  display: inline-block;

}



.tw-flex {

  display: flex;

}



.tw-grid {

  display: grid;

}



.tw-hidden {

  display: none;

}



.tw-size-9 {

  width: 2.25rem;

  height: 2.25rem;

}



.tw-h-0 {

  height: 0px;

}



.tw-h-0\.5 {

  height: 0.125rem;

}



.tw-h-5 {

  height: 1.25rem;

}



.tw-h-6 {

  height: 1.5rem;

}



.tw-h-7 {

  height: 1.75rem;

}



.tw-h-\[90px\] {

  height: 90px;

}



.tw-h-full {

  height: 100%;

}



.tw-min-h-full {

  min-height: 100%;

}



.tw-w-1\/4 {

  width: 25%;

}



.tw-w-5 {

  width: 1.25rem;

}



.tw-w-6 {

  width: 1.5rem;

}



.tw-w-\[165px\] {

  width: 165px;

}



.tw-w-\[calc\(100\%-4rem\)\] {

  width: calc(100% - 4rem);

}



.tw-w-fit {

  width: -moz-fit-content;

  width: fit-content;

}



.tw-w-full {

  width: 100%;

}



.tw-max-w-\[1040px\] {

  max-width: 1040px;

}



.tw-max-w-\[155px\] {

  max-width: 155px;

}



.tw-max-w-\[400px\] {

  max-width: 400px;

}



.tw-max-w-\[700px\] {

  max-width: 700px;

}



.tw-max-w-\[825px\] {

  max-width: 825px;

}



.tw-max-w-\[925px\] {

  max-width: 925px;

}



.tw-max-w-sm {

  max-width: 24rem;

}



.tw-max-w-\[890px\] {

  max-width: 890px;

}



.tw-flex-1 {

  flex: 1 1 0%;

}



.tw-flex-shrink-0 {

  flex-shrink: 0;

}





.tw-cursor-pointer {

  cursor: pointer;

}



.tw-grid-cols-1 {

  grid-template-columns: repeat(1, minmax(0, 1fr));

}



.tw-flex-row {

  flex-direction: row;

}



.tw-flex-col {

  flex-direction: column;

}



.tw-items-start {

  align-items: flex-start;

}



.tw-items-center {

  align-items: center;

}



.tw-justify-center {

  justify-content: center;

}



.tw-justify-between {

  justify-content: space-between;

}



.tw-gap-0 {

  gap: 0px;

}



.tw-gap-0\.5 {

  gap: 0.125rem;

}



.tw-gap-1 {

  gap: 0.25rem;

}



.tw-gap-12 {

  gap: 3rem;

}



.tw-gap-2 {

  gap: 0.5rem;

}



.tw-gap-2\.5 {

  gap: 0.625rem;

}



.tw-gap-3 {

  gap: 0.75rem;

}



.tw-gap-3\.5 {

  gap: 0.875rem;

}



.tw-gap-4 {

  gap: 1rem;

}



.tw-gap-5 {

  gap: 1.25rem;

}



.tw-gap-7 {

  gap: 1.75rem;

}



.tw-gap-x-3 {

  -moz-column-gap: 0.75rem;

       column-gap: 0.75rem;

}



.tw-gap-x-5 {

  -moz-column-gap: 1.25rem;

       column-gap: 1.25rem;

}



.tw-gap-y-6 {

  row-gap: 1.5rem;

}



.tw-gap-y-7 {

  row-gap: 1.75rem;

}



.tw-overflow-hidden {

  overflow: hidden;

}



.tw-overflow-y-auto {

  overflow-y: auto;

}



.tw-text-balance {

  text-wrap: balance;

}



.tw-rounded {

  border-radius: 0.25rem;

}



.tw-rounded-\[10px\] {

  border-radius: 10px;

}



.tw-rounded-\[15px\] {

  border-radius: 15px;

}



.tw-rounded-\[16px\] {

  border-radius: 16px;

}



.tw-rounded-\[20px\] {

  border-radius: 20px;

}



.tw-rounded-full {

  border-radius: 9999px;

}



.tw-rounded-none {

  border-radius: 0px;

}





.tw-bg-white {

  --tw-bg-opacity: 1;

  background-color: rgb(255 255 255 / var(--tw-bg-opacity));

}





.tw-bg-opacity-75 {

  --tw-bg-opacity: 0.75;

}



.tw-bg-cover {

  background-size: cover;

}



.tw-bg-\[50\%\] {

  background-position: 50%;

}



.tw-p-1 {

  padding: 0.25rem;

}



.tw-p-4 {

  padding: 1rem;

}



.tw-p-5 {

  padding: 1.25rem;

}



.tw-p-9 {

  padding: 2.25rem;

}



.tw-px-0 {

  padding-left: 0px;

  padding-right: 0px;

}



.tw-px-1 {

  padding-left: 0.25rem;

  padding-right: 0.25rem;

}



.tw-px-4 {

  padding-left: 1rem;

  padding-right: 1rem;

}



.tw-py-8 {

  padding-top: 2rem;

  padding-bottom: 2rem;

}



.tw-py-2 {

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

}



.tw-pb-7 {

  padding-bottom: 1.75rem;

}



.tw-pt-10 {

  padding-top: 2.5rem;

}



.tw-pt-4 {

  padding-top: 1rem;

}



.tw-pt-9 {

  padding-top: 2.25rem;

}



.tw-text-left {

  text-align: left;

}



.tw-text-center {

  text-align: center;

}



.tw-text-3xl {

  font-size: 1.875rem;

  line-height: 2.25rem;

}



.tw-text-\[22px\]\/7 {

  font-size: 22px;

  line-height: 1.75rem;

}



.tw-text-base {

  font-size: 1rem;

  line-height: 1.5rem;

}



.tw-text-lg {

  font-size: 1.125rem;

  line-height: 1.75rem;

}



.tw-text-sm {

  font-size: 0.875rem;

  line-height: 1.25rem;

}



.tw-text-xl {

  font-size: 1.25rem;

  line-height: 1.75rem;

}



.tw-text-xs {

  font-size: 0.75rem;

  line-height: 1rem;

}



.tw-text-xxs {

  font-size: 10px;

  line-height: 12px;

}



.tw-font-extrabold {

  font-weight: 800;

}



.tw-font-medium {

  font-weight: 500;

}



.tw-font-normal {

  font-weight: 400;

}



.tw-font-semibold {

  font-weight: 600;

}



.tw-leading-\[14px\] {

  line-height: 14px;

}



.tw-text-background-content {

  --tw-text-opacity: 1;

  color: rgb(18 18 18 / var(--tw-text-opacity));

}



.tw-text-error {

  --tw-text-opacity: 1;

  color: rgb(212 14 14 / var(--tw-text-opacity));

}



.tw-text-light-text {

  --tw-text-opacity: 1;

  color: rgb(139 139 139 / var(--tw-text-opacity));

}



.tw-text-main-text {

  --tw-text-opacity: 1;

  color: rgb(18 18 18 / var(--tw-text-opacity));

}



.tw-text-primary-content {

  --tw-text-opacity: 1;

  color: rgb(19 24 44 / var(--tw-text-opacity));

}



.tw-text-secondary {

  --tw-text-opacity: 1;

  color: rgb(19 24 44 / var(--tw-text-opacity));

}



.tw-text-white {

  --tw-text-opacity: 1;

  color: rgb(255 255 255 / var(--tw-text-opacity));

}



.tw-underline {

  text-decoration-line: underline;

}



.tw-opacity-0 {

  opacity: 0;

}



.tw-opacity-100 {

  opacity: 1;

}



.tw-shadow-xl {

  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}



.tw-shadow-\[0px_0px_32px_0px_\#6C6C6C40\] {

  --tw-shadow: 0px 0px 32px 0px #6C6C6C40;

  --tw-shadow-colored: 0px 0px 32px 0px var(--tw-shadow-color);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}



.tw-transition {

  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 150ms;

}



.tw-transition-all {

  transition-property: all;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 150ms;

}



.tw-transition-colors {

  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 150ms;

}



.tw-transition-opacity {

  transition-property: opacity;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 150ms;

}



.tw-transition-transform {

  transition-property: transform;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 150ms;

}



.tw-duration-200 {

  transition-duration: 200ms;

}



.tw-duration-300 {

  transition-duration: 300ms;

}



.tw-ease-in {

  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);

}



.tw-ease-out {

  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

}



@keyframes enter {

  from {

    opacity: var(--tw-enter-opacity, 1);

    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));

  }

}



@keyframes exit {

  to {

    opacity: var(--tw-exit-opacity, 1);

    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));

  }

}



.tw-duration-200 {

  animation-duration: 200ms;

}



.tw-duration-300 {

  animation-duration: 300ms;

}



.tw-ease-in {

  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);

}



.tw-ease-out {

  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);

}



[x-cloak] {

  display: none !important;

}



.after\:tw-absolute::after {

  content: var(--tw-content);

  position: absolute;

}



.after\:tw-bottom-0::after {

  content: var(--tw-content);

  bottom: 0px;

}



.after\:tw-left-0::after {

  content: var(--tw-content);

  left: 0px;

}



.after\:tw-right-0::after {

  content: var(--tw-content);

  right: 0px;

}



.after\:-tw-z-20::after {

  content: var(--tw-content);

  z-index: -20;

}



.after\:tw-mx-auto::after {

  content: var(--tw-content);

  margin-left: auto;

  margin-right: auto;

}



.after\:tw-h-\[10px\]::after {

  content: var(--tw-content);

  height: 10px;

}



.after\:tw-h-\[18px\]::after {

  content: var(--tw-content);

  height: 18px;

}



.after\:tw-w-full::after {

  content: var(--tw-content);

  width: 100%;

}



.after\:tw-bg-primary::after {

  content: var(--tw-content);

  --tw-bg-opacity: 1;

  background-color: rgb(106 248 176 / var(--tw-bg-opacity));

}



.after\:tw-content-\[\'\'\]::after {

  --tw-content: '';

  content: var(--tw-content);

}



.hover\:tw-bg-neutral-100:hover {

  --tw-bg-opacity: 1;

  background-color: rgb(245 245 245 / var(--tw-bg-opacity));

}



.hover\:tw-text-primary-hover:hover {

  --tw-text-opacity: 1;

  color: rgb(226 220 70 / var(--tw-text-opacity));

}



.focus\:tw-ring-secondary:focus {

  --tw-ring-opacity: 1;

  --tw-ring-color: rgb(19 24 44 / var(--tw-ring-opacity));

}



.focus-visible\:tw-outline:focus-visible {

  outline-style: solid;

}



.focus-visible\:tw-outline-2:focus-visible {

  outline-width: 2px;

}



.focus-visible\:tw-outline-offset-2:focus-visible {

  outline-offset: 2px;

}



.focus-visible\:tw-outline-light-text:focus-visible {

  outline-color: #8B8B8B;

}



.tw-peer:required ~ .peer-required\:tw-block {

  display: block;

}



.tw-peer:not(:-moz-placeholder-shown):not(:focus):invalid ~ .peer-\[\&\:not\(\:-moz-placeholder-shown\)\:not\(\:focus\)\:invalid\]\:tw-visible {

  visibility: visible;

}



.tw-peer:not(:placeholder-shown):not(:focus):invalid ~ .peer-\[\&\:not\(\:placeholder-shown\)\:not\(\:focus\)\:invalid\]\:tw-visible {

  visibility: visible;

}



@media (max-width: 861px) {

  .max-\[861px\]\:after\:tw-w-\[30\%\]::after {

    content: var(--tw-content);

    width: 30%;

  }

}



@media not all and (min-width: 768px) {

  .max-md\:tw-mx-auto {

    margin-left: auto;

    margin-right: auto;

  }



  .max-md\:tw-px-2 {

    padding-left: 0.5rem;

    padding-right: 0.5rem;

  }

}



@media (max-width: 767px) {

  .max-\[767px\]\:after\:tw-w-full::after {

    content: var(--tw-content);

    width: 100%;

  }

}



@media (max-width: 688px) {

  .max-\[688px\]\:after\:tw-w-\[33\%\]::after {

    content: var(--tw-content);

    width: 33%;

  }

}



@media (max-width: 639px) {

  .max-\[639px\]\:after\:tw-w-full::after {

    content: var(--tw-content);

    width: 100%;

  }

}



@media (max-width: 521px) {

  .max-\[521px\]\:after\:tw-w-\[38\%\]::after {

    content: var(--tw-content);

    width: 38%;

  }

}



@media (max-width: 384px) {

  .max-\[384px\]\:after\:tw-w-\[70\%\]::after {

    content: var(--tw-content);

    width: 70%;

  }

}



@media (min-width: 640px) {

  .sm\:tw-flex-row {

    flex-direction: row;

  }



  .sm\:tw-text-3xl {

    font-size: 1.875rem;

    line-height: 2.25rem;

  }



  .sm\:tw-text-sm {

    font-size: 0.875rem;

    line-height: 1.25rem;

  }



  .sm\:after\:tw-h-\[18px\]::after {

    content: var(--tw-content);

    height: 18px;

  }

}



@media (min-width: 768px) {

  .md\:tw-right-7 {

    right: 1.75rem;

  }



  .md\:tw-top-7 {

    top: 1.75rem;

  }



  .md\:tw-bottom-7 {

    bottom: 1.75rem;

  }



  .md\:tw-right-32 {

    right: 8rem;

  }



  .md\:tw-left-auto {

    left: auto;

  }



  .md\:tw-right-24 {

    right: 1.5rem;

  }



  .md\:tw-mt-10 {

    margin-top: 2.5rem;

  }



  .md\:tw-flex {

    display: flex;

  }



  .md\:tw-hidden {

    display: none;

  }



  .md\:tw-size-12 {

    width: 3rem;

    height: 3rem;

  }



  .md\:tw-w-\[calc\(100\%-6rem\)\] {

    width: calc(100% - 6rem);

  }



  .md\:tw-max-w-fit {

    max-width: -moz-fit-content;

    max-width: fit-content;

  }



  .md\:tw-max-w-sm {

    max-width: 24rem;

  }



  .md\:tw-grid-cols-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }



  .md\:tw-flex-row {

    flex-direction: row;

  }



  .md\:tw-items-center {

    align-items: center;

  }



  .md\:tw-self-center {

    align-self: center;

  }



  .md\:tw-rounded-\[50px\] {

    border-radius: 50px;

  }



  .md\:tw-p-10 {

    padding: 2.5rem;

  }



  .md\:tw-py-14 {

    padding-top: 3.5rem;

    padding-bottom: 3.5rem;

  }



  .md\:tw-pt-20 {

    padding-top: 5rem;

  }



  .md\:tw-text-start {

    text-align: start;

  }



  .md\:tw-text-4xl {

    font-size: 2.25rem;

    line-height: 2.5rem;

  }



  .md\:tw-text-base {

    font-size: 1rem;

    line-height: 1.5rem;

  }



  .md\:tw-text-sm {

    font-size: 0.875rem;

    line-height: 1.25rem;

  }



  .md\:tw-text-xs {

    font-size: 0.75rem;

    line-height: 1rem;

  }



  .md\:after\:tw-h-\[14px\]::after {

    content: var(--tw-content);

    height: 14px;

  }

}



@media (min-width: 1024px) {

  .lg\:tw-text-5xl {

    font-size: 3rem;

    line-height: 1;

  }

}



.invalid\:\[\&\:not\(\:-moz-placeholder-shown\)\:not\(\:focus\)\]\:tw-border-error:not(:-moz-placeholder-shown):not(:focus):invalid {

  --tw-border-opacity: 1;

  border-color: rgb(212 14 14 / var(--tw-border-opacity));

}



.invalid\:\[\&\:not\(\:placeholder-shown\)\:not\(\:focus\)\]\:tw-border-error:not(:placeholder-shown):not(:focus):invalid {

  --tw-border-opacity: 1;

  border-color: rgb(212 14 14 / var(--tw-border-opacity));

}