/* Grading Banner section [start]*/
.grading_banner_section{ padding: 237px 0px 64px;    position: relative;}
.grading_banner_layout{ display: block; align-items: center;}
.grading_banner_title{ max-width: 950px; margin-right: 4%;position: relative;z-index: 1; }
.grading_banner_title h1{ margin-bottom: 32px;}
.grading_banner_content{ display: flex;  justify-content: space-between;align-items: flex-end;}
.grading_banner_content .buttons{min-width: 398px;}
.grading_banner_content p{ font-size:26px ;line-height: 160%; max-width: 674px;} 
.grading_banner_blob1{ width: 30.156vw; height: 27.448vw; background: url('../images/grading_banner_blob1.png') no-repeat 0 0; position: absolute; top: -11.875vw; left: -9.375vw; background-size: contain; z-index: 0;}
/* Grading Banner section[End]*/
.grading_step_section{ margin: 0 0 160px 0;}
.step_content_tab{ display: flex; justify-content: space-between; align-items:flex-start;}
.step_tab_content{ display: none;}
.step_block{ width: 33.33%; max-width: 398px; background: #FFFFFF; border-radius: 15px; box-shadow: 15px 30px 90px rgba(71,71,71,0.1); overflow: hidden;}
.step_toggle{ padding: 20px 32px; min-height: 116px; display: block; position: relative; line-height: 80px; text-align: center; font-size: 26px;font-family: 'Raleway', sans-serif; font-weight: 600; color: #374EB2; }
.step_toggle:hover{ text-decoration: none;}
.step_toggle:after{ position: absolute; width: 34px; content: ''; background: url('../images/down_arrow.svg') no-repeat 0 center; background-size: contain; right: 32px; top: 0; bottom: 0;}
.step_block.active .step_toggle:after{background: url('../images/close_icon.svg') no-repeat 0 center; }
.step_toggle span{ position: absolute; width: 150px; height: 80px; left: 32px; top: 20px;}
.step_toggle span i{ position: absolute; top: 0; left: 0;  border-radius: 10px; font-size: 20px; line-height: 44px; font-style: normal; text-align: center; color: #fff; }
.step_toggle span i:nth-child(1){width: 146px;height: 76px; background: rgba(248,188,41,0.75); opacity: 0.5;}
.step_toggle span i:nth-child(2){ width: 130px;height: 60px;top: 8px;left: 8px;background: rgba(248,188,41,0.75);}
.step_toggle span i:nth-child(3){width: 114px;height: 44px;top: 16px;left: 16px; background: rgba(248,188,41,1);}

.step_block_content{ padding: 24px 24px 30px; text-align: center;}
.step_block_content p{ line-height: 150%;}
.step_tab_img img{ width: 100%; height: auto; display: block;}

.grading_middle_banner{ margin: 0 0 160px 0;}
.middle_banner_layout{ width: 100%; height: auto; display: block; border-radius: 15px;}
.middle_banner_layout img{ display: block; width: 100%; height: auto;}
.grading_feature_section{ margin-bottom: 160px;}
.grading_features{ display: flex; justify-content: space-between; align-items: flex-start;}
.grading_features_block{ max-width: 398px; width: 33.33%;}
.grading_features_title { margin-bottom: 72px;}
.grading_features_title h3{ font-size: 50px;}
.grading_features_block span.grad_features_icon{ display: block; margin-bottom: 40px;}
.grad_features_icon img{ display: block;}
.grading_features_block h4{ margin-bottom: 24px;}
.grading_features_block p{line-height: 150%;}

.grading_book_section{ position: relative;}
.grading_book_title{ text-align: center;}
.grading_book_title h3{ font-size: 3.125rem; font-weight: 700; margin-bottom: 0px;} 

.membership_book_slider{ display: flex; justify-content: center; align-items: center; padding: 0px 50px;margin: 0 -75px 97px;}
.membership_book_slide{ padding:72px 0 0;}
.membership_book_poster{ position: relative; padding: 0 10px;margin: 0 22px 15px;}
.membership_book_poster span{ display: block;} 
.membership_book_poster img{ display: block; width: auto; height:390px;max-width: 100%;object-fit: cover; }
.membership_book_poster .buttons{ position: absolute; bottom: -28px; left: 0; right: 0; max-width: 198px; margin: auto;}
.book_lessons_info{ text-align: center;}
.book_lessons_info p{ line-height: 188%;}
.membership_textbook_layout{ position: relative; z-index: 1;}
.membership_streaming_layout{ position: relative; z-index: 1;}
.membership_book_slider .slick-arrow{ display: block !important;}
.membership_streaming_layout .membership_book_slider{margin-bottom: 162px;} 


.grading_note_section{ margin: 0 0 195px 0; position: relative;}
.grading_note_layout p{ font-size: 30px; line-height: 150%; font-weight: 600; margin-bottom: 40px; color: #000; }
.grading_note_buttons{ margin: 97px 0 0 0; text-align: center;}
.grading_note_buttons a{ margin: 0 20px; min-width: 439px;}

.grading_blob_2{width: 22.188vw; height: 20.208vw; background: url('../images/grading_blob2.png') no-repeat 0 0; position: absolute;  bottom: -20.167vw; right: -8.490vw; background-size: contain; z-index: 0;}

.grading_banner_blob1{ transition: 0.3s ease;}
.grading_banner_blob1:hover{transform: translate(-10%,-10%) scale(0.9);}
.grading_blob_2{ transition: 0.3s ease;} 
.grading_blob_2:hover{transform: translate(10%,0%) scale(0.9);}
.grading_mobileButton{ display: none;}


.middle_video_layout{ position: relative; height: 0; padding-top: 56.25%; border-radius: 30px; overflow: hidden;}
.grading_video_placeholder{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.grading_video_placeholder img{ width: 100%; height: 100%; display: block; position: absolute;}
.grading_note_buttons .buttons-blank {border: 1px solid #35D461;padding: 17px 21px;background: none;}
.grading_note_buttons .buttons-blank:hover{ background: #35D461;}
@media (max-width: 1680px){
.grading_banner_section{ padding: 197px 0px 54px;}
.grading_banner_content p{ font-size:24px;max-width: 590px;} 
.grading_step_section {margin: 0 0 140px 0;}
.grading_middle_banner {margin: 0 0 140px 0;}
.grading_feature_section {margin-bottom: 140px;}
.grading_features_title h3 {font-size: 44px;}
.membership_book_slider {padding: 0px 40px;margin: 0;  margin-bottom: 87px;}
.membership_book_poster {padding: 0 10px;}
.membership_book_poster img {height: 347px;    width: auto;}
.grading_note_layout p {font-size: 26px;margin-bottom: 30px;}
.grading_note_section {margin: 0 0 165px 0;}
.grading_note_buttons .buttons-blank {padding: 15px 21px;}
 
}
@media (max-width: 1366px){
.grading_banner_section{ padding: 187px 0px 44px;}
.grading_banner_title{ max-width: 676px;}
.grading_banner_content p {font-size: 22px;max-width: 516px;}
.grading_banner_content .buttons {min-width: 290px;}
.step_toggle {padding: 18px 25px;line-height: 70px;font-size: 22px; min-height: 106px;}
.step_toggle span {width: 140px;height: 70px;left: 25px;top: 18px;}
.step_toggle span i{ line-height: 38px;}
.step_block {max-width: 378px;}
.step_toggle span i:nth-child(1) {width: 140px;height: 70px;}
.step_toggle span i:nth-child(2) {width: 124px;height: 54px;}
.step_toggle span i:nth-child(3) {width: 108px;height: 38px;}
.grading_features_title {margin-bottom: 52px;}
.grading_features_block {max-width: 378px;}
.grading_step_section {margin: 0 0 110px 0;}
.grading_middle_banner {margin: 0 0 110px 0;}
.grading_feature_section {margin-bottom: 110px;}
.membership_book_slider {margin-bottom: 77px;padding: 0px 35px;}
.membership_book_poster {padding: 0 10px;    margin: 0 14px 15px;}
.membership_book_poster img {height: 319px;    width: auto;}
.grading_note_layout p {font-size: 24px;margin-bottom: 24px;}
.grading_note_buttons {margin: 77px 0 0 0;}
.grading_note_section {margin: 0 0 145px 0;}
}
@media (max-width: 1200px){
.grading_banner_section{ padding: 167px 0px 44px;}
.grading_features_title {margin-bottom: 42px;}
.grading_step_section {margin: 0 0 90px 0;}
.step_toggle {padding: 12px 20px;line-height: 60px;font-size: 20px;min-height: 92px;}
.step_toggle span {width: 130px;height: 68px;left: 20px;top: 12px;}
.step_toggle span i{ line-height: 36px;}
.step_block {max-width: 290px;}
.step_toggle span i:nth-child(1) {width: 130px;height: 68px;}
.step_toggle span i:nth-child(2) {width: 114px;height: 52px;}
.step_toggle span i:nth-child(3) {width: 98px;height: 36px;}
.grading_middle_banner {margin: 0 0 90px 0;}
.grading_feature_section {margin-bottom: 90px;}
.grading_features_block {max-width:290px;}
.membership_book_slider {padding: 0px 30px;}
.membership_book_poster {padding: 0 20px;    margin: 0 0px 15px;}
.membership_book_poster img {height: 340px;    width: auto;}
.grading_note_layout p {font-size: 20px;margin-bottom: 20px;}
.grading_note_section {margin: 0 0 125px 0;}
.grading_note_buttons {margin: 57px 0 0 0;}
.grading_note_buttons a {margin: 0 20px;min-width: 339px;}
.membership_book_poster .buttons {max-width: 158px;}
}
@media (max-width: 992px){
.step_block {max-width: 270px;}
.grading_features_block {max-width:270px;}
.membership_book_slider {padding: 0px 30px;}
.membership_book_poster {padding: 0 17px; margin-bottom: 15px;}
.membership_book_slide {padding: 72px 0 40px;}
.membership_book_poster img {height: 290px;    width: auto;}
.grading_note_buttons .buttons-blank {padding: 11px 21px;}
}
@media (max-width: 768px){
.grading_banner_section {padding: 132px 0px 40px;}
.grading_banner_title {max-width: 100%;}
.grading_banner_content {flex-direction: column;    align-items: flex-start;}
.step_content_tab {flex-direction: column;}
.step_block {max-width: 100%;width: 100%;margin-bottom: 24px;}
.grading_step_section {margin: 0 0 96px 0;}
.grading_features {flex-direction: column;}
.grading_features_block {max-width: 100%;width: 100%; margin-bottom: 48px;}
.grading_note_buttons a{ margin-bottom: 40px;}
.grading_book_title{ margin-bottom: 39px;}
.membership_book_slide.slick-current {padding:0px 0 40px; transform: scale(1);}
.membership_book_slide {padding: 0px 0 40px; transform: scale(0.78); transition: 0.3s ease; margin:  0 5px;}
.membership_book_poster {padding: 0px 0px 0;margin: 0 0px 15px;transition: 0.3s ease;}
.book_lessons_info p {font-size: 15px;line-height: 188%;}
.book_lessons_info {opacity: 0;transition: 0.3s ease; margin-top: 15px;}
.membership_book_slide.slick-current .book_lessons_info {opacity: 1;}
.membership_book_poster .buttons {visibility: hidden;opacity: 0;transition: 0.3s ease;bottom: -22px;}
.membership_book_slide.slick-current .membership_book_poster .buttons {visibility: visible;opacity: 1;}
.membership_book_title {text-align: left;margin-bottom: 32px;}
.membership_book_slider {margin: 0 -36px;   padding: 0px 0px;}
.grading_note_layout p {font-size: 18px;margin-bottom: 20px;}
.grading_book_section {margin-bottom: 48px;}
.grading_note_section {margin: 0 0 80px 0;}
.grading_features_block span.grad_features_icon {margin-bottom: 16px; width: 45px; height: 45px;}
.grading_features_block span.grad_features_icon img{ height: 100%; width: 100%; object-fit: contain;}
.grading_features_block p {line-height: 188%;}
.grading_feature_section {margin-bottom: 48px;}
.grading_features_title {margin-bottom: 40px;}
.grading_middle_banner {margin: 0 0 96px 0;}
.grading_banner_content .bannerButton{ display: none;}
.grading_mobileButton{ display: block;margin-top: 24px}
.grading_blob_2{ bottom: auto; top: 0; right: auto; left: -71px; width: 152px; height: 138px; }
.grading_banner_blob1{  width: 180px; height: 164px; top: -50px; left: -50px; }
.grading_banner_title h1{ font-size: 35px; line-height: 145%;}
.grading_banner_content p {font-size: 18px;max-width: 100%;margin-bottom: 0px;}
.step_toggle {padding: 15px 24px;line-height: 60px;font-size: 18px;min-height: 98px;}
.step_toggle span {left: 24px;top: 15px;}
.step_toggle:after {width: 25px;right: 24px;}
.step_toggle span i{ font-size: 16px;}
.step_block_content p{ line-height: 188%;}
.step_block_content {padding: 0px 24px 30px;}
.step_block.active .step_toggle:after{ background-size: contain;}
.middle_banner_layout img{ height: 345px; object-fit: cover; border-radius: 15px;}
.grading_features_title h3 {font-size: 24px;}
.grading_book_title h3 {font-size: 24px; line-height: 150%; text-align: left;}
.grading_note_buttons .buttons-blank{ color: #000;}
.grading_note_buttons .buttons-blank:hover {color: #fff;}
}
@media (max-width: 576px){
.grading_note_buttons a {min-width: 100px; width: 100%;    margin: 0 0px 40px;}

}