.webinar-content-div {
padding: 25px 35px;
color: #F7F2EE;
border-radius: 30px;
height: 100%;
}
.upcoming-webinars-col>div:not(:last-of-type) {
margin-bottom: 2rem;
}
.upcoming-webinars-col:nth-of-type(1) .webinar-content-div {
background-color: #65BE9F;
}
.upcoming-webinars-col:nth-of-type(2) .webinar-content-div {
background-color: #E45555;
}
.upcoming-webinars-col:nth-of-type(3) .webinar-content-div {
background-color: #E7AF2E;
}
.upcoming-webinars-col:nth-of-type(2) .webinar-row {
display: flex;
flex-direction: row-reverse;
}
.title-div p {
font-size: 1.65rem;
margin-bottom: 0px;
line-height: 1.95rem;
}
.title-div {
padding-bottom: 25px;
border-bottom: 1px solid #F7F2EE;
margin-bottom: 25px;
}
.meta-register-div {
display: flex;
align-items: center;
}
.meta-div p {
margin-bottom: 10px;
display: flex;
}
.meta-content {
font-weight: 400;
}
.meta-register-div .meta-div {
flex: 2;
}
.register-div {
text-align: right;
flex: 1;
}
.meta-div p .head {
width: 25%;
}
.meta-div p .meta-content {
width: 75%;
}
.webinar-image-col .img-bg img {
border-radius: 30px; height: 305px;
object-fit: cover; }
.top-banner {
padding: 30px 0 35px;
}
.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 !important;
}
.banner-content p {
margin-bottom: 20px;
line-height: 1.8;
}
.four-points-block {
background-color: #E7E2DE;
width: 100%;
padding: 30px;
border-radius: 30px;
}
.four-points-block .ast-col-md-6 {
display: flex;
align-items: center;
}
.four-points-block .ast-col-md-6 img {
max-width: 20%;
}
.four-points-block .ast-col-md-6 p {
margin-bottom: 4px;
margin-left: 20px;
}
.four-points-block .ast-col-md-6 p:last-child {
font-size: 0.875rem;
margin-bottom: 0;
}
.our-mission {
padding: 60px 20% 40px;
text-align: center;
}
.our-mission h3 {
margin-bottom: 10px !important;
}
.team-experts .section-heading {
border-top: 1px dashed #999;
padding-top: 60px;
margin-bottom: 60px;
}
.member {
text-align: center; }
.member-name {
margin: 20px 0 0px;
}
.member-speciality {
margin-bottom: 20px;
}
.member-about {
min-height: 390px;
}
.member .ptefl-button {
font-size: 1.125rem;
background-color: #028288;
}
.team-experts .ast-row {
display: flex;
flex-wrap: wrap;
}
.team-experts .ast-row>div {
display: flex;
}
.academic-team {
padding-top: 60px;
}
.partnership-developement {
background-size: cover !important;
padding: 130px 0 0;
background-position: center !important;
}
.partnership-developement .section-heading {
border: 0;
margin: 0 0 60px;
padding-top: 0;
}
.digital-team {
margin-top: 30px;
}
.digital-team .section-heading {
border: 0;
margin: 0 0 60px;
padding-top: 0;
}
.why-best-choice {
padding: 100px 0 0;
}
.why-best-choice .section-heading {
text-align: left;
}
.why-best-choice .subtitle {
margin-bottom: 0;
}
.why-best-choice .ptefl-button {
background-color: #65BE9F;
align-items: center;
margin-bottom: 40px !important;
}
.why-best-choice .ptefl-button img {
margin-right: 16px;
}
.why-best-choice .content {
margin-bottom: 40px;
}
.why-best-choice .img-col {
text-align: right;
}
.ptefl-story .section-heading {
border-top: 1px dashed #999;
padding: 60px 0;
}
.our-story-block {
display: flex;
align-items: center;
position: relative;
}
.story-image,
.story-content {
flex: 1;
}
.our-story {
max-width: 70%;
margin: 0 auto;
position: relative;
}
.story-image img {
width: 100%;
}
.middle-line {
content: '';
border-right: 1px dashed #999;
height: 100%;
position: absolute;
left: 50%;
}
.story-image {
padding-right: 40px;
}
.story-content {
padding-left: 40px;
}
.story-content p {
margin-bottom: 0;
}
.our-story:after {
content: '';
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px dashed #999;
position: absolute;
bottom: 0;
left: calc(50% - 12px);
background-color: #F2EAE3;
z-index: 9;
}
.our-story-block:before {
content: '';
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px dashed #999;
position: absolute;
top: 0;
left: calc(50% - 12px);
background-color: #F2EAE3;
z-index: 9;
}
.our-story-block:nth-child(odd) .story-image {
order: 2;
padding-right: 0;
padding-left: 30px;
}
.our-story-block:nth-child(odd) .story-content {
order: 1;
padding-left: 0;
padding-right: 30px;
}
.ptefl-story {
padding: 70px 0;
}
.ptefl-story .btn-block {
text-align: center;
padding: 70px 0 0;
}
.career {
min-height: 510px;
display: flex;
align-items: center;
background-repeat: repeat-x !important;
background-position: center !important;
text-align: center;
}
.career p {
margin: 40px 0;
}
@media (max-width: 768px) {
.four-points-block .ast-col-md-6 {
margin: 15px 0;
}
.member .ptefl-button {
font-size: 1.125em;
line-height: 1.4;
}
.our-story {
max-width: 100%;
}
.our-story-block {
margin: 40px 0;
}
}
@media (max-width: 767px) {
.top-banner .ast-row {
display: block;
}
.top-banner .ast-row .img-col {
display: none;
}
.our-mission {
padding-right: 0;
padding-left: 0;
}
.academic-team {
padding-top: 20px;
}
.member {
margin-bottom: 40px;
}
.member-about {
min-height: auto;
}
.partnership-developement {
padding: 170px 0 80px;
}
.why-best-choice .img-col {
text-align: center;
margin-top: 50px;
}
.why-best-choice {
padding: 20px 0 0;
}
.our-story-block {
display: block;
margin: 60px 0;
}
.story-image,
.story-content {
padding: 0 !important;
}
.story-image {
margin-bottom: 20px;
}
.our-story-block:before,
.middle-line,
.our-story:after {
display: none;
}
.ptefl-story .section-heading {
padding-bottom: 0;
}
.ptefl-story .btn-block {
padding-top: 20px;
}
.four-points-block .ast-row {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
.four-points-block .ast-row>div {
width: 50%;
padding: 0;
}
.four-points-block {
padding: 15px;
}
.four-points-block .details p {
margin-left: 10px;
}
.four-points-block .ast-col-md-6 img {
max-width: 40%;
}
} .register-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .75);
z-index: 99999;
align-items: center;
justify-content: center;
}
.register-modal-content {
background: #fff;
padding: 16px;
border-radius: 4px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width:769px) {
.register-modal-content {
width: 40%;
}
}
.cross {
position: absolute;
top: 2px;
right: 2px;
cursor: pointer;
z-index: 99;
}