/* charter banner [start]*/
.charter_banner_section{ padding: 180px 0px 0vw;    position: relative;}
.charter_banner_layout{ position: relative; z-index: 1;}
.charter_banner_title{ position: absolute; top: 50%; left: 0; right: 0; transform: translate(0,-50%); z-index: 2;}
.charter_banner_section h1{ margin-bottom: 40px; color: #fff; font-size: 90px;}
.charter_banner_image{ max-width: 100%; position: relative;border-radius: 30px; overflow: hidden;}
.charter_banner_image img{ width: 100%; height: auto; display: block;  max-height: 886px; object-fit: cover;}
.charter_banner_image:after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,0.35);}
.charter_banner_blob1{ width: 897px; height:445px; background: url('../images/charter_school_blob1.png') no-repeat 0 0; position: absolute; top: 0; left: 0; background-size: contain; z-index: 0;}
.charter_banner_blob2{ width: 489px; height: 470px; background: url('../images/charter_school_blob2.png') no-repeat 0 0; position: absolute; top: 393px; right: -89px; background-size: contain; z-index: 0;}
/* charter banner [End]*/ 

.charter_membership_section{ margin: 112px 0 107px; position: relative;}
.charter_membership_blocks{ display: flex; position: relative; margin: 56px 0 0 ; }
.charter_membership_blocks:after{ background: #FFB500; width: 1px; position: absolute; left: 50%; top: 0; height: 100%;content: '';}
.charter_membership_column{ width: 50%; padding-right: 42px;}
.charter_membership_column:last-child{ padding-left: 42px;padding-right: 0;}
.charter_membership_column h4{ font-size: 32px; margin-bottom: 32px;}
.charter_membership_column p{ font-size: 18px; color: #4D4D4D; line-height: 160%; margin-bottom: 30px;font-family:'Open Sans', sans-serif;}
.charter_membership_column ul{ padding-left: 18px;}
.charter_membership_column .col2{ display:flex;}
.charter_membership_column .col2 ul{ width: 50%;}
.charter_membership_column li{ font-size: 18px;color: #4D4D4D; line-height: 160%; margin-bottom: 30px;font-family:'Open Sans', sans-serif;}
.charter_membership_column a{ color: #374EB2; font-weight: 600;font-family:'Open Sans', sans-serif; font-size: 18px;}
.charter_membership_column a.buttons{ color: #fff;}


.important_charter_section{ padding-bottom: 160px; position: relative;}
.important_charter_layout{ position: relative; padding-bottom: 45px;    z-index: 1;}
.important_charter_layout:before{ content: ''; position: absolute; bottom: 0; left: 85px; right: 85px; z-index: 0; background: #D8DFFF; border-radius: 15px; height:62px;}
.important_charter_layout:after{content: '';position: absolute; bottom: 22px; left: 41px; right: 41px; z-index: 1; background: #AFBEFF;border-radius: 15px;height:62px;}
.important_charter_box{ background: #374EB2; border-radius: 30px; padding: 41px 138px 10px; box-shadow: 0px 30px 90px rgba(0,0,0,0.20); position: relative; z-index: 2;}
.important_charter_box:after{ position: absolute; right: 0; top: 0;  width: 508px; height: 147px; content: ''; background: url('../images/charter_school_pattern.png') no-repeat 0 0; background-size: contain;}
.important_charter_box h3{ color: #fff; margin-bottom: 24px; line-height: 130%;font-family: 'Raleway', sans-serif; font-weight: 600; }
.important_charter_box p{ color: #fff; font-size: 18px; line-height: 160%; margin-bottom: 31px;}
.important_charter_blob{ width: 580px; height:527px; background: url('../images/charter_school_blob3.png') no-repeat 0 0; position: absolute; top: 510px; left: -185px; background-size: contain; z-index: 0;}



.charter_slider_section{ margin: 0px 0 82px;}
.charter_slider{ padding: 67px 100px 79px; background: #FFF4D9; border-radius: 30px;}
.charter_slider_logo{ padding: 0px 38px; text-align: center;}
.charter_slider_logo a{ display: inline-block; font-weight: 700;font-family:'Open Sans', sans-serif; font-size: 32px;min-width: 185px; }
.charter_slider_logo a:hover{ text-decoration: none;}
.charter_slider_logo a.yellow{ color: #ffc20f;}
.charter_slider_logo a.blue{ color: #1b7cbe;}
.charter_slider_logo a.orange{ color: #f58428;}
.charter_slider_logo a.purple{ color: #374eb2;}
.charter_slider_logo a.green{ color: #35D461;}
.charter_slider_logo a.brown{ color: #5d422b;}

.charter_slider_section .slick-slide img{width: auto; max-height: 96px; max-width: 100%; display: block;    margin: auto;}
.charter_slider_section .slick-slide >div{ margin-bottom: 135px; display: flex;align-items: center;}
.charter_slider_section .slick-slide >div:last-child{ margin-bottom: 0px;}
.charter_slider_title { text-align: center; margin-bottom: 48px;}
.charter_slider .slick-arrow{ display: block !important;}
.charter_slider .slick-next.slick-arrow {width: 52px;height: 52px; right: -138px;}
.charter_slider .slick-prev.slick-arrow {width: 52px;height: 52px; left: -138px;}

.charter_contact_title{ margin-top: 120px;}
.charter_contact_title h3{ font-size: 30px; line-height: 170%;}
.charter_contact_title h3 a{font-size: 30px; line-height: 170%; font-weight: 600;font-family: 'Raleway', sans-serif;}


.charter_banner_blob1{ transition: 0.3s ease;}
.charter_banner_blob1:hover{transform: translate(-10%,-10%) scale(0.9);}
.charter_banner_blob2{ transition: 0.3s ease;}
.charter_banner_blob2:hover{transform: translate(10%,0%) scale(0.9);}
.charter_banner_section .scroll_down{ bottom: 20%;}
.important_charter_blob{ transition: 0.3s ease;}
.important_charter_blob:hover{transform: translate(-10%,0%) scale(0.9);}
.mobile_know_button{ display: none;}

.charter_membership_blocks{ position: relative; z-index: 1;}


.school_process_row{ display: flex; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); margin-bottom: 5px;  border-radius: 15px; background: #fff;}

.school_step{display: flex; align-items: center; text-align: center;}
.charter_membership_column .school_step p { color: #fff; font-size: 24px; width: 100%;  margin: 0;  }
.school_process_row .school_step_info{ width: 100%;padding: 15px;} 
.school_step_info h5{ font-size: 24px;font-family: 'Raleway', sans-serif;font-weight: 600;color: #374EB2;    width: calc(100% - 160px);}
.school_step_info h5 p { font-size: 60%;}
.step_column_school{ display: flex;justify-content: center;} 
.step_column_process{ width: 50%;}
.school_step_info{ text-align: center;} 
.charter_membership_column .step_column_process p { margin-bottom: 5px;}
.step_column_process ul { padding: 0;}
.step_column_process ul li{ margin-bottom: 0; list-style: none;}

.representative_row h5{ margin-bottom: 15px; text-align: center; font-size: 20px;font-family: 'Raleway', sans-serif;font-weight: 600;color: #374EB2;}
.charter_representative_row{ display: flex;}
.representative_row{ width: 50%; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); margin:0 20px 0 0; padding: 20px;  border-radius: 15px; background: #fff;}
.representative_row:first-child{ text-align: center;}
.representative_row:last-child{ margin: 0;}
.charter_membership_column .representative_row:last-child p { font-size: 14px; margin-bottom: 10px;}
.charter_membership_column a.buttons{ padding: 5px 22px;line-height: 22px; margin-top: 20px;}

.charter_step_title{ display: flex; align-items: center; margin-bottom: 20px;}
.charter_membership_column .charter_step_title p{ margin-bottom: 0px;}

.school_step span{ width: 60px; height: 60px;position: relative; margin-right: 20px;}
.school_step span i{ position: absolute; top: 0; left: 0;  border-radius: 50%; font-size: 16px; font-weight: 600; line-height: 24px; font-style: normal; text-align: center; color: #fff; }
.school_step span i:nth-child(1){ width: 60px; height: 60px; background: rgba(248,188,41,0.75); opacity: 0.5;}
.school_step span i:nth-child(2){ width: 44px; height: 44px; top: 8px; left: 8px; background: rgba(248,188,41,0.75);}
.school_step span i:nth-child(3){width: 28px; height: 28px; top: 16px; left: 16px; background: rgba(248,188,41,1);}
@media (max-width: 1680px){
.charter_slider .slick-next.slick-arrow {right: -3.888vw;}
.charter_slider .slick-prev.slick-arrow {left: -3.888vw;}
.charter_slider .slick-next.slick-arrow {width: 2.856vw;height: 2.856vw;}
.charter_slider .slick-prev.slick-arrow {width: 2.856vw;height: 2.856vw;}

.charter_banner_section {padding: 160px 0px 0vw;}
.charter_banner_image img {max-height: 786px;}
.charter_membership_column h4 {font-size: 26px;margin-bottom: 26px;}
.charter_membershup_title h3 {font-size: 34px;}
.charter_banner_section h1{font-size: 70px;}
.charter_membership_column p {font-size: 16px;    margin-bottom: 20px;}
.charter_membership_column li {font-size: 16px; margin-bottom: 20px;}
.charter_membership_column a {font-size: 16px;}
.charter_banner_blob1 {width: 46.719vw;height: 23.177vw;}
.charter_banner_blob2 {width: 25.469vw;height: 24.479vw;top: 20.469vw;right: -4.635vw;}
.important_charter_blob {width: 30.208vw;height: 27.448vw;top: 35.938vw;left: -9.635vw;}
.charter_slider_section .slick-slide >div {margin-bottom: 75px;}
.charter_banner_section .scroll_down {bottom: 15%;}
.important_charter_box p {font-size: 16px;margin-bottom: 24px;}
.important_charter_section {padding-bottom: 140px;}
.charter_membership_section {margin: 92px 0 87px;}
}


@media (max-width: 1366px){
.charter_banner_section {padding: 140px 0px 0vw;}
.charter_banner_image img {max-height: 686px;}
.charter_slider {padding: 67px 50px 79px;}
.charter_slider_layout{ padding: 0px 40px;}
.charter_contact_title {margin-top: 80px;}
.charter_slider_section .slick-slide >div {margin-bottom: 60px;}
.important_charter_section {padding-bottom: 120px;}
.charter_membership_section {margin: 82px 0 77px;}
.school_step_info h5 {font-size: 22px;}

}
@media (max-width: 1200px){
.container {max-width: 1056px; padding: 0px 40px;}
.charter_slider .slick-next.slick-arrow {right: -3.888vw;}
.charter_slider .slick-prev.slick-arrow {left: -3.888vw;}
.charter_slider .slick-next.slick-arrow {width: 30px;height: 30px;}
.charter_slider .slick-prev.slick-arrow {width: 30px;height: 30px;}
.charter_banner_section {padding: 120px 0px 0vw;}
.charter_banner_image img {max-height: 586px;}
.charter_banner_section h1{font-size: 60px;}
.charter_membership_column h4 {font-size: 22px;margin-bottom: 20px;}
.charter_membershup_title h3 {font-size: 30px;}
.charter_membership_column p {font-size: 15px;}
.charter_membership_column li {font-size: 15px;}
.charter_membership_column a {font-size: 15px;}
.charter_slider_logo a {font-size: 24px;}
.charter_membership_section {margin: 72px 0 67px;}

.charter_representative_row {flex-direction: column;}
.representative_row {width: 100%;margin: 0 0px 10px 0;}
.charter_membership_column a.buttons {padding: 12px 22px;line-height: 22px;margin-top: 20px;}
.charter_membership_column li {font-size: 14px;}
.representative_row h5{ font-size: 18px;}
.school_step_info h5 {font-size: 18px;    width: calc(100% - 144px);}
}
 
@media (max-width: 992px){
.container {max-width: 848px; padding: 0px 8px;}
.charter-school .hamburger_toggle svg{    stroke: rgb(51, 41, 41);}
.charter_slider .slick-next.slick-arrow {right: -4.188vw;}
.charter_slider .slick-prev.slick-arrow {left: -4.188vw;}
.charter_slider_logo a{ font-size: 18px;min-width: 130px; }
.charter_slider .slick-dots{ left: 0; bottom: -30px;}
.charter_slider_layout {padding: 0px 0px;}

.charter_membership_column {padding-right: 15px;}
.charter_membership_column:last-child {padding-left: 15px;}
.charter_membership_column li {font-size: 13px;}
.charter_membership_column .representative_row:last-child p {font-size: 13px;margin-bottom: 5px;}
.charter_membership_column a.buttons {margin-top: 10px;}
.charter_membership_column p {margin-bottom: 10px;font-size: 14px;}
}
@media (max-width: 768px){
.container {max-width: 624px;}
.charter_banner_section {padding: 114px 0px 88px;}

.mobile_know_button{ margin-top: 40px; display: block;}
.mobile_know_button .buttons{ min-width: 158px;}
.charter_banner_title{ position: relative; top: 0; transform: translate(0,0);}
.charter_banner_section h1 {margin-bottom: 32px;color: #000; font-size: 40px; text-align: left;}
.charter_banner_image:after{ display: none;}
.charter_membershup_title h3{ font-size: 24px; line-height: 160%; margin-bottom: 32px;}
.charter_membership_blocks{ margin: 0px; display: block;}
.charter_membership_column {width: 100%;padding-right: 0; padding:40px 0 15px; position: relative;}
.charter_membership_column:last-child {padding-left: 0;padding-right: 0;}
.charter_membership_column h4 {font-size: 18px;margin-bottom: 17px;}
.charter_membership_column p {font-size: 15px; line-height: 188%; margin-bottom: 30px;}
.charter_membership_column li {font-size: 15px;margin-bottom: 30px;}
.charter_membership_column ul {padding-left: 17px;}
.charter_membership_column a {font-size: 15px;}
.charter_membership_column:after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: auto;  width: 185px; height: 2px ; background: #FFB500; }
.charter_membership_column:last-child:after{ display: none;}
.charter_membership_column:first-child{ padding-top: 0px;}
.charter_membership_blocks:after{ display: none;}
.charter_membership_layout{ position: relative; z-index: 1;}
.important_charter_blob{    top: 56%;}
.charter_membership_section {margin: 0 0 74px;}
.charter_banner_blob1{ width: 269px; height: 134px;}
.charter_banner_blob2{ bottom: 0; top: auto; width: 258px; height: 248px;}
.charter_membership_column a.buttons {font-size: 17px; font-weight: 400; padding: 12px 18px;}
.important_charter_box h3 {margin-bottom: 16px; font-size: 24px;}
.important_charter_box p {font-size: 15px;margin-bottom: 30px;}
.important_charter_box {border-radius: 15px;padding:88px 36px 58px;box-shadow: 0px 30px 90px rgba(0,0,0,0.20);}
.important_charter_layout {padding-bottom: 34px;}
.important_charter_layout:after {bottom: 16px;left: 21px;right: 21px;border-radius: 15px;height: 62px;}
.important_charter_layout:before { left: 44px;right: 44px;border-radius: 15px;height: 62px;}
.important_charter_box:after {width:366px;height: 103px;background: url(../images/charter_school_pattern_mobile.png) no-repeat 0 0;background-size: contain;}
.important_charter_section {padding-bottom: 88px;}
.charter_slider_section {margin: 10px 0 62px;}
.charter_slider_title {margin-bottom: 32px;}
.charter_slider_title h3{ font-size: 24px;}
.charter_slider {padding: 0 0px 32px 0;background: none;border-radius: 0px;}
.charter_slider_section .slick-slide img {max-height: none; height: 41px; }
.charter_slider_section .slick-slide >div {margin-bottom:26px;}
.charter_slider_section .slick-initialized .slick-slide {padding: 50px 30px 51px;background: #FFF4D9;border-radius: 15px;}
.charter_slider_logo {padding: 0px 5px;width: 50% !important;}
.charter_contact_title h3 {font-size: 18px; text-align: left;}
.charter_contact_title h3 a {font-size: 18px;}
.charter_contact_title {margin-top: 40px;}
.hideMobile{ display: none;}
.charter_slider .slick-dots{ left: 0; bottom: 0px;}
.charter_membership_column .col2{ display:flex; flex-direction: column;}
.charter_membership_column .col2 ul{ width: 100%;}
.school_step_info h5 {width: calc(100% - 160px);}
}
@media (max-width: 576px){
.container {max-width: 375px;}
.charter_slider .slick-arrow {display: none !important;}
.charter_banner_image img {max-height: none;height: 274px;}
.important_charter_blob {width: 130px;height: 118px;left: -72px;}
.important_charter_layout {margin: 0px -36px;}
.charter_slider {margin: 0 -36px;}    
.charter_slider_logo {padding: 0px 5px;}

.step_column_school{ flex-direction: column;} 
.step_column_process {width: 100%; margin-bottom: 15px;}
.charter_membership_column ul {padding-left: 0px;}
.charter_membership_column .step_column_process p {margin-bottom: 5px;}
.school_process_row .school_step_info {width: 100%;padding: 15px;}
.school_step_info h5 {font-size: 16px;margin-bottom: 10px;    width: calc(100% - 120px);}
.charter_membership_column p {font-size: 14px;}
.charter_membership_column li {font-size: 14px;}
.school_step span {margin-right: 10px;width: 50px;height: 50px;}
.school_step span i:nth-child(1) {width: 44px;height: 44px;}
.school_step span i:nth-child(2) {width: 34px;height: 34px;top: 5px;left: 5px;}
.school_step span i:nth-child(3) {width: 24px;height: 24px;top: 10px;left: 10px;}
.school_step span i{ line-height: 24px;}
}

@media (max-width: 399px){
.container {max-width: 320px;}
.membership_container{max-width: 320px;}
}