.top-banner {
padding: 30px 0 35px;
margin-bottom: 25px;
}
.top-banner .ast-row {
display: flex;
position: relative;
}
.banner-content {
height: 100%;
background-color: #E45555;
color: #fff;
padding: 40px;
border-radius: 26px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.top-banner .banner-image {
background-position: center !important;
background-size: cover !important;
border-radius: 26px;
height: 100%;
width: 100%;
}
.banner-content .section-heading {
color: #fff;
margin-bottom: 15px;
text-align: left;
}
.top-banner .img-col {
min-height: 300px;
}
.refferal p {
max-width: 70%;
margin: 30px auto 0;
text-align: center;
line-height: 1.6;
}
.why-choose-us {
background: url(//premiertefl.com/wp-content/uploads/2021/04/accreditation-wave.svg);
margin-top: 80px;
min-height: 500px;
display: flex;
align-items: center;
background-repeat: repeat-x !important;
text-align: center;
}
.why-choose-us .section-heading {
margin-bottom: 50px;
}
.why-choose-us p {
margin: 30px 0 0;
}
.registration {
padding: 60px 0;
}
.registration .sub-title {
text-align: center;
}
.registration .section-heading {
margin-bottom: 40px;
}
.registration-form form.wpcf7-form {
max-width: 60%;
margin: 60px auto 0;
}
.registration-form input[type=text], 
.registration-form input[type=email], 
.registration-form textarea {
background-color: transparent;
border: 1px dashed #999;
border-radius: 10px;
padding: 10px 20px;
color: #353535;
font-weight: 400;
}
.tefl-follow label, 
.wpcf7-list-item-label {
color: #353535;
font-weight: 400;
}
.tefl-follow .ast-col-md-12 {
display: flex;
justify-content: space-between;
margin: 10px 0;
}
.tefl-follow .wpcf7-form-control-wrap {
width: auto;
display: inline-block;
}
.wpcf7-form-control.wpcf7-submit, 
.wpcf7-form-control.wpcf7-submit:hover {
background-color: #0F3042;
border-radius: 10px;
margin-bottom: 20px !important;
display: inline-flex;
align-items: baseline;
border: 1px dashed #F7F2EE;
font-weight: 400;
}
.affiliate_form_submit2 input.wpcf7-form-control.wpcf7-submit {
background-color: #E6E1DD;
color: #353535;
}
.wpcf7-submit {
display: block;
width: 100%;
padding: 14px 20px !important;
}
.password input.wpcf7-form-control {
margin-bottom: 1.2em;
}
.how-it-woks {
text-align: center;
min-height: 675px;
background-repeat: repeat-x !important;
display: flex;
align-items: center;
}
.how-it-woks .section-heading {
margin-bottom: 70px;
}
.dashed-circle {
width: 20px;
height: 20px;
border: 1px dashed #bebebe;
border-radius: 50%;
margin: 30px auto 20px;
position: relative;
z-index: 99999;
}
.dashed-circle:after {
content: '';
width: 158px;
height: 1px;
border-top: 1px dashed #bebebe;
position: absolute;
top: 50%;
left: 20px;
z-index: 1;
}
.how-it-woks .ast-col-md-3:last-child .dashed-circle:after {
display: none;
}
.join-tefl {
padding: 80px 0;
}
.join-tefl .ast-container {
max-width: 60%;
text-align: center;
}
.join-tefl p {
margin: 50px 0;
line-height: 2;
}
.tefl-affiliate-program {
background: url(//premiertefl.com/wp-content/uploads/2021/04/online-teaching-platform-bg.png);
padding: 112px 0;
background-repeat: repeat-x;
}
.affiliate-program {
background-color: #F6F2ED;
box-shadow: 4px 4px 0px 0px #e3d9d1;
padding: 25px 25px 20px;
margin-bottom: 40px;
min-height: 380px;
}
.affiliate-program img {
width: 100%;
}
.affiliate-program h4 {
margin: 20px 0 6px;
}
.curren-affiliate {
padding: 60px 0;
}
.curren-affiliate .section-heading {
margin-bottom: 70px;
}
.curren-affiliate p {
margin: 30px 0 0;
}
form#affwp-register-form > fieldset {
display: flex;
flex-wrap: wrap;
}
form#affwp-register-form > fieldset p {
width: 50%;
display: flex;
flex-direction: column;
padding: 20px;
}
form#affwp-register-form {
max-width: 800px;
margin: auto;
}
input.button {
background-color: #0F3042;
border-radius: 10px;
display: inline-block;
margin-bottom: 20px !important;
font-size: 1.35rem;
padding: 10px 20px;
display: inline-flex;
align-items: center;
border: 1px dashed #F7F2EE;
text-align: center;
display: block;
}
.affwp-errors {
max-width: 800px;
margin: auto;
background-color: #0F3042;
border-radius: 10px;
display: inline-block;
margin-bottom: 40px !important;
font-size: 1.35rem;
padding: 10px 20px;
display: inline-flex;
align-items: center;
border: 1px dashed #F7F2EE;
text-align: center;
display: block;
}
.affwp-errors p {
color: #fff;
margin: auto!important;
}
@media (max-width: 768px){
form#affwp-register-form > fieldset p {
width: 100%;
padding: 10px;
}
}
@media (max-width: 768px) {
.dashed-circle:after {
width: 142px;
}
.why-choose-us {
background-repeat: repeat-y !important;
background-size: cover;
padding: 100px 50px;
}
.why-choose-us .ast-col-md-4 {
min-height: 220px;
}
.registration-form form.wpcf7-form {
max-width: 80%;
}
.how-it-woks {
min-height: 490px;
}
.join-tefl .ast-container {
max-width: 80%;
}
.tefl-affiliate-program {
background-size: cover;
padding: 140px 0 100px;
}
.affiliate {
margin-bottom: 40px;
}
.join-tefl {
padding: 80px 0 0;
}
}
@media (max-width: 767px) {
.top-banner .ast-row {
display: block;
}
.top-banner .img-col {
display: none;
}
.faq-questions a {
width: calc(50% - 20px);
margin: 0 10px 20px;
}
.how-it-woks .ast-col-md-3 {
width: 50%;
float: left;
}
.dashed-circle {
display: none;
}
.how-it-woks h5 {
margin: 20px 0 40px;
}
.refferal p {
max-width: 100%;
}
.why-choose-us {
padding: 130px 0 40px;
}
.why-choose-us .ast-col-md-4 {
width: 50%;
float: left;
}
.why-choose-us p {
margin: 20px 0 0;
}
.registration-form form.wpcf7-form {
max-width: 100%;
}
.first-name input.wpcf7-form-control, .email-address input.wpcf7-form-control, .tefl-follow .ast-col-md-12 {
margin-bottom: 1.2em;
}
.tefl-follow label .wpcf7-form-control-wrap {
margin-top: 10px;
}
.wpcf7-form-control.wpcf7-submit {
margin-bottom: 0 !important;
}
.how-it-woks {
padding: 70px 0;
}
.join-tefl {
padding-top: 30px;
}
.join-tefl .ast-container {
max-width: 100%;
}
}