html{
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
}

}
*, *::before, *::after{
    box-sizing: inherit;
}

*, *::before, *::after{
  box-sizing: border-box;
}

body{
color: #000000;
font-size: 20px;
font-family: Montserrat;
font-weight: 500;
line-height: 28px;
overflow-x: hidden;
}
*, *::before, *::after{
    box-sizing: inherit;
}

@media (max-width: 510px) {
    /*Intro styles start */
    .wrapper{
    max-width: 510px;
    margin: 0 auto;
    padding: 16px;
    margin-top: 0px;
    }
    
    
.intro_wrapperall{
    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 560px;
}

    .intro{
    height: 900px;
    position: relative;
    }

    .intro_wrapper{
    margin-top: -220px;
    margin-left: 0px;
    }

    .intro_title{
    font-size: 42px;
    line-height: 50px; 
    }

    .intro_title1{
    font-size: 42px;
    line-height: 50px; 
    }

    .intro_title2{
    font-size: 42px;
    line-height: 50px; 
    }

    .intro_subtitle{
    margin-left: 0px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
    }

    .intro_wrapper1{
    max-width: 400px;
    margin-left: 0px;
    margin-top: 40px;
    margin-bottom: 0px;
    position: absolute;
    bottom: 0;
    }


 .intro_button{
    font-size: 20px;

 }

/*Intro styles end */

/*Benefits styles start */

.benefits{
   height: 100%;
  }
  
 .benefits_wrapper{
 padding-top: 30px;
 padding-bottom: 30px;
 }

.benefits_pic{
  margin-bottom: 5px;
}

.benefits_icons{
margin-left: 0px;
max-width: 310px;
min-width: 250px;
row-gap: 45px;
}

.benefits_title{
    margin-bottom: 5px;
    font-size: 30px;
    line-height: 29px;
    max-width: 310px;
    min-width: 250px;
  }

.benefits_text{
  font-size: 15px;
    font-weight: 500;
  line-height: 21px;
  max-width: 310px;
  min-width: 250px;
}

/*Benefits styles end */

/*Audience styls start */
.audience{
  background-color: #FFCB46;
  height: 100%;
  
}

.audience_wrapper{
padding-top: 30px;
max-width: 400px;
}

.audience_wrapper1{
  margin-top: 0px;
  margin-left: 0px;
}

.audience_title{
font-size: 40px;
text-align: center;

}

.audience_wrapper2{
  width: 280px;
  height: 252px;
  margin-top: -20px;
  margin-left: 0px;
}


.audience_block{
padding: 10px 20px;
margin-left: 0px;
}

.audience_block2{
  margin-left: 0px;
  margin-top: -10px;
  padding: 10px 20px
}

.audience_block3{
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 15px;
  padding: 10px 20px
}

.audience_block4{
  margin-left: 0px;
  margin-top: 15px;
  padding: 10px 20px
}

.audience_subtitle{
font-size: 18px;
font-weight: 600;
}

.audience_wrapperall{
display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100%;
}

.audience_wrapper3{
  margin-left: 0px;
  max-width: 400px;
  padding-top: 10px;
  padding-bottom: 30px;
  text-align: center;
}

.audience_text{
  font-size: 17px;
  line-height: 24px;
  text-align: center;
  }
  
/*Audience styles end */


/*Advantages styles start */
.advantages{
  background-color: #FFC6E7;
  height: 100%;
}

.advantages_wrapper{
  padding-top: 30px;
  width: 360px;
  margin-left: 0px;
}

.advantages_wrapperall{
    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100%;
}

.advantages_wrapper1{
margin-top: -50px;
max-width: 360px;
margin-left: 0px;
height: 100%
}

.advantages_title{
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  max-width: 360px;
justify-content: center;
display:flex;
  }

  .advantages_blocks{
    width: 360px;
     margin-left: 0px;
     padding-left: 0px;
     max-width: 310px;
    row-gap: 40px;
    }
    
 .advantages_block{
     max-width: 360px;
outline: 2px black solid;
}
  
  .advantages_subtitle{
  margin-top: 35px;
   margin-bottom: 20px;
  font-size: 30px;
  line-height: 36px;
  width: 310px;
text-align: left;
  
  }
    
  .advantages_text{
  font-size: 17px;
  line-height: 23px;
  width: 310px;
  font-weight: 500;
    text-align: left;
  }

  .advantages_block2{
    margin-top: -15px;
     max-width: 360px;
    outline: 2px black solid;
      margin-left: 0px;
  }

  .advantages_subtitle2{
  margin-top: 35px;
   margin-bottom: 20px;
  font-size: 30px;
  line-height: 36px;
  width: 310px;
  text-align: left;
  }
      
  .advantages_text2{
  font-size: 17px;
  line-height: 23px;
  width: 310px;
  font-weight: 500;
    text-align: left;
  }
  
    .advantages_blocks2{
    width: 400px;
     margin-left: 0px;
     padding-left: 0px;
     max-width: 310px;
    row-gap: 40px;
    }


  .advantages_block3{
    margin-top: -15px;
    margin-left: 0px;
    margin-right: 0px;
    width: 360px;
    outline: 2px black solid;
  }

  
  .advantages_subtitle3{
  margin-top: 35px;
   margin-bottom: 20px;
  font-size: 30px;
  line-height: 36px;
  width: 310px;
    text-align: left;
  }
      
  .advantages_text3{
  font-size: 17px;
  line-height: 23px;
  width: 310px;
  font-weight: 500;
  text-align: left;
  }

  .advantages_block4{
    margin-top: -15px;
    margin-left: 0px;
    margin-right: 0px;
    width: 360px;
    outline: 2px black solid;
    text-align: left;
  }

  .advantages_subtitle4{
    margin-top: 35px;
   margin-bottom: 20px;
    font-size: 30px;
    line-height: 36px;
    width: 310px;
    }
        
  .advantages_text4{
    font-size: 17px;
    line-height: 23px;
    width: 310px;
    font-weight: 500;
    text-align: left;
    }

  .advantages_blocks3{
    width: 400px;
     margin-left: 0px;
     padding-left: 0px;
     max-width: 310px;
    row-gap: 40px;
     margin-bottom: 60px;
    }

  .advantages_block5{
    margin-top: -15px;
    margin-left: 0px;
    margin-right: 0px;
    outline: 2px black solid;
  }  

  .advantages_subtitle5{
    margin-top: 35px;
   margin-bottom: 20px;
    font-size: 30px;
    line-height: 36px;
    width: 310px;
    margin-right: 27px;
    text-align: left;
   }
          
  .advantages_text5{
    font-size: 17px;
    line-height: 23px;
    width: 310px;
    margin-right: 20px;
    font-weight: 500;
    text-align: left;
    }

  .advantages_block6{
    margin-top: -15px;
    margin-left: 0px;
    margin-right: 0px;
    width: 360px;
    outline: 2px black solid;
  }  
 
    
  .advantages_subtitle6{
    margin-top: 35px;
   margin-bottom: 20px;
    font-size: 30px;
    line-height: 36px;
    width: 310px;
    text-align: left;
    }
            
  .advantages_text6{
    font-size: 17px;
    line-height: 23px;
    width: 310px;
    font-weight: 500;
    text-align: left;
    }

/*Advantages styles end */

/*Teacher styles start */

.teacher{
  height: 100%;
}


.teacher_wrapper{
  padding-top: 35px;
  padding-bottom: 35px;
}

.teacher_title{
  font-size: 40px;
  min-width: 230px;
    line-height: 48px;
}

.teacher_photo{
margin-top: -10px;
display: flex;
justify-content: center;
margin: 0 auto;
}
  
.teacher_wrapperall{
margin-top: 740px;
   display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100%;
}

.teacher_name{
font-size: 26px;
width: 400px;
margin-left: 0px;
}

.teacher_wrapper1{
  max-width: 400px;
  margin-left: 0px;
  padding-left: 0px;
 padding-top: 40px;
  }

.teacher_wrapper2{
margin-left: 20px;
margin-top: 0px;
margin-bottom: 60px;
 max-width: 380px;
 height: 100%;
}

.teacher_icon1{
padding-top: 5px;
}

.teacher_secondname{
font-size: 19px;
line-height: 26px;
width: 400px;
margin-left: 0px;
padding-left: 0px;
margin-top: -10px;
}

.teacher_featurename{
  font-size: 26px;
}

.teacher_featuretext{
  font-size: 17px;
  line-height: 23px;
  width: 230px;
}

.teacher_features{
  display: grid;
  grid-template-rows: 170px 140px 140px 170px;
  row-gap: 24px;
  position: center;
  margin: 0 auto;
  }


.teacher_feature1{
outline: 2px black solid;
width: 360px;
display: flex;
column-gap: 20px;
padding: 21px 16px ;
}

/*Teacher styles end */

/*Testemonials  styles start */
.testimonials{
height: 100%;
}

.testimonials_title{
  font-size: 40px;
  line-height: 48px;
  width: 400px;
}

.testimonials_important{
   display: flex;
   justify-content: left;
}

.testimonials_wrapper{
  padding-top: 35px;
  margin-bottom: 55px;
}

.testimonials_wrapperall{
   display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100%;
  margin-bottom: 40px;
}

.testimonials_all{
  margin-bottom: 45px;
  }
  
  .testimonials_frame1{
  width: 360px;
  border: 2px solid black;
  margin-bottom: 20px;
  margin-right: 0px;
}

  .testimonials_frame2{
  width: 360px;
  border: 2px solid black;
  margin-bottom: 20px;
}

.testimonials_inside{
margin-left: 28px;
margin-right: 28px;
margin-top: 25px;
margin-bottom:25px;
}


.testimonials_text{
  font-size: 17px;
  line-height: 23px;
  width: 310px;
  font-weight: 500;
  text-align: left;
}

.testimonials_block1{
padding: 6px 14px;
border-radius: 10px;
}

.testimonials_block2{
padding: 6px 14px;
border-radius: 10px;
}

.testimonials_block3{
padding: 6px 14px;
border-radius: 10px;
}

.testimonials_block4{
padding: 6px 14px;
border-radius: 10px;
}

.testimonials_inside img{
width: 30%;
height: 30%;
margin-left: 0px;
}

.testimonials_info{
margin-top: 10px;
}

.testimonials_info1{
  margin-top: 20px;
  text-align: left;
  }
  
.testimonials_info2{
    margin-top: 20px;
    text-align: left;
}

.testimonials_name{
font-size: 16px;
}

.testimonials_town{
  font-size: 14px;
  margin-top: -5px;
  line-height: 20px;
}

.testimonials_subtitle{
  font-size: 14px;
  line-height: 19px;
  text-align: left;
}

.testimonials_wrapper2{
  margin: 0px;
}


/*Testemonials  styles end */


/*Price styles start */

.price{
  height: 100%;
}

.price_wrapperall{
margin: 0 auto;
padding-bottom: 50px;
}

.price_wrapper{
  padding-top: 35px;
}

.price_frame1{
  outline: 2px solid black;
  width: 360px;
  padding: 21px 21px;
}

.price_wrapper1{
  margin-left: 0px;
  padding-top: 25px;
  grid-template-columns: repeat(1);
  justify-content: center;
  display: grid;
  row-gap: 20px;
}

.price_title{
  font-size: 40px;
  line-height: 48px;
  justify-content: center;
}

.price_title1{
font-size: 28px;
line-height: 34px;
margin-top: 3px;

}

.price_frame1{
  margin-left: none;
}

.price_pictitle{
display: grid;
row-gap: 10px
    
}

.price_pic{
width: 24%;
}

.price_description{
  font-size: 17px;
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 20px;
  margin-top: 5px;
}

.price_info{
  display: flex;
  grid-template-columns: repeat(0);
  column-gap: 13px;
  margin-bottom: 15px;
}

.price_pinkpolygon{
  padding-top: 2px;
  max-width: 18px;
  min-width: 18px;
  height: 18px;
}


.price_forwho{
font-size: 17px;
line-height: 23px;
margin-bottom: 0px;
}

.price_features{
  margin-bottom: 15px;
  margin-top: 5px;
}

.price_pinkfeature1{
  font-size: 15px;
  padding: 2px 7px;

}

.price_pinkfeature2{
  font-size: 15px;
  margin-left: 0px;
  padding: 2px 7px;
}

.price_value{
    height: 60px;
  grid-template-columns: repeat(0);
    column-gap: 10px;
    margin-bottom: 15px;
}

.price_number{
font-size: 35px;
}

.price_rubles{
font-size: 35px;
font-family: Arial, Helvetica, sans-serif;
width: 17px;
border-bottom: 3px solid #000;
margin-left: -8px;
margin-top: 20px;
}

.price_time{
font-size: 16px;
font-family: Montserrat;
font-weight: 500;
}

.price_button{
  outline: 3px solid black;
  padding: 14px 32px 14px 18px;
  background: #FF7629;
  border-radius: 14px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  box-shadow: 8px 8px black;
}

.price_yellowfeature1{
  font-size: 15px;
  padding: 2px 7px;
margin-bottom: 7px;
}

.price_yellowfeature2{
  font-size: 15px;
  margin-left: 0px;
  padding: 2px 7px;
}

.price_pic3{
width: 24%;
}

.price_bluefeature1{
  font-size: 15px;
  margin-bottom: 7px;
  padding: 2px 7px;
}

.price_bluefeature2{
  font-size: 15px;
  margin-left: 0px;
  padding: 2px 7px;
}

.price_orangefeature1{
  font-size: 15px;
  margin-bottom: 7px;
  padding: 2px 7px;
}

.price_orangefeature2{
  font-size: 15px;
  margin-left: 0px;
  padding: 2px 7px;
}

/*Price styles end */

/*Path styles start */
.path{
height: 100%;
}

.path_wrapperall{
   display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100%;
}

.path_wrapper{
padding-top: 35px;
width: 360px;
margin-left: 0px;
height: 100%;
}

.path_pic{
height: 100%;
width: 360px;
margin-left: 0px;
margin-right: 0px;
padding-top: 20px
}

.path_title{
  font-size: 40px;
  line-height: 48px;
  margin-left: 0px;
  padding-bottom: 0px;
}

.path_wrapper1{
width: 360px;
margin-left: 0px;
height: 665px;
margin-bottom: 90px;
}

.path_frame1{
width: 360px;
margin-bottom: 30px;
outline: 2px black solid;
}

.path_into{
  column-gap: 15px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 0px;
}

.path_head{
font-size: 24px;
line-height: 30px;
text-align: left;
}

.path_text{
font-size: 17px;
line-height: 24px;
margin-top: 5px;
font-weight: 500;
text-align: left;
}

.path_into img{
margin-top: 5px;
height: 45px;
}

.path_all{
margin-left: 0px;
margin-top: 20px;
}

.path_all2{
  margin-left: 0px;
}

.path_all3{
  margin-left: 0px;
}

.path_all4{
  margin-left: 0px;
}

.path_into2{
  column-gap: 15px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 0px;
}

.path_into2 img{
margin-top: 5px;
height: 45px;
}

.path_into3{
  column-gap: 15px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 0px;
}

.path_into3 img{
margin-top: 5px;
height: 45px;
}

.path_into4{
  column-gap: 25px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 0px;
}

.path_into4 img{
margin-top: 5px;
height: 45px;
}

/*Path styles end */

/*Form styles start */

.form{
background-color: #85A0FF;
  height: 1050px;
  margin-top: -30px;
}

.form_wrapperall{
 display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100%;
}

.form_wrapper{
     padding-top: 65px;
  width: 360px;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.form_title{
  padding-top: 0px;
  font-size: 36px;
  line-height: 40px;
  height: auto;
  padding-bottom: 10px;

  }

.form_slogan{
  font-size: 17px;
  line-height: 24px;
}

.form_wrapperquest{
    margin-top: 460px;
}

.form_questions{
margin-top: 0px;
font-size: 19px;
line-height: 26px;
padding-top: 0px;
padding-bottom: 5px
}

.form_write{
    font-size: 17px;
    padding-bottom: 0px;
}

.form_mail{
   font-size: 17px;
   margin-top: 0px;
   padding-bottom: 20px;
}

.form_message{
font-size: 17px;
word-wrap: break-word;
color: black;
padding-bottom: 7px;
}

.form_telegram{
  column-gap: 10px;
  margin-left: -20px;
  height: 50px;
  width: 165px;
  align-items: center;
  background-color: #587CFE;
  padding: 7px 10px 7px 5px;
  border-radius: 14px;
  outline: 2px black solid;
  font-size: 16px;
  text-align: center;
}

.form_whatsapp{
  column-gap: 8px;
  margin-left: -20px;
  height:50px;
  width: 165px;
  padding: 7px 20px 7px 9px;
  border-radius: 14px;
  outline: 2px black solid;
  font-size: 16px;
}

.form_socials img{
width: 30%;
height: 90%;
}

.form_reply{
    font-size: 17px;
    margin-top: 25px;
}

.form_wrapper3{
    margin-top: -760px;
  }

form{
  padding-bottom: 20px;
  padding-top: 60px;
  width: 360px;
  margin-left: 0px;
  padding-right: 0px;
  margin: 0 auto;


  }

form label{
  margin-top: 15px;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 5px;
  }

form input{
font-size: 17px;
padding: 13px;
line-height: 21px;
width: 100%;
border: 2px black solid;
}

form textarea{
display: grid;
width: 70%;
height: 95px;
font-size: 17px;
padding: 13px;
line-height: 21px;
width: 100%;
border: 2px black solid;
}

form button{
  padding: 12px 12px 12px 0px;
  background: #FF7629;
  border-radius: 14px;
  outline: 2px solid black;
  box-shadow: 8px 8px black;
  width: 230px;
  height: 50px;
  color: white;
  font-size: 18px;
  margin-left: 65px;
  margin-top: 20px;
}