.smiley {
    cursor: pointer;
    font-size: 50px;
    padding: 10px;
  }
  .smiley-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .reasons {
    display: none;
  }
  .back-button {
    margin-top: 20px;
    display: none;
  }

@font-face {
    font-family: "Futura PT";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),
         url("./dist/fonts/FuturaPT-Light.woff") format("woff"),    
  }

  .futura_font{
    font-family: "Futura PT";
    font-style: normal;
    font-weight: 400;
  }
  
  input[name="work-email"]{
      display:none;
  }
  
.reviews-slider__wrapper{
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    -webkit-transform:scale(.7);
    -ms-transform:scale(.7);
    transform:scale(.7);
    opacity:.6;
    
}
.reviews-slider__item.slider-active .reviews-slider__wrapper{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1;
}

:root{
    --star-background:#EC008C;
    --star-color:#999999;
    --star-size:14px;
}
  
   .stars {
   --percent: calc(var(--rating) / 5 * 100%);

   display: inline-block;
   font-size: var(--star-size);
   font-family: Times; // make sure ★ appears correctly
   line-height: 1;
       
   }

   .stars::before {
     content: '★★★★★';
     letter-spacing: 3px;
     background: -o-linear-gradient(left, var(--star-background) var(--percent), var(--star-color) var(--percent));
     background: -webkit-gradient(linear, left top, right top, from(var(--star-background)), to(var(--star-color)));
     background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
   }
   
.clearfix_speaker .message_shadow_teacher{
    left:20%;
}
 

.wrapp{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.cookie-banner {
    position: fixed;
    bottom: 0;
    z-index: 999999999;
    text-align:center;
    left: 50%;
    transform: translate(-50%, 0%);
    width:100%;
}

.weight400{
    font-weight: 400;
}

.checkboxFilter{
    border:none!important;
}
.checkboxFilter:checked{
    background:none!important;
}

 .labelFilter:has(.checkboxFilter:checked) {
    background:red!important;
}

.filterSticky{
    position:sticky;
    top:0;
}

.filterSticky_mobile{
    z-index:2;
    background:#F0F0F0;
}

.program_course p {
    line-height:normal;
}

.list{
    list-style-image: url('/dist/images/icons/list.svg');
}

.img_header_base{
    top:45px;
}

.text_header_base{
    right:7%;
}

.block_teg_header{
    top:32%;
    left: 16%;
}

.span_text{
    font-weight: 900;
    font-size: 16px;
}

.hair{
    color:#181818;
    top:-30%;
    left:55%;
    transform: rotate(8deg);
}

.eyelashes{
    color:#000;
    top: 20%;
    left: -20%;
    transform: rotate(3deg);
}

.brows{
    bottom: -11%;
    right: -11%;
    transform: rotate(-10deg);
    color: #E91C63;
}

/* .eyelashes{
    bottom: -60%;
    left: -10%;
    color: #00B2BB;
    transform: rotate(-8deg);
} */

.img{
    width: 553px;
    height: 460px;
    border-radius: 43% 55% 50% 43% / 34% 61% 33% 66%;
    background-size: cover;
}






.message{
    width: 336px;
    height: 110px;
    clip-path: polygon(0% 0%, 98% 12%, 100% 55%, 62% 86%, 76% 61%, 2% 72%);
    background: #EC008C;   
}

.message_rental{
    width: 220px;
    height: 99px;
}

.message_why_we{
    width: 242px;
    height: 72px;
    background:black;
    clip-path: polygon(2% 15%, 97% 0, 100% 75%, 21% 72%, 35% 100%, 0 74%);
    transform: rotate(-3deg);
}

.message_text{
    color:white;
    padding: 20px 10px 10px 20px;
    font-weight: 600;
}

.message_text_rental{
    font-size: 14px;
    padding: 13px 10px 10px 50px;
}

.message_shadow{
    filter: drop-shadow(-4px 6px 2px rgb(255, 255, 255)); 
    left: 28%;
    top: -5%;
}

.message_shadow_rental{
    filter: drop-shadow(-4px 6px 2px rgb(255, 255, 255)); 
    left: 51%;
    top: 4%;
}

.message_shadow_why_we{
    filter: drop-shadow(9px 6px 2px rgb(255, 255, 255));
    left: 13%;
    top: -5%;
}

.form{
    padding: 0px 20px 0 20px;
}
/*==================RENTAL============*/
.message_text_name{
    color:white;
    padding: 22px 10px 10px 45px;
    font-weight: 500;
}

.header_color{
    color:#EC008C;
    font-weight: 900;
    line-height: 140%;
}

.slideshow{
    right: 10px;
    bottom: -5%;
}

.message_name_left_black{
    width: 251px;
    height: 81px;
    clip-path: polygon(2% 19%, 100% 0%, 98% 73%, 20% 77%, 31% 100%, 0 74%, 0% 75%);
    background:black;
}

.message_name_right_black{
    width: 251px;
    height: 81px;
    clip-path: polygon(0% 0%, 98% 18%, 100% 71%, 100% 70%, 69% 100%, 78% 69%, 2% 67%);
    background:black;
    transform: rotate(3deg);
}

.right_black{
    transform: rotate(3deg);
}

.message_shadow_name{
    filter: drop-shadow(-4px 6px 2px rgb(255, 255, 255));
    bottom:5%;
    left:10%;
}

.message_name_right_blue{
    width: 251px;
    height: 81px;
    clip-path: polygon(0% 0%, 98% 18%, 100% 71%, 100% 70%, 69% 100%, 78% 69%, 2% 67%);
    background: #EC008C;
    transform: rotate(3deg);
}

.message_name_left_blue{
    width: 251px;
    height: 71px;
    clip-path: polygon(2% 0, 99% 0, 100% 73%, 21% 64%, 34% 100%, 0 57%, 0 57%);
    background: #EC008C;
    transform: rotate(-5deg);
}

.left_blue{
    padding: 13px 20px 30px 40px;
}

.message_text_black{
    color:#181818;
}

.message_name_right_white{
    width: 251px;
    height: 81px;
    clip-path: polygon(0% 0%, 98% 18%, 100% 71%, 100% 70%, 69% 100%, 78% 69%, 2% 67%);
    background: white;
}


.shadow_right_black{
    filter: drop-shadow(-4px 6px 2px black);
    transform: rotate(3deg);  
}


.shadow_left{
    transform: rotate(-5deg);
}


/*=================TEACHER================*/

.button_accordion{
    background:none;
    border:none;
    padding: 0px!important;
    font-family: "Montserrat", sans-serif;
    cursor: pointer;
}

.button_accordion_more{
    font-size:24px ;
}

.button_accordion_more:hover{
    color:#00B2BB;
}

.message_teacher_right_black{
    width: 383px;
    height: 185px;
    clip-path: polygon(0% 0%, 98% 14%, 100% 55%, 70% 85%, 84% 55%, 2% 57%);
    background:black;
    transform: rotate(5deg);
}

.message_shadow_teacher{
    filter: drop-shadow(-4px 6px 2px rgb(255, 255, 255));
    bottom:1%;
    left:20%;
}

.message_text_teacher{
    color:white;
    transform: translate(20%, 110%);
    font-weight: 800;
    font-size: 20px;
}

.message_teacher_left_blue{
    width: 383px;
    height: 185px;
    clip-path: polygon(0% 0%, 98% 0, 100% 52%, 19% 44%, 29% 80%, 2% 40%);
    background:#EC008C;
    transform: rotate(-5deg);
}

.name_teacher_choise:nth-child(even){
    width: 383px;
    height: 185px;
    clip-path: polygon(0% 0%, 98% 0, 100% 52%, 19% 44%, 29% 80%, 2% 40%);
    background:#00B2BB;
    transform: rotate(-5deg);
}

.name_teacher_choise:nth-child(odd){
    width: 383px;
    height: 185px;
    clip-path: polygon(0% 0%, 98% 14%, 100% 55%, 70% 85%, 84% 55%, 2% 57%);
    background:black;
    transform: rotate(5deg);
}


/*============================EVENT================================*/

.dot_split_text{
    display: inline-block;
    width: 4px;
    height: 4px;
    background:#00B2BB;
    border-radius:50%;
}

.city_filter{
    color:#181818;
    cursor:pointer;
}

.uk-active > a > label{
    color:#00B2BB;
}

 a:hover{
    text-decoration:none;
}

.all_city{
    color:#00B2BB;
}

.all_city:hover{
    color:#00B2BB;
}

/*============================EDUCATION==============*/
.additional_price {
    width: 75px;
}

.img_education{
    background-image:url('/dist/images/pictures/Снимок\ экрана\ 2022-09-22\ в\ 14.51.png');
}

.img_vector{
    bottom:10%;
    left: 10%;
}

.span_text_education{
    font-size: 24px;
    font-weight: 900;
}

.conditions{
    color:#181818;
    top: -30%;
    right: 0%;
    transform: rotate(8deg);
}

.presents{
    color:#9A9A9A;
    bottom: -70%;
    right: 0%;
    transform: rotate(3deg);
}

.speakers{
    bottom: 10%;
    left: 10%;
    transform: rotate(-10deg);
    color: #E91C63;
}

.installment{
    bottom: -173%;
    left: 11%;
    color: #00B2BB;
    transform: rotate(-8deg);
}

.list_check{
    list-style-image: url('/dist/images/icons/check.svg');
}

.hr_education{
    border-top:1px solid #EC008C;
}

.span_color_pink{
    color:#E91C63;
    font-weight: 800;
}

.span_text_modal{
    font-size: 10px;
}


.header_course{
   font-size: 16px; 
   margin-bottom: 0;
   text-transform:uppercase;
   font-weight: 500;
}

.price_main{
    margin-top: 0;
}

.back_cost{
    background:#EC008C;
    padding: 0;
    margin: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.uk-card-default-course{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.input_price{
    border:none;
    font-size: 24px;
    font-weight: 600;
}
#curs { display: none; }
#taglist { margin-top: 1em; }
#paket div { display: inline-block; }
.check-group label { display: block; }

.btn-more{
    width:25%;
    cursor:pointer;
}

.link_quiz_course h3:hover{
    color:#00B2BB;
}

.video_rental{
    bottom:0;
}

@media screen and (max-width:820px) {
    .img{
        width: 452px;
        height: 400px;
    }
    
    .img_education{
        left:23%;
    }
    
    .header_block{
        bottom:-58px;
    }

    .block_teg_header{
        top:45%;
        left:0;
    }

    .text_header_base{
        top:5px;
    }

    .img_header_base{
        top:70px;
    }

    .flex{
        display: flex;
        align-items:center;
    }

    

   .uk-button{
        display: block;
        text-align: center;
        width: 100%;
    }

    .message{
        width: 265px;
    }

    .message_rental{
        width: 180px;
    }

    .futura_font{
        font-size: 12px;
    }

    .message_text_name{
        padding: 15px 15px;
    }

    .name_speakers{
        width: 200px;
        height: 73px;
        font-size: 16px;
    }

    .name_speakers_block{
        left: 13%;
    }

    .name_teacher{
        width: 305px;
        height: 135px;
        transform: translate(50px, 0px);
    }

    .message_text_teacher{
        font-size: 16px;
    }
    
    .hashtag_education{
        bottom: 70%;
        left: -5%;
    }
    
    .conditions{
        top:-55%;
    }
    
    .span_text{
        font-size:24px;
        display:block;
    }
    
    .brows {
    bottom: -75%;
    right: 95%;
    transform: rotate(-10deg);
    }
    
    .nail {
    top:-112%;
    left:60%;
    transform: rotate(14deg);
    }
    
    .eyelashes {
    bottom:255%;
    left:63%;
    transform: rotate(360deg);
    }
    
    .hair {
    top: 80%;
    left: 70%;
    transform: rotate(360deg);
    }
    
    .message_shadow_why_we{
        left:40%;
    }
    
    .uk-grid-small, .uk-grid-column-small {
    margin-left: 40px;
    }
    
    .message_shadow_teacher{
    left:25%;
    }
    
    .rental_header_media{
        font-size:32px;
    }
    
    .img_vector {
        bottom: -40%;
        left: -45%;
    }
    
    .img_rental{
        left:23%;
    }
    
    .rental_list{
        text-align:center;
    }
}

@media screen and (max-width:786px) {
    .img{
        width: 452px;
        height: 400px;
    }
    
    .header_block{
        bottom:-58px;
    }

    .block_teg_header{
        top:45%;
        left:0;
    }

    .text_header_base{
        top:5px;
    }

    .img_header_base{
        top:70px;
    }

    .flex{
        display: flex;
        align-items:center;
    }

    

   .uk-button{
        display: block;
        text-align: center;
        width: 100%;
    }

    .message{
        width: 265px;
    }

    .message_rental{
        width: 180px;
    }

    .futura_font{
        font-size: 12px;
    }

    .message_text_name{
        padding: 15px 15px;
    }

    .name_speakers{
        width: 200px;
        height: 73px;
        font-size: 16px;
    }

    .name_speakers_block{
        left: 13%;
    }

    

    .message_text_teacher{
        font-size: 16px;
    }
    
    .hashtag_education{
        bottom: 70%;
        left: -5%;
    }
    
    .conditions{
        top:-55%;
    }
    
    .span_text{
        font-size:24px;
        display:block;
    }
    
    .brows {
    bottom: -75%;
    right: 95%;
    transform: rotate(-10deg);
    }
    
    .nail {
    top:-112%;
    left:65%;
    transform: rotate(14deg);
    }
    
    .eyelashes {
    bottom:255%;
    left:65%;
    transform: rotate(360deg);
    }
    
    .hair {
    top: 80%;
    left: 70%;
    transform: rotate(360deg);
    }
    
    .message_shadow_why_we{
        left:40%;
    }
    
    .uk-grid-small, .uk-grid-column-small {
    margin-left: 15px;
    }
    
    .get_modal_course{
        margin-top:10px;
    }
    
}

@media screen and (max-width:470px) {
    .img{
        width: 345px;
        height: 300px;
        left:30px;
    }
    
    .video_rental{
        bottom:0;
        left:0;
    }
    
    .header_block{
        bottom:-58px;
    }

    .block_teg_header{
        top:45%;
        left:0;
    }

    .text_header_base{
        top:-31px;
    }

    .img_header_base{
        top:70px;
    }

    .flex{
        display: flex;
        align-items:center;
    }

    .span_text{
        display: none;
    }

   .uk-button{
        display: block;
        text-align: center;
        width: 100%;
    }

    .message{
        width: 265px;
    }

    .message_rental{
        width: 180px;
    }

    .futura_font{
        font-size: 12px;
    }

    .message_text_name{
        padding: 15px 15px;
    }

    .name_speakers{
        width: 150px;
        height: 52px;
        font-size: 12px;
    }

    .name_speakers_block{
        left: 5%;
    }

    .name_teacher{
        width: 330px;
        height: 110px;
        transform: translate(50px, 0px);
    }

    .message_text_teacher{
        font-size: 14px;
    }
    
    .hashtag_education{
        bottom: 60%;
        left: -5%;
    }
    
    .installment{
       bottom: -145%; 
    }
    
    .conditions{
        top:-55%;
    }
    
    .uk-grid-small, .uk-grid-column-small {
    margin-left: -15px;
    }
    
    .message_shadow_teacher{
    left:0%;
    }
    
    .img_vector {
        bottom: 10%;
        left: 10%;
    }
    
    .weight400{
    font-size:70px;
    }
    
    
}