/* montserrat-regular - cyrillic_latin */
@font-face {
    font-display: swap; /* Check httpsss://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-v26-cyrillic_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-500 - cyrillic_latin */
  @font-face {
    font-display: swap; /* Check httpsss://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/montserrat-v26-cyrillic_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-600 - cyrillic_latin */
  @font-face {
    font-display: swap; /* Check httpsss://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/montserrat-v26-cyrillic_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-700 - cyrillic_latin */
  @font-face {
    font-display: swap; /* Check httpsss://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/montserrat-v26-cyrillic_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-800 - cyrillic_latin */
  @font-face {
    font-display: swap; /* Check httpsss://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/montserrat-v26-cyrillic_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-alternates-regular - cyrillic_latin */
@font-face {
    font-display: swap; /* Check httpsss://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat Alternates';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-alternates-v17-cyrillic_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-alternates-600 - cyrillic_latin */
  @font-face {
    font-display: swap; /* Check httpsss://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat Alternates';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/montserrat-alternates-v17-cyrillic_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-alternates-700 - cyrillic_latin */
  @font-face {
    font-display: swap; /* Check httpsss://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat Alternates';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/montserrat-alternates-v17-cyrillic_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-alternates-800 - cyrillic_latin */
  @font-face {
    font-display: swap; /* Check httpsss://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat Alternates';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/montserrat-alternates-v17-cyrillic_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-alternates-900 - cyrillic_latin */
  @font-face {
    font-display: swap; /* Check httpsss://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat Alternates';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/montserrat-alternates-v17-cyrillic_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

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

body{
color: #000000;
font-size: 20px;
font-family: Montserrat;
font-weight: 500;
line-height: 28px;
}

@media (max-width: 768px) {
/*Intro styles start */
.wrapper{
  max-width: 768px;
  margin: 0 auto;
}

.intro{   
height: 1095px;
text-align: center;

}

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

.intro_wrapper{
    max-width: 500px;
     margin-top: 30px;
  }

.intro_subtitle{
margin-left: 0px;
}


.intro_wrapper1{
    width: 501px;
    margin-left: 0px;
    margin-top: 50px;
     margin-bottom: 0px;

  } 
 
/*Intro styles end */

/*Benefits styles start */

.benefits{
    background-color: #ffffff;
    height: 1120px;
    max-width: 768px;
  }
  
   .benefits_wrapper{
display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
 }

  .benefits_icons{
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    row-gap: 85px;
    grid-template-columns:none;
  column-gap: none;
  max-width: 348px;
  }

  .benefits_title{
    display: flex;
    justify-content: center;
    max-width: 768px;
  }

  .benefits_text{
    display: flex;
    justify-content: center;
    font-display: swap;
    font-size: 18px;
    font-family: Montserrat;
    font-weight: 400;
    line-height: 24px;
    color: black;
    text-align: center;
    max-width: 768px;
  }

  
/*Benefits styles end */

/*Audience styles start */

.audience{
    height: 100%;
    max-width: 768px;
}


.audience_wrapper{
  margin: auto 0px;
  display: flex;
  justify-content: center;
  align-content: center;
}

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

.audience_wrapper1{
  margin-top: 40px;
}

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

.audience_wrapper2{
  max-width: 500px;
  min-width: 250px;
  margin-left: 0px;
}

.audience_block{
  margin-left: 0px;
  }

.audience_block2{
margin-left: 0px;
}

.audience_block3{
  margin-left: 0px;
  margin-right: 0px;
  }

.audience_block4{
margin-left: 15px;
}

.audience_wrapper3{
  margin-left: 0px;
  text-align: center;
  padding-bottom: 120px;
}


/*Audience styles end */


/*Advantages styles start */

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

.advantages_wrapper1{
height: 100%
}
    
.advantages_title{
    width: 480px;
    text-align: center;
    margin-left: 0px;
  }

.advantages_blocks{
    width: 480px;
    margin-left: 0px;
  }
  
.advantages_subtitle{
    width: 450px;
    text-align: left;
    font-size: 30px;
    line-height: 40px;
    }

  .advantages_text{
    width: 450px;
    text-align: left;
    font-size: 18px;
    line-height: 26px;
    }

  
.advantages_subtitle2{
    width: 450px;
    text-align: left;
    font-size: 30px;
    line-height: 40px;
    }

.advantages_text2{
    width: 450px; 
    text-align: left;
    font-size: 18px;
    line-height: 26px;
}
.advantages_blocks2{
    column-gap: 43px;
    margin-top: 40px;
    width: 480px;
    margin-left: 0px;
  }
  
  
.advantages_subtitle3{
    width: 450px;
    text-align: left;
    font-size: 30px;
    line-height: 40px;
    }

  .advantages_text3{
    width: 450px;
    text-align: left;
    font-size: 18px;
    line-height: 26px;
}

  
.advantages_subtitle4{
    width: 450px;
    text-align: left;
    font-size: 30px;
    line-height: 40px;
    }

.advantages_text4{
    width: 450px;
    text-align: left;
    font-size: 18px;
    line-height: 26px;
}

.advantages_blocks3{
    column-gap: 43px;
    width: 480px;
    margin-top: 40px;
    margin-left: 0px;
    margin-bottom: 150px;
    }

  
.advantages_subtitle5{
    width: 450px;
    text-align: left;
    font-size: 30px;
    line-height: 40px;
    }

.advantages_text5{
    width: 450px;
    text-align: left;
    font-size: 18px;
    line-height: 26px;
}

.advantages_subtitle6{
    width: 450px;
    text-align: left;
    font-size: 30px;
    line-height: 40px;
    }

.advantages_text6{
    width: 450px;
    text-align: left;
    font-size: 18px;
    line-height: 26px;
}
/*Advantages styles end */

/*Teacher styles start */

.teacher{
max-width: 768px;
height: 100%;
}

.teacher_title{
text-align: center;
line-height: 50px;
}

.teacher_photo{
max-width: 486px;
margin: 0 auto;
}

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

.teacher_wrapper1{
  width: 486px;
  margin-left: -20px;
  padding-left: 0px;
  margin-bottom: 40px;
  margin-top: -760px;
  }

.teacher_wrapper2{
margin-left: 0px;
margin-top: 20px;
 width: 486px;
 margin-bottom: 100px;
}

.teacher_name{
    width: 520px;
    text-align: center;
}

.teacher_secondname{
  width: 520px;
  text-align: center;
}

.teacher_featurename{
  font-size: 30px;
  font-family: Montserrat Alternates;
  font-weight: 700;
  word-wrap: break-word;
  color: black;
  text-align: left;
}

.teacher_feature1{
width: 487px;
}

.teacher_featuretext{
margin-top: 10px;
font-size: 18px;
font-family: Montserrat;
font-weight: 500;
line-height: 26px;
word-wrap: break-word;
color: black;
 text-align: left;
}
/*Teacher styles end */

/*Testemonials  styles start */

.testimonials{
    height: 100%;
    max-width: 768px;
    }
    
.testimonials_wrapperall{
   display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100%;
}

.testimonials_wrapper1{
  width: 486px;
  margin-bottom: 0px;
  margin-left: 0px;
}
  
.testimonials_frame1{
  width: 486px;
  margin-bottom: 40px;
  margin-right: 0px;
  margin-left: 0px;
}

  .testimonials_frame2{
  width: 486px;
  margin-bottom: 40px;
}

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

.testimonials_info1{
  text-align: left;
  }
  
.testimonials_info2{
    text-align: left;
}

.testimonials_text{
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  text-align: left;
}



.testimonials_wrapper2{
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
 width: 486px;
}

.testimonials_subtitle{
font-size: 15px;
}

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



/*Testemonials  styles end */

/*Price styles start */
.price{
    height: 3250px;
    max-width: 768px;
    }
    
.price_wrapperall{
margin: 0 auto;
}

.price_title{
  justify-content: center;
  text-align: center;
}

.price_frame1{
  width: 486px;
  padding: 21px 21px;
}

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

.price_title1{
font-size: 38px;
}

.price_description{
  font-size: 18px;
  font-family: Montserrat;
  font-weight: 400;
  line-height: 26px;
  word-wrap: break-word;
  color: black;
  margin-bottom: 30px;
  margin-top: 15px;
}

.price_forwho{
  font-size: 18px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 26px;
  word-wrap: break-word;
  color: black;
}

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

.price_pinkfeature1{
    font-size: 16px;
}

.price_pinkfeature2{
        font-size: 16px;
}

.price_yellowfeature1{
    font-size: 16px;
}

.price_yellowfeature2{
        font-size: 16px;
}

.price_bluefeature1{
    font-size: 16px;
}

.price_bluefeature2{
        font-size: 16px;
}

.price_orangefeature1{
    font-size: 16px;
}

.price_orangefeature2{
        font-size: 16px;
}

.price_button{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  outline: 3px solid black;
  padding: 16px 34px 16px 20px;
  background: #FF7629;
  border-radius: 14px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  box-shadow: 8px 8px black;
}


/*Price styles end */


/*Path styles start */

.path{
height: 1630px;
max-width: 768px;
}

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

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

.path_wrapper1{
padding-top: 50px;
}


.path_pic{
  padding-top: 0px;
  width: 450px;
  margin-left: 20px;
}

.path_title{
  margin-left: 0px;
  padding-bottom: 0px;
   margin-bottom: 0px;
}

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

.path_all2{
  margin-left: 0px;
}

.path_all3{
  margin-left: 0px;
}

.path_all4{
  margin-left: 0px;
}

.path_frame1{
margin-bottom: 40px;
outline: 3px black solid;
}

.path_head{
text-align: left;
}

.path_text{
text-align: left;
}

.path_line1{
padding-left: 2050px;
margin-top: -600px;
}

.path_line2{
padding-left: 2050px;
margin-top: -600px;
}

.path_line3{
padding-left: 2050px;
margin-top: -600px;
}

/*Path styles end */

/*Form styles start */

.form{
height: 1400px;
}

.form_slogan{
  font-size: 22px;
}

.form_title{
  padding-top: 80px;
  font-size: 48px;
  line-height:54px;
  padding-bottom: 20px;
  }

.form_wrapper{
  margin: 0 auto;
  width:486px;
  
}

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

form{
display: flex;
flex-direction: column;
padding-bottom: 50px;
width: 450px;
margin-left: 50px;
justify-content:right;
margin: 0 auto;
}

form input,
form textarea{
border: 0px;
padding: 20px;
outline: none;
background: white;
border-radius: 10px;
font-size: 20px;
width: 100%;
height: 100%;
border: 3px black solid;
}


.form_wrapperquest{
    margin-top: 650px;
}

.form_questions{
font-size: 21px;
padding-top: 20px;
padding-bottom: 10px
}

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

.form_mail{
font-size: 18px;
padding-bottom: 15px

}

.form_message{
padding-bottom: 15px;
font-size: 18px;
}

.form_reply{
font-size: 18px;
margin-top: 30px;
}

form button{
  margin-left: 90px;
    font-size: 22px;
    margin: 0 auto;
    margin-top: 30px;
    width: 290px;
  height: 69px;
  
}