:root {
--border-radius: 1.35rem;
--color-white: #fff;
--color-primary: #0F3043;
--color-black: #000000;
--secondary-color: #E8AF2E;
--background-color: #028188;
--button-heading: #e55555;
--img-background: #f3eae3;
--body-background-color: #f7f2ee;
--button-h2: #65bea0;
--color-gold: #e8af2e;
--border-color: #c4c0bd;
--btn-border-color: #f7f2ef;
--border-left-color: rgb(148, 147, 147);
}
.btn-centered {
justify-content: center;
}
.text-center {
text-align: center;
}
.section-padding-top {
padding-top: 40px;
}
.large-heading {
font-size: 2.133rem !important;
}
.common-section-heading {
font-weight: 500;
font-size: 28px;
margin-bottom: 1rem;
text-transform: capitalize;
color: #3D3A37;
}
.mb-1 {
margin-bottom: 1rem !important;
}
.mb-2 {
margin-bottom: 2rem !important;
}
.mt-1 {
margin-top: 1rem !important;
}
.mt-2 {
margin-top: 2rem !important;
}
#content>.ast-container {
max-width: 100%;
padding: 0;
} .sub-heading-section {
background-color: #e7e2de;
color: var(--color-black);
border-bottom: 1px solid var(--border-left-color);
}
.offers {
text-align: center;
padding: 10px 0px;
}
.sec_call {
border-left: 2px solid var(--border-left-color);
border-right: 2px solid var(--border-left-color);
}  .content-title {
text-align: left;
font-size: 2rem;
margin-bottom: 34px !important;
}
.ques-ans-section .accordion-panel-title,
.ques-ans-title {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.ques-ans-section .accordion-panel-title::after,
.ques-ans-title::after {
content: "\2b";
color: #333;
font-size: 2.5rem;
font-weight: 300;
font-family: "FontAwesome";
}
.ques-ans-section .accordion-panel-title[aria-expanded="true"]::after,
.ques-ans-accordion.active .ques-ans-title::after {
content: "\f068";
font-size: 18px;
}
.ques-ans-accordion.active content {
transition: all .4s ease-in-out;
}
.ques-ans-section .accordion-panel-title,
.ques-ans-title {
font-size: 1.6rem;
cursor: pointer;
margin-bottom: 1rem;
}
.ques-ans-section .panel,
.ques-ans-accordion {
border-bottom: 1px dashed #999999;
padding: 10px 5px 10px 15px;
}
.ques-ans-section .panel:last-child,
.ques-ans-accordion:last-child {
border: none;
}
.ques-ans-body p {
font-weight: 500;
}
.ques-ans-body img {
width: 100%;
}
.ques-ans-body b {
border-bottom: 1px dashed lightgray;
display: block;
padding: 8px;
}
.ques-ans-accordion {
cursor: pointer;
}
.ques-ans-body a {
text-decoration: underline;
font-weight: normal;
}
.ques-ans-content {
display: none;
}
.ques-ans-accordion.active .ques-ans-content {
display: block !important;
}
.ques-ans-body {
font-weight: normal;
} .hero-banner-section {
padding: 100px 0;
background-size: cover !important;
background-repeat: no-repeat !important;
background-color: #c0c5c9;
}
.hero-banner-section__content {
background: #F3EAE4;
padding: 2.2rem;
border-radius: 20px;
color: var(--color-black);
box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.hero-banner-subtitle {
font-weight: 400;
font-size: 2.2rem;
line-height: 2.5rem;
}
.hero-banner-section__content-summary {
font-weight: 400;
font-size: 17px;
}
.hero-banner-title {
font-weight: 600;
font-size: 2rem;
color: var(--color-black);
}
.hero-banner-section__content-summary>p:last-child {
margin-bottom: 0 !important;
}
.hero-banner-section__content .banner-btn:hover {
background-color: var(--color-primary);
color: var(--color-white);
}
.hero-banner-section__content .banner-btn {
border-radius: 18px;
background-color: var(--button-heading);
text-align: center;
padding: 20px 15px;
display: block;
cursor: pointer;
font-size: 1.3rem;
margin-top: 2rem;
color: var(--color-white);
font-weight: 500;
}
.hero-banner-section__logo-container {
position: absolute;
top: -3rem;
right: 5rem;
}
img.hero-banner-section-logo {
width: 200px;
margin-left: 35%;
}
@media screen and (max-width:768px) {
.hero-banner-section__logo-container {
position: absolute;
bottom: -50px;
right: 10px;
}
img.hero-banner-section-logo {
width: 170px;
margin-left: 0;
}
}  .trust-strip {
display: flex;
}
img.trust-strip-icon {
margin-right: 15px;
height: min-content;
}
.trust-strip-block {
background-color: #E7E2DE;
padding: 20px;
border-radius: 26px;
}
.trust-trip-content {
font-size: 1.2rem;
line-height: 1.42rem;
}
.trust-trip-content span {
font-size: 0.95rem;
font-weight: 400;
}  #tefl_course .column-1 {
padding: 0 20px !important; }
#tefl_course .column-1 .section-heading {
font-size: 2.2rem;
}
section#tefl_course p {
font-size: 1.12rem;
}
section#tefl_course p:last-child {
font-weight: 400;
}
.tefl-course-help ul li {
font-size: 1.3rem;
line-height: 2.36rem;
font-weight: 400;
list-style-type: none;
display: flex;
align-items: center;
}
.tefl-course-help ul li:before {
content: "\f111";
font-family: 'FontAwesome';
font-size: 8px;
margin-right: 15px;
}
.tefl-course-help ul {
margin: 0px !important;
}
section#tefl_course {
padding: 30px 0;
}
#tefl_course .section-heading {
text-align: left;
}
#tefl_course .ast-col-md-6:first-child {
padding-top: 45px;
padding-right: 50px;
}
#tefl_course .ast-col-md-6:first-child .section-title {
margin-bottom: 40px;
}
.tefl-course-help ul {
margin-left: 18px;
}
.tefl-course-help .section-title {
margin-bottom: 25px;
}
.tefl-course-help {
background-color: #E3D6CB;
border-radius: var(--border-radius);
padding: 45px;
}
#wave-img img {
height: auto;
max-width: 100%;
width: 100%;
}  .offer-section-heading {
font-weight: 500;
font-size: 28px;
text-align: center;
}
.offer-section-row {
background: #E7E2DE;
padding: 3rem 2rem;
border-radius: 1rem;
}
.offer-expiry-title {
font-weight: 500;
font-size: 1.2rem;
text-align: center;
}
.offer-btn.disabled {
color: #999999;
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
.offer-btn {
background-color: var(--color-primary);
padding: 13px;
display: flex;
width: 80%;
border-radius: 9px;
color: var(--color-white);
text-align: center;
margin: auto;
cursor: pointer;
justify-content: center;
}
.offer-btn:hover {
background-color: #a5a9ab;
}
.offer-section-row__timer-countdown .clock-inner .base {
font-size: 1.8rem;
font-weight: 500;
}
.offer-section-row__content {
display: block;
margin: auto;
width: 70%;
}
.offer-section-row__content p {
margin-bottom: 24px;
}
option {
border-radius: 9px;
border: 2px solid black;
}
select {
appearance: none;
background-image: url(https://premiertefl.com/wp-content/uploads/2023/08/Vector-25.png);
background-repeat: no-repeat;
background-position: right 1.7em top 50%;
background-size: auto;
border-radius: 9px;
text-align: center;
width: 80%;
display: flex;
margin: auto;
justify-content: center;
border: 2px solid #103042;
}
#offerCourse {
font-weight: 600;
color: var(--color-black);
font-size: 1rem;
}  .course-card {
background-color: var(--color-white);
border-radius: 13px;
}
.course-card__top {
border-radius: 13px 13px 0 0;
padding: 2rem;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
.course-card .deposit-info {
margin: 2rem -2rem;
background: #0F3041;
padding: 1rem 2rem;
gap: 1rem;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
opacity: 70%;
}
.course-card .depoist-info__icon {
flex: 1;
text-align: center;
}
.course-card .depoist-info__icon img {
width: 65px;
height: 65px;
object-fit: contain;
}
.course-card .depoist-info__icon img {
width: auto;
height: auto;
}
.deposit-info__details {
flex: 3;
}
.course-card .deposit-info_title {
color: var(--color-gold);
font-size: 26px;
text-transform: capitalize;
font-weight: 600;
}
h5 .deposit-info_title {
letter-spacing: 2px;
font-weight: 700;
margin-bottom: 2px !important;
}
.deposit-info_description {
font-size: 15px;
line-height: 1.5;
font-weight: 400;
color: var(--color-white);
text-align: left;
}
.course-price-html {
background: #E7E2DE;
padding: 10px 85px;
border-radius: 23px;
display: block;
margin: auto;
width: 70%;
}
.course-price-html .wcpbc-price {
display: inline-flex;
gap: 10px;
align-items: baseline;
}
.course-price-html ins {
font-weight: 800;
color: var(--color-black);
font-size: 22px;
}
.course-price-html del {
font-size: 14px;
color: #A9A9A9;
font-weight: 500;
text-decoration: none;
position: relative;
}
.course-price-html del::after {
content: "";
width: 100%;
height: 1px;
background: #A9A9A9;
position: absolute;
top: 50%;
transform: translateX(-99%);
}
.course-price-html ins::before {
content: "Now:";
margin-right: 5px;
letter-spacing: 1px;
}
.course-price-html del::before {
content: "Was:";
margin-right: 5px;
letter-spacing: 1px;
}
.course-card__bottom-title { color: var(--color-black);
position: relative;
}
h3.course-card__bottom-title::after {
content: ""; height: 1px;
width: 90%;
display: block;
margin: auto;
position: absolute;
bottom: -5px;
left: 0;
right: 0;
border-bottom: 1px dashed #D2D0C8;
}
.feature-include {
display: flex;
align-items: center;
gap: 1rem;
font-size: 1rem;
font-weight: 400;
}
.course-card__bottom-content.features {
width: 70%;
margin: auto;
min-height: 176px;
}
.course-card__bottom-content.features>*:not(:last-child) {
margin-bottom: 10px;
}
.course_card__bottom {
padding: 1.5rem;
}
.accredited-section__body_last {
display: flex;
justify-content: center;
width: 100%;
}
.course-card-freebies {
padding: 10px 20px;
border-radius: 10px;
margin-bottom: 1rem;
display: flex;
gap: 1rem;
}
.course-freebie {
display: inline-flex;
align-items: center;
gap: 10px;
background: #E7E2DE;
border-radius: 10px;
flex: 1;
padding: 0.5rem 1.2rem;
}
span.course-freebie__text {
font-size: 1rem;
font-weight: 400;
}
.course-card .course-cta-btn {
display: block;
font-size: 1.25rem;
padding: 20px;
border-radius: 10px;
text-transform: capitalize;
transition: all .4s ease-in-out;
font-weight: 600;
width: 90%;
margin: auto;
}
.course-link-btn {
background-color: var(--color-primary);
color: var(--color-white);
margin-bottom: 1rem !important;
}
.download-btn {
background-color: var(--button-h2);
color: var(--color-white);
margin-bottom: 1rem !important;
}
.course-link-btn a:hover {
cursor: pointer;
}
.level_5_tefl_diploma_section .download-btn {
background-color: #e7b02d;
}
.level_5_diploma_section .download-btn {
background-color: var(--background-color);
}  .preview-video {
height: 325px;
display: flex;
justify-content: center;
cursor: pointer;
z-index: 99;
position: relative;
align-items: center;
}
.videos-section { }
.play-btn {
width: 4rem;
border-style: 1px dotted #e1ddda;
}
.video-body__section {
background: var(--color-white);
border-radius: 17px;
}
.video-freebie {
display: flex;
flex-direction: column;
align-items: center;
border-radius: 6px;
padding: 10px;
color: var(--color-white);
}
.video-card-1 .video-freebie {
background-color: var(--button-h2);
}
.video-card-2 .video-freebie {
background-color: var(--background-color);
}
.video-card-3 .video-freebie {
background-color: var(--color-gold);
}
.video-img {
border-radius: 17px 17px 0 0;
width: 100%;
object-fit: cover;
}
.preview-thumbnail {
border-radius: var(--border-radius);
}
.videos {
display: flex;
justify-content: space-around;
flex-direction: column;
row-gap: 1rem;
padding: 1.5rem;
}
.video-title {
font-weight: bold;
font-size: 1.5rem;
text-align: center;
font-weight: 600;
}
.video-freebies__section {
display: flex;
gap: 1rem;
}
.video-freebies__section>* {
flex: 1;
}
.video-subtitle {
font-weight: lighter;
font-size: 1.3rem;
}
.video-card-btn {
border-radius: 6px;
background-color: var(--color-primary);
width: 100%;
margin: auto;
color: var(--color-white);
padding: 10px;
text-align: center;
cursor: pointer;
}
.video-freebie img {
display: flex;
margin: auto;
}    section#course_level {
margin-top: 30px;
padding: 100px 0 !important;
min-height: 590px;
background-size: cover !important;
}
#course_level .section-heading {
margin-bottom: 60px;
}
section#course_level .section-title {
text-align: center;
margin-bottom: 60px;
}
section#course_level h3 {
margin-bottom: 30px;
font-size: 1.42rem;
}
section#course_level p {
font-size: 1.12rem;
font-weight: 400;
line-height: 1.7rem;
}
section#course_level .ast-col-md-12 {
text-align: center;
}
.callback-button {
margin-top: 60px;
}
#course_level {
padding: 70px 0 !important;
text-align: center;
}
.courses-video {
border-radius: var(--border-radius);
padding: 2rem;
}  section#opening-content-section {
font-size: 1.12rem;
font-weight: 400;
margin-bottom: 30px;
}
#opening-content-div>*:not(:first-child) {
display: none;
}
#read-more-btn {
transition: all 0.2s;
cursor: pointer;
color: #afafaf;
}
#new-ui-compare-courses-container {
margin: 1rem 0;
}
.new-ui-course-catagory-tab {
border: 1px dotted #f7f2ee;
color: var(--color-white);
padding: 15px 33px;
line-height: 1.5rem;
height: 100%;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.9rem;
}
.new-ui-features-head-col {
padding-left: 20px;
padding-right: 20px;
}
#fast_track-tab {
background-color: var(--color-primary) !important;
}
#level5-tab {
background-color: var(--background-color) !important;
}
#tefl_pro-tab {
background-color: var(--secondary-color) !important;
}
.new-ui-course-catagory-tab img {
margin-right: 20px;
}
.new-ui-course-catagory-tab span {
cursor: default;
}
.course-columns {
margin-top: 4rem;
}
.course-catagory-description {
padding: 0 1rem;
}
.new-ui-course-row {
margin: 10rem 0;
}
.new-ui-course-row:first-child {
margin-top: unset;
}
.new-ui-course-row:last-child {
margin-bottom: unset;
}
.features-content-inner .new-ui-title-div {
align-items: flex-end;
}
.new-ui-course-title {
margin-bottom: unset;
}
.new-ui-title-div .course-info-icon {
margin: 0 0.5rem;
font-size: 1.3rem;
cursor: pointer;
} @media (max-width:1000px) {
.trust-strip {
margin-bottom: 20px;
}
.trust-strip:last-child {
margin-bottom: 0;
}
ul.nav.nav-tabs>li>a {
font-size: 80%;
line-height: 1.2;
padding: 5px 10px;
border-radius: 0px !important;
}
ul.nav.nav-tabs>li>a>img {
display: none;
}
.advice-block {
padding: 20px 0;
}
.advice-text {
width: 90%;
}
.advice-block {
background: none;
height: auto;
}
.advice-text {
margin-top: 100px;
}
.quote-icon,
.quote-icon2 {
display: none;
}
#job_advice {
padding: 50px 0 0 !important;
}
.post-col:nth-child(even) .post-image-col {
order: inherit;
}
.wave-border-div {
margin: 50px 0;
}
}
@media (max-width:922px) {
.advice-block {
background: none;
height: auto;
}
img.person-image {
top: -40px;
}
.advice-text {
margin-top: 100px;
}
.quote-icon,
.quote-icon2 {
display: none;
}
#job_advice {
padding: 50px 0 0 !important;
}
} .new-ui-title-div {
position: relative;
}
.new-ui-popover {
opacity: 0;
position: absolute;
bottom: 2rem;
left: -3rem;
z-index: 5;
background-color: #f7f2ee;
width: 22rem;
height: 10rem;
padding: 0.7rem;
border-radius: 0.5rem;
overflow-y: auto;
overflow-x: hidden;
text-align: left;
box-shadow: 1px 8px 13px 3px #aba1a2;
font-size: 0.9rem;
transition: all 200ms;
}
.popover-show {
opacity: 1;
} .new-ui-popover::-webkit-scrollbar {
width: 0.5rem;
}
.new-ui-popover::-webkit-scrollbar-track {
background: transparent;
}
.new-ui-popover::-webkit-scrollbar-thumb {
background: #888;
border-radius: 0.5rem;
}
.new-ui-popover::-webkit-scrollbar-thumb:hover {
background: #555;
}  .price-div.has-deposit ins>span.amount {
display: flex;
flex-direction: column-reverse;
}
bdi.discount-price.price-now:after {
content: '*';
}
.price-div.has-deposit ins>span.amount>bdi:not(.discount-price) {
font-weight: 500;
font-size: .75rem !important;
}
.price-div.has-deposit ins>span.amount>bdi:not(.discount-price):before {
content: '*Full Price ';
}
.price-div.has-deposit ins>span.amount>bdi:not(.discount-price):after {
content: ', Pay 50% today';
} .instalments-tab-section .content {
font-weight: 500;
font-size: 1.2rem;
text-align: center;
line-height: 1.5rem;
}
.instalments-tab-section .items {
margin: 1rem auto 0;
display: flex;
max-width: 900px;
}
.instalments-tab-section .item {
margin: 0 1rem;
width: 100%;
}
.item h4 {
text-align: center;
padding-bottom: 1rem;
font-weight: 700;
font-size: 23px;
}
.item img {
margin: 2rem auto;
display: block;
}
.item p {
font-size: 1.5rem;
text-align: center;
font-weight: 400;
margin: 0;
}  .course-prod-134115 .half-price {
font-weight: 500;
font-size: 0.75rem;
}
.course-prod-134115 span.half-price-amt {
font-size: 1.5rem;
line-height: 1.12rem;
}
.course-prod-5810 .half-price {
font-weight: 500;
font-size: 0.75rem;
}
.course-prod-5810 span.half-price-amt {
font-size: 1.5rem;
line-height: 1.12rem;
}
.course-prod-159322 .half-price {
font-weight: 500;
font-size: 0.75rem;
}
.course-prod-159322 span.half-price-amt {
font-size: 1.5rem;
line-height: 1.12rem;
}
.course-prod-27704 .half-price {
font-weight: 500;
font-size: 0.75rem;
}
.course-prod-27704 span.half-price-amt {
font-size: 1.5rem;
line-height: 1.12rem;
}
.course-prod-27580 .half-price {
font-weight: 500;
font-size: 0.75rem;
}
.course-prod-27580 span.half-price-amt {
font-size: 1.5rem;
line-height: 1.12rem;
}
.nav>li {
width: 33.33%;
} section.content_display_section,
section#tefl_course_level {
margin-top: 30px;
padding: 100px 0;
min-height: 590px;
background-size: cover !important;
}
section.content_display_section {
min-height: 200px;
}
section.content_display_section .section-heading,
#tefl_course_level .section-heading {
margin-bottom: 60px;
}
section.content_display_section .section-title,
section#tefl_course_level .section-title {
text-align: center;
margin-bottom: 60px;
}
section.content_display_section h3,
section#tefl_course_level h3 {
margin-bottom: 30px;
font-size: 1.42rem;
}
section.content_display_section p,
section#tefl_course_level p {
font-size: 1.12rem;
font-weight: 400;
line-height: 1.7rem;
}
section.content_display_section {
background: #F2EAE3;
text-align: justify;
}
section.content_display_section p {
margin-bottom: 10px;
}
section.content_display_section h4 {
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
font-size: 1.3em
}
section.content_display_section .ast-row {
max-width: 960px;
margin: auto;
}
section.content_display_section iframe {
min-width: 100%;
} details[open] summary:after {
content: "-";
}
section#compare_courses {
padding: 60px 0;
}
section#compare_courses .section-heading {
margin-bottom: 50px;
}
*/ ul.nav.nav-tabs {
display: flex;
margin-left: 0;
}
ul.nav-tabs li>a {
border-top-left-radius: 30px !important;
border-top-right-radius: 30px !important;
border: 1px dotted #f7f2ee !important;
color: #fff !important;
font-size: 1.3rem;
display: flex !important;
align-items: center;
padding: 15px 33px;
line-height: 1.5rem;
margin: 0;
height: 100%;
}
ul.nav-tabs li>a>img {
margin-right: 20px;
}
.fast-track-li a {
background-color: var(--color-primary) !important;
}
.level5-li a {
background-color: var(--background-color) !important;
}
.tefl-pro-li a {
background-color: var(--secondary-color) !important;
}
.tab-content {
background-color: #F2EAE3;
padding: 35px;
}
.timer p {
text-align: center;
}
.time-left {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
} .time-left>div {
display: flex;
flex-direction: column;
align-items: center;
font-weight: 500;
font-size: 0.71rem;
}
.time-left span {
font-size: 2.55rem;
font-weight: 500;
}
.empty-div {
height: 22px;
}
.course-col {
background: url(//premiertefl.com/za/wp-content/uploads/2021/04/tab_course_bg.png);
background-size: cover;
position: relative;
padding: 70px 15px 10px;
text-align: center;
}
img.course-image {
position: absolute;
top: -7%;
max-width: 160px;
left: calc(50% - 80px);
}
.course-title {
margin-bottom: 20px;
}
.course-price p {
margin-bottom: 5px;
}
.old-price {
margin-bottom: -4px !important;
text-decoration: line-through;
}
.new-price {
font-size: 1.563rem;
}
.course-price {
margin-bottom: 35px;
}
.actions .button {
display: block;
margin-bottom: 15px !important;
}
.course-access {
margin: 25px 0;
}
.post-content-div .ptefl-button {
margin-bottom: 0 !important;
}
.features-content-col,
.tefl-timer-text {
text-align: center;
}
.features-content-col .icon-div {
height: 120px;
margin-top: -65px;
}
.features-content-col .title-div {
border: none;
margin-bottom: 20px;
padding: 0;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.12rem;
}
.price-div {
margin-bottom: 20px;
height: 45px;
}
.price-div .wcpbc-price {
display: flex;
flex-direction: column;
}
.features-head-col .duration-div,
.features-head-col .features-div {
text-align: right;
}
.offer-section-row__timer .clock {
padding-bottom: 0px;
margin-bottom: 1.5rem;
}
.timer-container {
height: 165px;
}
.tefl_countdown_timer {
background: none;
color: #353535;
} .tefl_countdown_timer .tefl-timer-text { display: none;
}
.features-content-col .features-content-inner {
background-image: url(//premiertefl.com/za/wp-content/uploads/2021/05/compare-course-bg.svg);
display: flow-root;
background-repeat: no-repeat;
background-size: cover;
}
.access-time-div {
margin-bottom: 20px;
}
.price-div .wcpbc-price del bdi {
font-weight: 400;
}
.price-div .wcpbc-price ins bdi {
font-size: 1.5rem;
line-height: 1.12rem;
font-weight: 700;
}
.price-div .wcpbc-price del bdi span {
font-weight: 400;
}
.duration-div,
.features-div {
line-height: 2.4rem;
}
.timer-container+.features-div {
padding-top: 20px !important;
}
.buy-now-div a {
background-color: var(--button-heading);
color: var(--color-white);
}
.course-discount-sidebar {
background: var(--secondary-color);
color: var(--color-white);
padding: 10px 20px;
line-height: 1.25;
font-weight: 500;
font-size: 1rem;
text-align: center;
border-radius: 15px;
text-transform: uppercase;
margin: -52px 0 15px 0;
}
.course-discount-sidebar span {
font-weight: bold;
}
.buy-now-div a,
.learn-more-div a {
width: 85%;
font-size: 1.2rem;
line-height: 1.42rem;
display: flex;
justify-content: space-between;
margin: 0 auto;
}
.learn-more-div a {
background-color: transparent;
border-color: #353535;
}
.access-time-div {
font-size: 0.8rem;
font-weight: 400;
}
.features-head-col {
padding: 0 5px;
} @media only screen and (max-width: 1024px) and (min-width: 768px) {
.features-div div {
font-size: 0.85rem !important;
}
}
@media (min-width:1000px) {
span.feature-text {
display: none;
}
}
@media only screen and (max-width:1000px) and (min-width: 768px) {
.features-content-col .title-div {
height: 100px;
}
.features-content-col {
width: 33.33%;
}
.features-content-col .title-div {
height: 100px;
}
.feature-text {
font-size: 0.8rem !important;
}
#tefl_pro .features-content-col .features-content-inner .features-div div {
line-height: 1rem;
display: inline-flex;
margin-bottom: 10px;
font-size: 0.8rem;
}
}
@media (max-width:1000px) {
.trust-strip {
margin-bottom: 20px;
}
.trust-strip:last-child {
margin-bottom: 0;
}
ul.nav.nav-tabs>li>a {
font-size: 80%;
line-height: 1.2;
padding: 5px 10px;
border-radius: 0px !important;
}
ul.nav.nav-tabs>li>a>img {
display: none;
}
.tab-content {
padding: 0 20px 0;
margin-bottom: 20px;
}
.features-head-col {
display: none;
}
.features-content-col {
margin-top: 80px;
padding-bottom: 20px;
}
.features-content-col .features-content-inner .features-div div {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 5px 0;
}
.features-content-col .features-content-inner .features-div {
padding: 0 10%;
}
.advice-block {
padding: 20px 0;
}
.advice-text {
width: 90%;
}
.duration-div:before {
content: "Duration ";
}
.duration-div {
font-size: 1.4em;
}
.features-div {
margin: 20px 0;
}
.feature-text {
line-height: 1.4;
text-align: left;
}
.features-content-col .title-div {
font-size: 1.5em;
line-height: 1.4;
height: auto;
}
.advice-block {
background: none;
height: auto;
}
.advice-text {
margin-top: 100px;
}
.quote-icon,
.quote-icon2 {
display: none;
}
#job_advice {
padding: 50px 0 0 !important;
}
.post-col:nth-child(even) .post-image-col {
order: inherit;
}
.wave-border-div {
margin: 50px 0;
}
}
@media (max-width:922px) {
.advice-block {
background: none;
height: auto;
}
img.person-image {
top: -40px;
}
.advice-text {
margin-top: 100px;
}
.quote-icon,
.quote-icon2 {
display: none;
}
#job_advice {
padding: 50px 0 0 !important;
}
}
@media only screen and (max-width: 767px) {
.instalments-tab-section .items {
display: block;
margin: auto;
}
.instalments-tab-section .item:first-of-type::after {
display: none;
}
.instalments-tab-section .content {
margin: auto;
padding-bottom: 1rem;
}
.instalments-tab-section .item {
margin: 0 1rem;
padding: 1rem;
width: unset;
}
.instalments-tab-section .item img {
margin: 0 auto;
}
.instalments-tab-section p {
font-size: 1.3rem;
}
.hero-content-col {
margin-bottom: 20px;
}
#tefl_course_level {
padding: 70px 0 !important;
text-align: center;
}
#tefl_course .column-1 {
padding: 0 20px !important;
text-align: center;
}
.nav-tabs li a {
height: 50px;
}
.post-image-col,
.post-content-div {
padding: 20px;
margin: auto;
width: 100%;
}
.post-col .post-row {
flex-direction: column;
margin-bottom: 20px;
}
.post-image {
height: 200px;
}
.learn-more-div,
.buy-now-div {
padding: 0 10%;
}
.learn-more-div {
margin-top: 15px;
}
.buy-now-div a,
.learn-more-div a {
width: inherit !important;
}
.access-time-div {
margin-top: 10px;
}
.ques-ans-accordion {
padding: 10px 0;
}
.hero-content-col {
margin-bottom: 20px;
}
.hero-content-col p {
margin-bottom: 14px !important;
font-size: 1.2rem !important;
text-align: center;
}
.hero-content-col .content-div .section-heading {
margin-top: 20px !important;
}
.preview-thumbnail {
background-size: contain !important;
height: 200px;
}
.preview-video {
height: 200px;
} .offers {
padding: 15px 0px;
}
.sec_call,
.sub-heading-section {
border-left: none;
border-right: none;
border-bottom: none;
} .new-ui-course-catagory-tab img {
width: 23px;
}
.new-ui-course-catagory-tab span {
font-size: 16px;
}
.compare-courses-accordion-item .fa {
font-size: 22px;
}
#wave-img img {
height: 34px; object-fit: none;
}
.course-catagory-description {
padding-top: 1rem;
} .offer-section-heading {
font-size: 23px;
}
.offer-btn {
margin-bottom: 1.5rem;
width: 100%;
}
.common-section-heading {
font-size: 25px !important;
}
.course_card__bottom {
padding: 1rem;
margin-bottom: 2rem;
}
.large-heading {
font-size: unset;
}
.course-card-freebies {
flex-direction: row;
}
.course-card__bottom-content.features {
width: 100%;
}
.course-price-html {
padding: 10px 10px;
}
} .career-progression .courses-section__header-summary {
margin-bottom: 4rem !important;
}
.main-progression__body {
display: inline-flex;
flex-direction: column;
row-gap: 2rem;
width: 100%;
}
.progression-wrapper {
display: flex;
align-items: center;
}
img.progression-content__label-icon {
position: absolute;
right: 0;
top: -65px;
}
@media screen and (min-width:769px) {
.progression-wrapper {
width: 60%;
margin: auto;
}
.main-progression__body {
background: url(//premiertefl.com/za/wp-content/uploads/2023/08/Frame-4-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
}
.content__title {
font-size: 1.2rem !important;
font-weight: 600;
}
.content__summary {
font-size: 14px;
}
.course-card__top-icon img {
width: 200px;
}
@media screen and (max-width:768px) {
.progression-wrapper {
flex-direction: column;
row-gap: 1rem;
}
.progression-wrapper:nth-of-type(2n) {
flex-direction: column-reverse;
}
.course-card__top-icon img {
width: 100px;
}
.fast-track-course.deposit-info {
margin: 1rem -2rem;
}
.course-card-freebies {
padding: 0;
}
.course-card .course-cta-btn {
width: 100%;
padding: 10px;
}
.main-progression__body {
margin-bottom: 2rem;
}
img.progression-content__label-icon {
position: absolute;
right: 0;
top: -30px;
}
#offerCourse {
margin-bottom: 2rem !important;
}
select {
width: 100%;
}
.offer-section-row__content {
width: unset;
}
.hero-banner-subtitle {
font-size: 1.7rem;
line-height: 2rem;
}
.section-padding-top {
padding-top: 30px;
}
.hero-banner-section__content-summary {
font-size: 15px;
}
.hero-banner-section {
background-position: 65% 50% !important;
}
span.course-freebie__text {
font-size: 11px;
font-weight: 600;
}
}
.acred-section .acred-img {
width: 100%;
height: 80px;
object-fit: contain;
margin-bottom: 16px;
}
.acred-text {
display: flex;
justify-content: center;
gap: 10px;
align-items: center;
}
.acred-text img {
width: 24px;
height: 24px;
object-fit: contain;
}
.acred-section {
display: flex;
justify-content: space-around;
margin: 50px 0;
border-radius: 50px;
background-color: #f3eae3;
padding: 50px;
}
.acred-section .sec-title {
text-align: center;
}
.acred-section .mid-col {
position: relative;
}
.acred-section .mid-col:before,
.acred-section .mid-col:after {
content: "";
height: 70%;
border-right: 1px dashed;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.acred-section .mid-col:after {
right: -20%;
}
.acred-section .mid-col::before {
left: -20%;
}
@media only screen and (max-width: 768px) {
.acred-section .mid-col:before,
.acred-section .mid-col:after {
display: none;
}
.acred-section {
flex-direction: column;
gap: 2rem;
padding: 35px;
}
.acred-logo {
padding: 20px;
}
}