/* 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: 1050px) {
/*Intro styles start */
.wrapper{
  max-width: 1050px;
padding: 20px;
margin: 0 auto;
  
} 

.intro{   
height: 610px;
padding: 20px;

}

.intro_wrapper{
  padding-top: 20px;
  max-width: 620px
}

.intro_title{
  font-display: swap;
  font-size: 50px;
  font-family: Montserrat Alternates;
  font-weight: 800;
  line-height: 60px;
  color: white;
}

.intro_title1{
  font-display: swap;
  font-size: 50px;
  font-family: Montserrat;
  font-weight: 800;
  line-height: 60px;
 }

.intro_title2{
  font-display: swap;
  font-size: 50px;
  font-family: Montserrat;
  font-weight: 800;
  line-height: 60px;
  margin-bottom: 15px;
  color: #ffffff
}

.intro_subtitle{
 font-display: swap;
 font-size: 14px;
 font-family: Montserrat;
 font-weight: 500;
 line-height: 20px;
 max-width: 400px;
 margin-bottom: 50px;
 color: #ffffff
}

.intro_button{
  padding: 17px 35px 17px 25px;
  background: #FF7629;
  border-radius: 14px;
  outline: 3px solid black;
  box-shadow: 8px 8px black;
  width: 290px;
  height: 69px;
  color: white;
  font-size: 20px;
  font-weight: 700;
  margin-top: 30px;
  cursor: pointer;
}

.intro_button:hover{
  box-shadow: 4px 4px black;
  background: #FF7DC9;
}

.intro_button:focus{
  background: #FF7DC9;
  color: white;
}

.intro_button:active{
  background: #FF7DC9;
}
    
.intro_wrapper1{
  width: 500px;
  margin-left: 400px;
  margin-top: -400px;
  margin-bottom: 300px;

}    
  /*Intro styles end */ 
  
  /*Benefits styles start */

.benefits{
  background-color: #ffffff;
  height: 420px;
}

.benefits_wrapper{
  padding-top: 75px;
  max-width: 1050px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  }

.benefits_icons{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 65px;
  
}

.benefits_icon{
  grid-column: span 1;
}

.benefits_pic{
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  
}

.benefits_title{
  font-display: swap;
  font-size: 24px;
  font-family: Montserrat Alternates;
  font-weight: 700;
  line-height: 28px;
  word-wrap: break-word;
  color: black;
  text-align: center;
  margin-bottom: 10px;
  max-width: 270px;
  min-width: 270px;
}

.benefits_text{
  font-display: swap;
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 400;
  line-height: 20px;
  color: black;
  text-align: center;
  min-width: 270px;
}

/*Benefits styles end */


/*Audience styles start */

.audience{
  background-color: #FFCB46;
  height: 800px;
  padding: 20px;
}

.audience_wrapperall{
display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100%;
}

.audience_wrapper{
  padding-top: 121px;
  max-width: 500px;
}

.audience_wrapper1{
  margin-left: 460px;
  margin-top: -820px;
}

.audience_title{
  font-size: 50px;
  font-family: Montserrat Alternates;
  font-weight: 800;
  word-wrap: break-word;
  color: black;
  min-width: 495px;
  margin-bottom: 60px;
}

.audience_wrapper2{
  width: 500px;
  height: 160px;
  margin-left: 460px;
}

.audience_wrapper2:hover{
cursor: context-menu;
}

.audience_block{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  background-color: white;
  padding: 14px 24px;
  margin-bottom: 24px;
  margin-right: 14px;
  border-radius: 16px;
  border: 3px solid black
   
}

.audience_block2{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  background-color: #FF7629;
  padding: 14px 24px;
  border-radius: 16px;
  border: 3px solid black
}

.audience_block3{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  background-color: #FF7DC9;
  padding: 14px 24px;
  margin-right: 14px;
  border-radius: 16px;
  border: 3px solid black

}

.audience_block4{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  background-color: #6587FF;
  padding: 14px 24px;
  border-radius: 16px;
  border: 3px solid black
}

.audience_subtitle{
  font-size: 21px;
  font-family: Montserrat Alternates;
  font-weight: 500;
  line-height: 30px;
  word-wrap: break-word;
  color: black;
}

.audience_wrapper3{
margin-left: 460px;
margin-top: 40px;
max-width: 488px;
min-width: 250px;
}

.audience_text{
color: black;
font-size: 16px;
font-family: Montserrat;
font-weight: 500;
line-height: 24px;
word-wrap: break-word;
}

/*Audience styles end */



/*Advantages styles start */

.advantages{
background-color: #FFC6E7;
height: 1100px;
padding: 20px;
}

.advantages_wrapperall{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.advantages_wrapper{
  padding-top: 70px;
  padding-bottom: 80px
}

.advantages_title{
font-size: 50px;
font-family: Montserrat Alternates;
font-weight: 800;
word-wrap: break-word;
color: black;
line-height: 72px;
}

.advantages_wrapper1{
height: 1200px
}

.advantages_blocks{
  display:grid;
  justify-content: center;
  column-gap: 43px;
  width: 250px;
  row-gap: 40px;
  text-align: left;
  margin-left: -20px;
}

.advantages_block{
display: inline-block;
background-color: #FFCB46 ;
border-radius: 21px;
outline: 4px black solid;
cursor: context-menu;
}

.advantages_subtitle{
height: auto;
width: 247px;
padding-left: 27px;
margin-top: 55px;
margin-bottom: 28px;
font-size: 24px;
font-family: Montserrat;
font-weight: 700;
line-height: 30px;
word-wrap: break-word;
color: black;
}

.advantages_text{
height: auto;
width: 200px;
margin-left: 27px;
margin-right: 27px;
margin-bottom: 30px;
font-size: 14px;
font-family: Montserrat;
font-weight: 400;
line-height: 22px;
word-wrap: break-word;
color: black;
}

.advantages_block2{
display: inline-block;
background-color: black;
border-radius: 21px;
outline: 4px black solid;
cursor: context-menu;
}
  
.advantages_subtitle2{
height: auto;
width: 200px;
padding-left: 27px;
margin-top: 55px;
margin-bottom: 28px;
font-size: 24px;
font-family: Montserrat;
font-weight: 700;
line-height: 30px;
word-wrap: break-word;
color: white;
}

.advantages_text2{
height: auto;
width: 200px;
margin-left: 27px;
margin-right: 27px;
margin-bottom: 30px;
font-size: 14px;
font-family: Montserrat;
font-weight: 400;
line-height: 22px;
word-wrap: break-word;
color: white;
}

.advantages_blocks2{
  display:grid;
  justify-content: center;
  column-gap: 43px;
  row-gap: 40px;
  width: 245px;
  margin-left: 295px;
  margin-top: -680px;
  text-align: left;
}

.advantages_block3{
display: inline-block;
background-color: white;
border-radius: 21px;
outline: 4px black solid;
cursor: context-menu;
}

.advantages_subtitle3{
height: auto;
width: 245px;
padding-left: 24px;
margin-top: 55px;
margin-bottom: 28px;
font-size: 24px;
font-family: Montserrat;
font-weight: 700;
line-height: 30px;
word-wrap: break-word;
color: black;
}

.advantages_text3{
height: auto;
width: 245px;
margin-left: 27px;
margin-right: 27px;
margin-bottom: 30px;
font-size: 14px;
font-family: Montserrat;
font-weight: 400;
line-height: 22px;
word-wrap: break-word;
color: black;
}

.advantages_block4{
  display: inline-block;
  background-color: #FF7629;
  border-radius: 21px;
  outline: 4px black solid;
  cursor: context-menu;
  }

.advantages_subtitle4{
  height: auto;
  width: 245px;
  padding-left: 27px;
  margin-top: 55px;
  margin-bottom: 28px;
  font-size: 24px;
  font-family: Montserrat;
  font-weight: 700;
  line-height: 30px;
  word-wrap: break-word;
  color: black;
}

.advantages_text4{
  height: auto;
  width: 245px;
  margin-left: 27px;
  margin-right: 27px;
  margin-bottom: 30px;
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
  color: black;
  }

.advantages_blocks3{
display:grid;
justify-content: center;
column-gap: 43px;
row-gap: 40px;
width: 200px;
margin-left: 630px;
margin-top: -760px;
text-align: left;
}

.advantages_block5{
  display: inline-block;
  background-color: #002BC4;
  border-radius: 21px;
  outline: 4px black solid;
  cursor: context-menu;
}

.advantages_subtitle5{
height: auto;
width: 200px;
padding-left: 27px;
margin-top: 55px;
margin-bottom: 28px;
font-size: 24px;
font-family: Montserrat;
font-weight: 700;
line-height: 30px;
word-wrap: break-word;
color: white;
}

.advantages_text5{
height: auto;
width: 200px;
margin-left: 27px;
margin-right: 27px;
margin-bottom: 30px;
font-size: 14px;
font-family: Montserrat;
font-weight: 400;
line-height: 20px;
word-wrap: break-word;
color: white;
}

.advantages_block6{
 display: inline-block;
 background-color: #FF7DC9;
 border-radius: 21px;
 outline: 4px black solid;
cursor: context-menu;
}

.advantages_subtitle6{
height: auto;
width: 200px;
padding-left: 27px;
margin-top: 55px;
margin-bottom: 28px;
font-size: 24px;
font-family: Montserrat;
font-weight: 700;
line-height: 30px;
word-wrap: break-word;
color: black;
}

.advantages_text6{
height: auto;
width: 200px;
margin-left: 27px;
margin-right: 27px;
margin-bottom: 30px;
font-size: 14px;
font-family: Montserrat;
font-weight: 400;
line-height: 20px;
word-wrap: break-word;
color: black;
}

/*Advantages styles end */


/*Teacher styles start */
.teacher{
  background-color: #85A0FF;
  height: 980px;
  padding: 20px;
}

.teacher_wrapperall{
   display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100%;
}

.teacher_wrapper{
  padding-top: 70px;
  padding-bottom: 85px;
}

.teacher_photo{
max-width: 460px;
}

.teacher_title{
  font-size: 50px;
  font-family: Montserrat Alternates;
  font-weight: 800;
  word-wrap: break-word;
  color: black;
  min-width: 300px;
}


.teacher_wrapper1{
padding-left: 520px;
margin-top: -670px;
}

.teacher_name{
  font-size: 30px;
  font-family: Montserrat;
  font-weight: 800;
  line-height: 40px;
  word-wrap: break-word;
  color: black;
  margin-bottom: 10px;
}

.teacher_secondname{
  font-size: 21px;
  font-family: Montserrat;
  font-weight: 600;
  line-height: 28px;
  word-wrap: break-word;
  color: black;
}

.teacher_wrapper2{
width: 490px;
height: 623px;
margin-left: 620px;
margin-top: 33px;
cursor: context-menu;
}

.teacher_features{
display:grid;
grid-template-rows: repeat(4, 1fr);
row-gap: 24px;
}

.teacher_feature1{
background-color: white;
border-radius: 18px;
outline: 3px black solid;
width: 400px;
display: flex;
column-gap: 28px;
padding: 18px 13px ;
}

.teacher_icon1{
padding-top: 15px;
width: 25%;
}

.teacher_featurename{
  font-size: 24px;
  font-family: Montserrat Alternates;
  font-weight: 700;
  word-wrap: break-word;
  color: black;
  text-align: left;
}

.teacher_featuretext{
margin-top: 10px;
font-size: 14px;
font-family: Montserrat;
font-weight: 500;
line-height: 20px;
word-wrap: break-word;
color: black;
 text-align: left;
}

.teacher_icon2{
  padding-top: 10px;
  padding-left: 10px;
  width: 20%
  }

.teacher_icon3{
  padding-top: 14px;
  padding-left: 10px;
   width: 25%
  }
/*Teacher styles end */


/*Testemonials  styles start */
.testimonials{
background-color: #FFCB46;
height: 1550px;
padding: 20px;
}

.testimonials_wrapperall{
      display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100%;
}

.testimonials_wrapper{
  padding-top: 70px;
  height: auto;
  margin-bottom: 85px;
}

.testimonials_wrapper1{
  width: 500px;
    margin-left: -450px;
}

.testimonials_title{
display: flex;
justify-content:left;
font-size: 50px;
font-family: Montserrat Alternates;
font-weight: 800;
word-wrap: break-word;
color: black;
line-height: 60px;
}

.testimonials_frame1{
display: inline-block;
border-radius: 14px;
background-color: #ffffff;
border: 3px solid black;
width:460px;
margin-bottom: 32px;
margin-right: 44px;
cursor: context-menu;

}

.testimonials_inside{
display: inline-flexbox;
grid-template-columns: repeat(2);
justify-content: center;
margin-left: 44px;
margin-right: 50px;
margin-top: 35px;
margin-bottom:35px;
text-align: left;

}

.testimonials_up{
  display: flex;
  grid-template-columns: repeat(1);
  column-gap: 20px;
  margin-left: -20px;
  margin-bottom: 20px;

}

.testimonials_info1{
margin-top: 20px
}

.testimonials_text{
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
  color: black;
  margin-bottom: 20px;
}

.testimonials_name{
font-size: 16px;
font-family: Montserrat;
font-weight: 800;
word-wrap: break-word;
color: black;
}

.testimonials_town{
  font-size: 14px;
  font-family: Montserrat Alternates;
  font-weight: 600;
  line-height: 20px;
  word-wrap: break-word;
  color: black;
  margin-top: 2px;
}

.testimonials_block1{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: inline-block;
background-color: #FF7C33;
padding: 8px 16px;
border-radius: 10px;
}

.testimonials_subtitle{
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 21px;
  word-wrap: break-word;
  color: black;

}

.testimonials_info2{
  margin-top: 10px
  }

.testimonials_info2{
  margin-top: 30px;
  }

.testimonials_block2{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
  display: inline-block;
  background-color: #FFCB46;
  padding: 8px 16px;
  border-radius: 10px;
  }

.testimonials_block3{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
  display: inline-block;
  background-color: #FF7DC9;
  padding: 8px 16px;
  border-radius: 10px;
  }

.testimonials_wrapper2{
  margin-top: -1230px;
  margin-left: 540px;
  margin-right: 44px;
  width: 460px;
}

.testimonials_frame2{
  display: inline-block;
  border-radius: 14px;
  background-color: #ffffff;
  border: 3px solid black;
  margin-bottom: 32px;
  cursor: context-menu;
}

.testimonials_block4{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
  display: inline-block;
  background-color: #9EB3FF;
  padding: 8px 16px;
  border-radius: 10px;
  }

/*Testemonials  styles end */

/*Price styles start */
.price{
background-color: #FFC6E7;
height: 1750px;
 padding: 20px;
}

.price_wrapper{
  padding-top: 70px;
  height: auto;
  padding-bottom: 30px;

}

.price_title{
  display: flex;
  justify-content: left;
  font-size: 50px;
  font-family: Montserrat Alternates;
  font-weight: 800;
  word-wrap: break-word;
  color: black;
  line-height: 72px;
}

.price_wrapper1{
padding-top: 40px;
display: flex;
column-gap: 40px;
}

.price_frame1{
  display: inline-block;
  border-radius: 21px;
  background-color: #ffffff;
  outline: 3px solid black;
  width: 580px;
  padding: 30px 27px;
}

.price_frame1:hover{
  cursor: context-menu;
}

.price_title1{
margin-top: 0px;
font-size: 32px;
font-family: Montserrat Alternates;
font-weight: 700;
line-height: 47px;
word-wrap: break-word;
color: black;
}

.price_description{
  font-size: 15px;
  font-family: Montserrat;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
  color: black;
  margin-bottom: 30px;
  margin-top: 15px;
}

.price_info{
  display: flex;
  grid-template-columns: repeat(1);
  column-gap: 17px;
  margin-bottom: 12px;
}

.price_pinkpolygon{
  padding-top: 2px;
  max-width: 20px;
  min-width: 20px;
}

.price_forwho{
  font-size: 15px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 20px;
  word-wrap: break-word;
  color: black;
}

.price_features{
  display: inline-block;
  grid-template-columns: repeat(2);
  column-gap: 10px;
  margin-bottom: 25px;
  margin-top: 10px;
}

.price_pinkfeature1{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  background-color: #FCB4DE;
  padding: 5px 15px;
  border-radius: 9px;
  font-size: 13px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 20px;
  word-wrap: break-word;
  color: #CE0076;
}

.price_pinkfeature2{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  background-color: #FCB4DE;
  padding: 5px 15px;
  border-radius: 9px;
  margin-left: 5px;
  font-size: 13px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 20px;
  word-wrap: break-word;
  color: #CE0076;
}

.price_value{
  display: flex;
  grid-template-columns: repeat(1);
  column-gap: 18px;
  margin-bottom: 30px

}

.price_number{
font-size: 40px;
font-family: Montserrat;
font-weight: 600;
line-height: 55px;
word-wrap: break-word;
color: black;
}

.price_rubles{
font-size: 40px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
word-wrap: break-word;
color: black;
line-height: 10px;
width: 17px;
border-bottom: 4px solid #000;
display: inline-block;
margin-left: -8px;
}

.price_time{
font-size: 18px;
font-family: Montserrat Alternates;
font-weight: 400;
line-height: 20px;
word-wrap: break-word;
color: black;
margin-top: 25px;
}

.price_buttonframe{
margin-bottom: 20px;  
}

.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: 16px;
  font-weight: 700;
  box-shadow: 8px 8px black;
}

.price_button:hover{
  box-shadow: 4px 4px black;
  background: #FF7DC9;
  
}

.price_button:focus{
  background: #FF7DC9;
  color: white;
}

.price_button:active{
  background: #FF7DC9;
}

.price_yellowfeature1{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  background-color: #FFCB46;
  padding: 5px 15px;
  border-radius: 9px;
  font-size: 13px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 20px;
  word-wrap: break-word;
  color: #D84100;
}

.price_yellowfeature2{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  background-color: #FFCB46;
  padding: 5px 15px;
  border-radius: 9px;
  margin-left: 5px;
  font-size: 13px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 20px;
  word-wrap: break-word;
  color: #D84100;
}

.price_pic3{
  margin-bottom: 6px;
}

.price_bluefeature1{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  background-color: #9BB1FF;
  padding: 5px 15px;
  border-radius: 9px;
  font-size: 13px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 20px;
  word-wrap: break-word;
  color: #002BC4;
}

.price_bluefeature2{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  background-color: #9BB1FF;
  padding: 5px 15px;
  border-radius: 9px;
  margin-left: 5px;
  font-size: 12px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 20px;
  word-wrap: break-word;
  color: #002BC4;
}

.price_orangefeature1{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  background-color: #FFAD7F;
  padding: 5px 15px;
  border-radius: 9px;
  font-size: 13px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 20px;
  word-wrap: break-word;
  color: #AE2C03;
}

.price_orangefeature2{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  background-color: #FFAD7F;
  padding: 5px 15px;
  border-radius: 9px;
  margin-left: 5px;
  font-size: 13px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 20px;
  word-wrap: break-word;
  color: #AE2C03;
}
/*Price styles end */


/*Path styles start */

.path{
background-color: #FFCB46;
height: 1015px;
}

.path_wrapperall{
   display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100%;
}

.path_wrapper{
  padding-top: 80px;
  height: auto;
  margin-left: -200px;
}

.path_title{
font-size: 50px;
font-family: Montserrat Alternates;
font-weight: 800;
word-wrap: break-word;
color: black;
padding-bottom: 30px;
line-height: 72px;
}

.path_pic{
  padding-top: 0px;
  width: 480px;
  margin-left: 0px;
}

.path_all{
margin-left: 505px;
margin-top: -645px;
}

.path_wrapper1{
padding-top: 100px;
}

.path_frame1{
  display: inline-block;
  border-radius: 10px;
  background-color: #ffffff;
  width: 400px;
  margin-bottom: 40px;
  outline: 3px black solid;
}

.path_into{
  display: flex;
  grid-template-columns: repeat(0);
  justify-content: center;
  column-gap: 18px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: -25px;
}

.path_head{
  font-size: 25px;
  font-family: Montserrat Alternates;
  font-weight: 700;
  line-height: 45px;
  word-wrap: break-word;
  color: black;
  text-align: left;
  
}

.path_text{
font-size: 14px;
font-family: Montserrat;
font-weight: 400;
line-height: 20px;
word-wrap: break-word;
color: black;
text-align: left;
}

.path_all2{
  margin-left: 505px;
}

.path_into2{
  display: flex;
  grid-template-columns: repeat(0);
  justify-content: center;
  column-gap: 15px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: -20px;
}

.path_all3{
  margin-left: 505px;
  }

.path_into3{
  display: flex;
  grid-template-columns: repeat(0);
  justify-content: center;
  column-gap: 15px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
}

.path_all4{
  margin-left: 505px;
}

.path_line1{
margin-left: 1500px;
margin-top: -600px;
}

.path_line2{
padding-left: 1500px;
margin-top: 50px;
}

.path_line3{
margin-left: 1500px;
margin-top: 50px;
}

/*Path styles end */


/*Form styles start */
.form{
  background-color: #85A0FF;
  height: 720px;
}

.form_wrapper{
  margin: 0 auto;
   padding: 20px;
}

.form_title{
padding-top: 50px;
font-size: 42px;
font-family: Montserrat Alternates;
font-weight: 800;
word-wrap: break-word;
color: black;
line-height: 60px;
}

.form_slogan{
  font-size: 18px;
  font-family: Montserrat;
  font-weight: 600;
  line-height: 80px;
  word-wrap: break-word;
  color: black;
  line-height: 32px
}

.form_questions{
font-size: 18px;
font-family: Montserrat;
font-weight: 700;
line-height: 32px;
word-wrap: break-word;
color: black;
padding-top: 20px;
padding-bottom: 0px
}

.form_write{
color: black;
font-size: 16px;
font-family: Montserrat;
font-weight: 500;
line-height: 24px;
word-wrap: break-word;
padding-bottom: 0px;
}

.form_mail{
font-size: 16px;
font-family: Montserrat;
font-weight: 600;
line-height: 24px;
word-wrap: break-word;
color: black;
padding-bottom: 15px;
}

.form_message{
font-size: 16px;
font-family: Montserrat;
font-weight: 500;
line-height: 24px;
word-wrap: break-word;
color: black;
padding-bottom: 13px;
}

.form_wrapper4{
  display: flex;
column-gap: 40px;
  margin-left: 20px;
  grid-template-columns: repeat(2);
  
}

.form_wrapper4:hover{
cursor: context-menu;
}

.form_telegram{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  flex-direction: row;
  grid-template-columns: repeat(0);
  column-gap: 12px;
  margin-left: -20px;
  height:57px;
  align-items: center;
  background-color: #587CFE;
  padding: 10px 35px 10px 13px;
  border-radius: 14px;
  outline: 3px black solid;
  box-shadow: 6px 6px black;
  cursor: pointer;
  font-size: 16px;
  text-align: center;
  font-family: Montserrat;
  font-weight: 600;
  line-height: 32px;
  word-wrap: break-word;
  color: black;
}


.form_telegram:hover{
  box-shadow: 3px 3px black;
  background: #849FFF;
}


.form_whatsapp{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  flex-direction: row;
  grid-template-columns: repeat(1);
  column-gap: 12px;
  margin-left: -20px;
  height:57px;
  align-items: center;
  background-color: #08C66A;
  padding: 10px 35px 10px 13px;
  border-radius: 14px;
  outline: 3px black solid;
  box-shadow: 6px 6px black;
  cursor: pointer;
  font-size: 16px;
  text-align: center;
  font-family: Montserrat;
  font-weight: 600;
  line-height: 32px;
  word-wrap: break-word;
  color: black;
}


.form_whatsapp:hover{
  box-shadow: 3px 3px black;
  background: #07D974;
}

.form_reply{
font-size: 16px;
font-family: Montserrat;
font-weight: 500;
line-height: 32px;
word-wrap: break-word;
color: black;
margin-top: 20px;
}

.form_wrapper2{
  margin-top: -360px;
  margin-left: -5px;
}

.form_wrapper3{
margin-left: 2400px;
margin-top: -520px
}

*{
margin: 0;
padding: 0;
box-sizing: border-box;
}

form{
display: flex;
flex-direction: column;
padding-bottom: 50px;
width: 350px;
margin-left: 600px;
justify-content:right;
padding-right: 20px;
}

form input,
form textarea{
border: 0px;
padding: 15px;
outline: none;
background: white;
border-radius: 10px;
font-size: 16px;
width: 100%;
height: 100%;
border: 3px black solid;
}


form textarea{
resize: none
}

form textarea:focus{
  outline: 5px solid #6587FF;
}

form input:focus{
  outline: 5px solid #6587FF;
}

form textarea:active{
  outline: 5px solid #6587FF;
}

form input:active{
  outline: 5px solid #6587FF;
}
  
form label{
margin-top: 20px;
font-weight: 700;
font-size: 16px;
margin-bottom: 5px;
}

form button{
  padding: 15px 15px 15px 0px;
  background: #FF7629;
  border-radius: 14px;
  outline: 3px solid black;
  box-shadow: 8px 8px black;
  width: 250px;
  height: 59px;
  color: white;
  font-size: 18px;
  font-weight: 700;
  margin-top: 30px;
  cursor: pointer;
  margin-left: 30px;
  
}

form button:hover{
  box-shadow: 4px 4px black;
  background: #FF7DC9;
}

form button:focus{
  box-shadow: 4px 4px black;
  background: #FF7DC9;
  color: white;
}

form button:active{
  box-shadow: 4px 4px black;
  background: #FF7DC9;
}

.loader{
  pointer-events: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: white;
  animation: an1 1s ease infinite;
  margin-left: 110px;

  }
  
  @keyframes an1 {
  0%{
    transform: rotate(0turn)
  }
  100%{
    transform: rotate(1turn)
  }
  }

/*Form styles end */




    
}