/* math placement banner [start]*/
.math_banner_section{ padding: 164px 0px 161px;    position: relative;}
.math_banner_layout{ display: flex; align-items: inherit; justify-content:space-between; position: relative; z-index: 2;}
.math_banner_content{ max-width: 39%; margin-top: 70px;} 
.math_banner_content h1{ margin-bottom: 32px;}
.math_banner_content .buttons{ margin-top: 48px; min-width: 225px; box-shadow: 0px 20px 80px rgba(53,212,97,0.4);}
.math_banner_image{width:673px;position: relative; }
.math_banner_image img{ width: 100%; height: 100%; max-height: 865px; object-fit: cover; display: block;position: relative; z-index: 1;}
.math_banner_image:before{ background: #F8BC29; width: 198px; height: 185px; position: absolute; top: -14px; left: -14px; content: '';}
.math_banner_image:after{ background: #F16B62;width: 198px; height: 185px;position: absolute; bottom: -14px; right: -14px;content: '';}
.math_banner_blob1{ width:38.073vw; height: 36.563vw; background: url('../images/math_blob1.png') no-repeat 0 0; position: absolute; top: -10.052vw; left:-9.792vw; background-size: contain; z-index: 0;}
.math_banner_blob2{ width: 30.156vw; height: 27.240vw; background: url('../images/math_blob2.png') no-repeat 0 0; position: absolute; bottom:-1.042vw; right: -9.323vw; background-size: contain; z-index: 0;}
.math_banner_section .scroll_down{ bottom: 0;}
.math_banner_content p{ font-size:26px; line-height: 160%;}
/* math placement banner [End]*/
/* math placement blocks [start]*/
.mathplacement_lists{ display: flex; flex-wrap: wrap; margin: 72px 0 213px;}
.math_placement_block{ max-width: 536px; width: 100%; padding: 80px 47px; text-align: center; border-radius: 30px; box-shadow: 0 30px 40px rgba(0,0,0,0.08); display: flex; align-items: center; justify-content: center; margin:0 154px 80px 0; min-height: 306px; position: relative; overflow: hidden;} 
.math_placement_block:nth-child(even){ margin-right: 0;}
.math_placement_block.note_block{ box-shadow: none; text-align: left; align-items: flex-start; padding: 0 0px; border-radius: 0;}
.math_placement_block.note_block p{ color: #000;font-family: 'Open Sans', sans-serif;font-weight: 600;}
.math_placement_block.note_block p:first-child{ margin-bottom: 50px;}
.math_placement_block.note_block:after , .math_placement_block.note_block:before{ display: none;}
.math_placement_block p{ font-size: 30px;font-family: 'Raleway', sans-serif; font-weight: 600; color: #fff; line-height: 145%;}
.math_placement_block p a{ font-size: 30px;font-family: 'Raleway', sans-serif; font-weight: 600; color: #fff; line-height: 145%;}
.math_placement_block p a:hover{ text-decoration: none;}
.math_block_content{ position: relative; z-index: 2;}
.math_placement_block > span{  position: absolute; font-size: 90px; opacity: 0.5; font-family: 'Raleway', sans-serif; font-weight: 700; color: #fff; bottom: -21px; left: 21px; z-index: 1;}
.math_placement_block:before{content: ''; position: absolute; width: 15.625vw; height: 15.625vw;  right: -4.583vw; bottom: -4.792vw; border-radius: 50%; background: #000; z-index: 0;}
.math_placement_block.green_block{ background: #35D461; }
.math_placement_block.green_block:before{background: #279f48;
background: -moz-linear-gradient(-45deg, #279f48 0%, #1e7536 70% , #1e7536 100%);
background: -webkit-linear-gradient(-45deg, #279f48 0%,#1e7536 70% ,#1e7536 100%);
background: linear-gradient(135deg, #279f48 0%,#1e7536 70%,#1e7536 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279f48', endColorstr='#1e7536',GradientType=1 );
}
.math_placement_block.yellow_block{ background: #F8BC29; }
.math_placement_block.yellow_block:before{background: #d99d0c;
background: -moz-linear-gradient(-45deg,  #d99d0c 0%, #edbc0e 70%, #edbc0e 100%);
background: -webkit-linear-gradient(-45deg,  #d99d0c 0%,#edbc0e 70%,#edbc0e 100%);
background: linear-gradient(135deg,  #d99d0c 0%,#edbc0e 70%,#edbc0e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d99d0c', endColorstr='#edbc0e',GradientType=1 );
}
.math_placement_block.purple_block{ background: #00005F; }
.math_placement_block.purple_block:before{background: #00006d;
background: -moz-linear-gradient(top,  #00006d 0%, #5353a4 100%);
background: -webkit-linear-gradient(top,  #00006d 0%,#5353a4 100%);
background: linear-gradient(to bottom,  #00006d 0%,#5353a4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00006d', endColorstr='#5353a4',GradientType=0 );

}
.math_placement_block.orange_block{ background: #ED341F; } 
.math_placement_block.orange_block:before{background: #db2a16;
background: -moz-linear-gradient(top,  #db2a16 0%, #b21200 100%);
background: -webkit-linear-gradient(top,  #db2a16 0%,#b21200 100%);
background: linear-gradient(to bottom,  #db2a16 0%,#b21200 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db2a16', endColorstr='#b21200',GradientType=0 );
}
.math_placement_block.blue_block{ background: #374EB2; }
.math_placement_block.blue_block:before{background: #3559f6;
background: -moz-linear-gradient(-45deg,  #3559f6 10%, #d93434 100%);
background: -webkit-linear-gradient(-45deg,  #3559f6 10%,#d93434 100%);
background: linear-gradient(135deg,  #3559f6 10%,#d93434 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3559f6', endColorstr='#d93434',GradientType=1 );
}
/* math placement blocks [End]*/
.math-placement .hamburger_toggle svg{ stroke: #000;}
.math_banner_blob1{ transition: 0.3s ease;}
.math_banner_blob1:hover{transform: translate(-10%,-10%) scale(0.9);}
.math_banner_blob2{ transition: 0.3s ease;}
.math_banner_blob2:hover{transform: translate(15%,0%) scale(0.9);}
@media (max-width: 1680px){
.math_banner_section {padding: 154px 0px 151px;}
.math_banner_image {max-width: 623px;}
.math_banner_image img {max-height: 800px;}
.math_banner_content {margin-top: 60px;}
.math_banner_content h1 {margin-bottom: 28px;}
.math_banner_content p {font-size: 24px;}
.math_banner_content .buttons {margin-top: 40px;min-width: 198px;}
.math_banner_image:before {width: 178px;height: 165px;top: -12px;left: -12px;}
.math_banner_image:after {width: 178px;height: 165px;bottom: -12px;right: -12px;}

.mathplacement_lists {margin: 62px 0 183px;}
.math_placement_block {max-width: 506px;padding: 70px 37px;border-radius: 25px;box-shadow: 0 20px 30px rgba(0,0,0,0.08);margin: 0 134px 60px 0;min-height: 296px;}
.math_placement_block p {font-size: 28px;}
.math_placement_block p a {font-size: 28px;}
.math_placement_block > span {font-size: 80px;bottom: -19px;}
.math_placement_block.note_block p:first-child {margin-bottom: 45px;}


} 
@media (max-width: 1366px){
.math_banner_section {padding: 134px 0px 131px;}
.math_banner_image {max-width: 553px;}
.math_banner_image img {max-height: 710px;}
.math_banner_content {margin-top: 50px;}
.math_banner_content h1 {margin-bottom: 24px;}
.math_banner_content p {font-size: 22px;}
.math_banner_content .buttons {margin-top: 35px;min-width: 198px;}
.math_banner_image:before {width: 158px;height: 145px;top: -10px;left: -10px;}
.math_banner_image:after {width: 158px;height: 145px;bottom: -10px;right: -10px;}

.mathplacement_lists {margin: 52px 0 153px;}
.math_placement_block {max-width: 456px;padding: 60px 27px;border-radius: 20px;box-shadow: 0 20px 30px rgba(0,0,0,0.08);margin: 0 114px 40px 0;min-height: 266px;}
.math_placement_block p {font-size: 24px;}
.math_placement_block p a {font-size: 24px;}
.math_placement_block > span {font-size: 70px;bottom: -16px;}
.math_placement_block.note_block p:first-child {margin-bottom: 40px;}
}
@media (max-width: 1200px){
.math_banner_section {padding: 114px 0px 111px;}
.math_banner_image {max-width: 453px;}
.math_banner_image img {max-height: 582px;}
.math_banner_content {margin-top: 40px;}
.math_banner_content h1 {margin-bottom: 19px;}
.math_banner_content p {font-size: 20px;}
.math_banner_content .buttons {margin-top: 30px;min-width: 158px;}
.math_banner_image:before {width: 138px;height: 125px;top: -8px;left: -8px;}
.math_banner_image:after {width: 138px;height: 125px;bottom: -8px;right: -8px;}

.mathplacement_lists {margin: 42px 0 133px;}
.math_placement_block {max-width: 416px;padding: 50px 17px;border-radius: 20px;box-shadow: 0 20px 30px rgba(0,0,0,0.08);margin: 0 94px 30px 0;min-height: 246px;}
.math_placement_block p {font-size: 20px;}
.math_placement_block p a {font-size: 20px;}
.math_placement_block > span {font-size: 60px;bottom: -15px;}
.math_placement_block.note_block p:first-child {margin-bottom: 30px;}
}
@media (max-width: 992px){
.math_banner_content h1 {margin-bottom: 16px;font-size: 40px;}
.math_banner_content p {font-size: 18px;line-height: 160%;}

}
@media (max-width: 768px){
.math_banner_section{ padding:122px 0px 40px;    position: relative;}    
.math_banner_layout{ flex-direction: column;}
.math_banner_image{ max-width:100%;}
.math_banner_content{ max-width: 100%; margin-top: 23px;}
.math_banner_content .buttons {margin-top: 26px;}
.math_banner_image img {max-height: 600px;object-fit: cover;}
.math_banner_image:before {width: 83px;height: 78px;top: -5px;left: -5px;}
.math_banner_image:after {width: 83px;height: 78px;bottom: -5px;right: -5px;}
.math_banner_blob1 {width: 348px;height: 334px;top: -98px;left: -113px;}
.math_banner_blob2 {width: 167px;height:152px;bottom: -40px;right:-114px;}
.math_placement_block p {font-size: 15px;}
.math_placement_block p a{font-size: 15px;}
.mathplacement_lists {margin: 40px 0 81px;}
.math_placement_block {max-width: none;width: 100%;border-radius: 15px;margin: 0 0 41px 0;min-height: 172px;padding: 4.167vw 26px;}
.math_placement_block > span {font-size: 40px;bottom: -9px;left: 21px;}
.math_placement_block.note_block p:first-child {margin-bottom: 0;}
.math_placement_block.note_block{ min-height: 20px;justify-content: flex-start;}
.math_placement_block:before {width: 136px;height: 136px;right: -40px;bottom: -42px;}

}  
@media (max-width: 576px){
.math_banner_image img {max-height: 460px;}
}