/* about Banner section [start]*/
.math_drill_banner.about_banner_section{ padding: 237px 0px 178px;position: relative;}
.about_banner_layout{ display: flex; flex-direction: row-reverse; align-items: center; justify-content:space-between;}
.about_banner_content{ max-width:552px; margin-right: 15%;position: relative;z-index: 1; }
.about_banner_content h2{ margin-bottom:32px;}
.about_banner_content .buttons{ margin-top:48px; min-width: 276px; box-shadow: 0px 20px 80px rgba(53,212,97,0.4); border-radius: 7px;}
.about_banner_image{max-width:682px; padding: 0 0; position: relative; overflow: hidden; position: relative; z-index: 1;}

.about_banner_image img{ width: 100%; height:auto; display: block; object-fit: cover;}

.math_drill_blob1{ width: 30.885vw; height: 29.635vw; background: url('../images/math_drill_blob1.png') no-repeat 0 0; position: absolute; top: -7.708vw; left: -17.240vw; background-size: contain; z-index: 0;}
.math_drill_blob2{ width: 10.156vw; height: 10.156vw; background: url('../images/about_banner_blob2.png') no-repeat 0 0; position: absolute; top: 46.563vw; right:-2.813vw; background-size: contain; z-index: 0;}
.about_banner_section .scroll_down{ bottom: 0;}
.about_banner_content p{ font-size:26px;line-height: 160%;} 
.mobile_banner_Content{ display: none;}
/* about Banner section[End]*/
/* about me section[start]*/
.drill_math_section{ position: relative;}
.drill_math_layout{ max-width: 1226px; margin:0 auto 200px;}
.drill_math_row{ background: #FFF0CC; border-radius: 50px; display: flex;align-items: center; margin-bottom: 96px;}
.drill_video_layout img {width: 100%;height: 100%;border-radius: 30px;position: absolute;top: 0;display: block;object-fit: cover;border-radius: 50px;z-index: 0; top: 0;}
.drill_video_layout {display: block;position: relative;padding-top: 56.25%;}
.drill_video_layout:before{ content: ''; position: absolute; height: 100%; width: 100%; border-radius: 50px; top: 0; left: 0; background: rgba(0,0,0,0.25); z-index: 1;}
.drill_video_block{ max-width: 536px; width: 50%;}
.drill_video_content{ width:56%; padding:20px 77px;}
.drill_video_content p{ font-size: 20px; line-height: 150%;}
.drill_button_row{ margin-top: 120px;text-align: center;}
.drill_button_row a{  min-width: 439px; margin: 0 20px;}
.video_play_button.span_video_button{ width: 100%; height: auto; font-weight: 600;  font-size: 26px; color: #fff; backdrop-filter: none; background: none; margin: auto; text-align: center; z-index: 2;}
.span_video_button.video_play_button:hover{ text-decoration: none;}
.span_video_button.video_play_button span{width: 3.281vw;height: 3.281vw;    border-radius: 50%;backdrop-filter: brightness(0.5) blur(22px);background: url(../images/video_play_icon.svg) no-repeat center center;background-size: 0.990vw 0.833vw;z-index: 1; display: block;  margin:0 auto 10px; }
.drill_video_layout .videoPlayer {border-radius: 50px;}
.drill_button_row .buttons-blank{ border: 1px solid #35D461; padding: 15px 21px; background: none;}
.drill_button_row .buttons-blank:hover{ background: #35D461;}
.math_drill_blob3{width: 20.208vw; height: 18.385vw; background: url('../images/math_grid_blob3.png') no-repeat 0 0; position: absolute; top: 39.063vw; right: -6.510vw; background-size: contain; z-index: 0;}
/* about me section[end]*/
.math_drill_blob2{ transition: 0.3s ease;}
.math_drill_blob2:hover{transform: translate(10%,0%) scale(0.9);}
.math_drill_blob1{ transition: 0.3s ease;}
.math_drill_blob1:hover{transform: translate(-10%,-10%) scale(0.9);}
/* referral program content [End]*/
@media (max-width: 1680px){
.math_drill_banner.about_banner_section{padding: 180px 0px 158px;}
.about_banner_image{max-width: 552px;}
.drill_math_row {margin-bottom: 86px;}
.math_drill_blob3{right: -8.51vw;}
.drill_button_row {margin-top: 100px;}
.drill_math_layout {margin: 0 auto 170px;}
.about_banner_content p {font-size: 24px;}
.drill_video_content p {font-size: 19px;}
.video_play_button.span_video_button {font-size: 24px;}
}

@media (max-width: 1366px){
.math_drill_banner.about_banner_section{padding: 160px 0px 138px;}
.about_banner_content {max-width: 610px;}
.about_content {max-width: 639px;}
.about_banner_content p {font-size: 18px;}
.drill_video_content p {font-size: 18px;}
.video_play_button.span_video_button {font-size: 22px;}
.drill_math_row {margin-bottom: 66px;}
.math_drill_blob3{top: 48.063vw;}
.drill_button_row {margin-top: 80px;}
.drill_math_layout {margin: 0 auto 150px;}
}
@media (max-width: 1200px){
.math_drill_banner.about_banner_section {padding: 140px 0px 118px;}
.about_banner_content {max-width: 725px;}
.about_content {max-width: 519px;}
.about_banner_content p {font-size: 18px;}
.drill_video_content {padding: 20px 40px;}
.drill_math_row {margin-bottom: 56px;}
.video_play_button.span_video_button {font-size: 20px;}
.drill_video_content p {font-size: 16px;}
.math_drill_blob3{top: 58.063vw;}
.drill_button_row a {min-width: 339px;margin: 0 20px;}
.drill_math_layout {margin: 0 auto 120px;}
.span_video_button.video_play_button span {width: 44px;height: 44px;background-size: 13px 11px;}
}
@media (max-width: 992px){
.about_banner_section {padding: 114px 0px 117px;position: relative;}
.about_banner_content {margin-right: 20px;max-width: 500px;}
.about_banner_content p{  font-size:18px;}
.about_banner_content .buttons{ margin-top: 30px;}
.about_banner_content h2 {margin-bottom: 40px;font-size: 40px; line-height: 55px;}
.about .hamburger_toggle svg{ stroke:#000;}
.about_banner_image {max-width: 360px;}

}
@media (max-width: 768px){
.about_banner_layout{ flex-direction: column-reverse;}
.about_banner_content {margin-right: 0px;max-width: 100%; margin-bottom: 0px; width: 100%;}
.math_drill_banner .about_banner_content p { display: none;}

.mobile_banner_Content{ display: block;}
.about_banner_image{margin: 0 auto 48px;}
.about_banner_part p{ font-size: 18px; line-height: 150%;}
.math_drill_banner.about_banner_section {padding: 132px 0px 96px;}
.drill_math_row{ flex-direction: column; border-radius: 30px;}
.drill_video_block {max-width: 100%;width: 100%;}
.drill_video_content {width: 100%;padding: 35px 26px;}
.drill_video_layout img {border-radius: 30px;}
.drill_video_layout:before{border-radius: 30px;}
.drill_video_layout .videoPlayer {border-radius: 30px;}
.drill_button_row a {min-width: 350px;margin: 0 0px 24px;}
.drill_math_row {margin-bottom: 48px;}
.drill_button_row {margin-top: 0px;}
.drill_button_row .buttons-blank{ color: #000;padding: 11px 10px;}
.math_drill_blob3{ display: none;} 
.math_drill_blob1{ width: 238px; height: 229px;  top: -78px; left: -134px;}
.math_drill_blob2{ width: 96px; height: 96px;  top: 787px; right:-43px;}
.video_play_button.span_video_button {font-size: 18px;}
.drill_math_layout {margin: 0 auto 96px;}
}
@media (max-width: 576px){
.about_banner_layout {flex-direction: column-reverse;}
.about_banner_content {max-width:none; width: 100%;}
.about_banner_image{max-width: 302px; width: 100%;}
.drill_button_row a{ min-width: 100px;  width: 100%;}

}  


/*tashan*/
.drill_button_row p {
    font-size: 20px;
    margin: 10px 0 30px 0;
    line-height: 1.5;
    text-align: center;
}

@media (max-width: 768px)
{
  .drill_button_row p {
    font-size: 16px;
    margin: 10px 0 20px 0;
    text-align: justify;
  }
}