/**/ :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;
--bg-color: #EEEDE9;
--bg-color-light: #EEEDE94D;
--bg-color-dark: #e7e2de;
--bubble-font-size: 40px;
}
.font-600 {
font-weight: 600;
}
.mt-1 {
margin-top: 1rem !important;
}
.mt-2 {
margin-top: 2rem !important;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
} #content>.ast-container {
max-width: 100%;
padding: 0;
} .reviews-cols {
display: flex;
gap: 1rem;
margin-top: 1rem;
}
.rplg-grid .rplg-col-6 {
width: 100% !important;
}
.trustpilot-widget {
display: inline-block;
text-decoration: none;
}
.trustpilot-logo {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 0.5rem;
}
.trustpilot-logo img {
height: 20px;
width: auto;
}
.trustpilot-stars-outer {
background: #01B67A;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.trustpilot-stars {
display: flex;
gap: 0.25rem;
margin-bottom: 0.5rem;
}
.trustpilot-stars img {
width: 20px;
height: auto;
filter: brightness(0) invert(1)
}
.trustpilot-star {
display: inline-block;
width: 24px;
height: 24px;
background-color: #00b67a;
mask: url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0l3.09 6.26L22 7.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 12.14 2 7.27l6.91-1.01z"/></svg>') no-repeat center;
mask-size: contain;
-webkit-mask: url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0l3.09 6.26L22 7.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 12.14 2 7.27l6.91-1.01z"/></svg>') no-repeat center;
-webkit-mask-size: contain;
}
.trustpilot-score {
font-size: 12px;
}
.popular-courses-section {
padding: 150px 0 150px; }
.search-heading {
margin-top: 50px;
}
.enployer-courses-heading {
text-align: center;
}
.employer-courses-subtitle {
text-align: center;
padding: 10px;
}
.cta-butttons-section {
padding: 50px 0 0;
margin-bottom: -50px;
}
.popular-border {
border: 2px solid #E55655 !important;
}
.popular-text {
background: var(--bg-color);
position: absolute;
border-radius: 10px;
padding: 4px 10px;
font-size: 15px;
color: var(--text-color);
margin: -50px 30px 0 0;
left: 50%;
transform: translateX(-50%);
}
.slide-wrappper {
position: relative;
}
.slide-bg {
height: 450px;
background-size: cover !important;
margin-left: 15%;
border-radius: 1rem;
}
.slide-content {
background-color: var(--img-background);
padding: 2rem;
border-radius: 24px;
color: var(--color-black);
}
.slide-content__subtitle,
.slide_content__summary {
color: var(--color-black);
margin-top: 1rem;
font-weight: 500;
font-size: 1rem;
}
.slide-content__title {
color: var(--color-black);
margin-top: 1.5rem;
font-weight: 600;
}
.slide-content.offer-content .slide-content__title {
background: #65be9f;
color: var(--color-white);
padding: 16px 30px;
text-align: center;
margin-top: 0;
font-weight: 700;
border-radius: 8px;
font-size: 45px;
margin-bottom: 2rem;
}
.slide-cta-btn {
border-radius: 18px;
border: 1px dashed lightgrey;
background-color: #65be9f !important;
background: #2c2c2c;
text-align: center;
padding: 20px 15px;
display: block;
cursor: pointer;
font-size: 1.5rem;
margin-top: 1rem;
color: var(--color-white);
font-weight: 500;
}
.jan-sale-icon {
width: 200px
}
@media screen and (max-width:768px) {
.jan-sale-icon {        
position: absolute;
width: 100px;
left: 20px;
bottom: -120px;
}
.slide-content.offer-content .slide-content__title {
padding: 8px;
font-size: 20px;
}
.slide-bg {
margin: auto;
}
.slide-cta-btn {
font-size: 1rem;
}
.banner-slide-content__timer__outer {
width: 100%;
}
img.banner-slide__content-logo {
display: none;
}
}
img.content-badge-logo {
display: none;
}
@media screen and (max-width:768px) {
.offer-bubble {
display: none !important;
}
}
.offer-bubble {
background-size: cover !important;
padding: 20px;
display: flex;
align-items: center;
flex-direction: column;
color: var(--color-white);
justify-content: center;
line-height: 1.25;
border-radius: 50%;
width: calc(var(--bubble-font-size)*5);
height: calc(var(--bubble-font-size)*5);
font-size: var(--bubble-font-size);
position: absolute;
top: 0;
right: -1.5rem;
}
.offer-bubble>*:first-child {
font-weight: 700;
}
.offer-bubble>*:not(:first-child) { font-size: calc(var(--bubble-font-size) - 10px);
}
@media screen and (min-width:769px) {
.banner-slide-row {
display: flex;
}
img.content-badge-logo {
--dim: 150px;
display: block;
position: absolute;
width: var(--dim);
height: var(--dim);
top: calc(-1*var(--dim) / 2 + 16px);
right: calc((-1*var(--dim) / 2) + 20px);
}
}  .search-heading-new {
font-size: 1.5rem;
text-align: left;
color: var(--color-white);
width: 19%;
}
.course-search-form-new {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
.course-search-form-div {
padding: 40px;
background-color: var(--button-h2);
text-align: center;
border-radius: 30px;
}
.course-search-form-new select {
border-radius: 10px;
line-height: 1rem !important;
padding: 0.3rem 1rem !important;
height: 56px;
outline: none;
appearance: unset;
background-image: url(//premiertefl.com/za/wp-content/uploads/2023/02/96810.png);
background-position: calc(100% - 15px);
background-repeat: no-repeat;
background-size: 10px;
width: 16%;
border: 1px dashed #e0d9d6;
}
.cta-cards-section .home-button {
background-color: var(--background-color);
}
.cta-cards-section .home-button:hover {
background-color: var(--color-primary);
}
.home-button {
background-color: var(--color-primary);
border-radius: 16px;
display: inline-block;
font-size: 1.35rem;
padding: 10px 20px;
display: inline-flex;
align-items: baseline;
border: 0.5px dashed #F7F2EE;
height: auto;
border: 1px dashed var(--btn-border-color);
}
.home-card-btn {
text-align: center;
margin-bottom: 1rem;
color: #fff;
padding: 13px 20px !important;
justify-content: center;
margin: 10px 10px;
}
.home-card-btn:hover {
color: #fff;
opacity: 0.9;
}
.home-card-btn:focus {
color: var(--color-white);
}  .cta-card {
padding: 1.5rem;
border-radius: var(--border-radius);
background-size: cover !important;
background-repeat: no-repeat !important;
}
.cta-card__content {
margin-top: 35%;
border-radius: var(--border-radius);
padding: 1rem 1rem;
}
.cta-card__content-title {
background-color: var(--img-background);
border-radius: 1.5rem 1.5rem 0 0;
text-align: center;
padding: 1rem;
}
.inner-card-title {
color: var(--color-black);
}
.cta-card__content-body {
background-color: var(--img-background);
border-radius: 0 0 1.5rem 1.5rem;
}
.cta-card__content-body {
padding: 1rem 2rem;
}
.cta-card-btn {
text-align: center;
margin-bottom: 1rem;
color: #fff;
padding: 18px 20px !important;
justify-content: center;
margin: 20px 0 15px 0px;
height: auto;
width: 100%;
}
.cta-card-btn:hover {
color: #fff;
opacity: 0.9;
}
.cta-card-btn:focus {
color: var(--color-white);
}
.cta-link {
display: flex;
justify-content: space-between;
padding: 1rem 0rem;
align-items: center;
}
.cta-link a {
font-size: 17px;
font-weight: 700;
}
.cta-link:not(.no-border) {
border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
}
.cta-link i { font-size: large;
font-weight: bold;
}   .cta-butttons-section .cta-btn {
border-radius: 15px;
color: var(--color-white);
display: flex;
font-size: 1.5rem;
padding: 20px 25px;
align-items: baseline;
text-align: center;
justify-content: space-between;
border: 1px dashed #F7F2EE;
transition: all .4s ease-in-out;
}
.cta-btn:hover,
.cta-btn:focus {
color: var(--color-white);
}
.cta-butttons-section .cta-btn-1 {
background-color: var(--color-primary);
}
.cta-butttons-section .cta-btn-2 {
background-color: var(--button-h2);
}
.cta-butttons-section .cta-btn-3 {
background-color: var(--secondary-color);
} .hero-img-slider {
height: 400px !important;
}
li.banner-content-li {
display: block !important;
} .popular-courses-section {
background-size: cover !important;
}
.course-heading {
margin-bottom: 4rem;
}
.course-card {
background-color: var(--body-background-color);
padding: 2rem;
border-radius: 20px;
font-weight: 500;
position: relative;
transition: all .5s ease-in-out;
border: 1px solid transparent;
}
.course-card:hover {
transform: translateY(-4px); border: 1px dashed var(--border-color);
}
.course-card .discount {
opacity: 0;
padding: 6px 10px;
background: #68BD9F;
border-radius: 4px;
color: white;
z-index: 2;
transition: all .4s ease-in-out;
}
.course-card.course-card-1 .discount { }
.course-card.course-card-2 .discount { }
.course-card.course-card-3 .discount { } .course-card-body {
min-height: 500px;
}
.course-card__title {
font-size: 1.5rem;
font-weight: 700;
text-align: center;
border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
padding-bottom: 1rem;
}
.course-card__price {
display: flex;
align-items: center;
gap: 10px;
font-size: 20px;
justify-content: center;
width: 100%;
padding: 1rem 0;
} .course-card__price ins {
color: var(--color-black);
font-weight: 800;
font-size: 32px;
} span.wcpbc-price { display: flex;
align-items: center;
gap: 1rem;
}
.course-card__price del {
color: #b3b2b2;
font-size: 20px;
font-weight: 500;
}
.course-card__price del:before {
content: 'Was: ';
}
.course-card__price ins:before { }
ul.course-card__features {
margin: 1rem 0 1rem 20px; }
.course-card .course-card__btn {
justify-content: center;
z-index: 2;
position: relative;
}
.course-card .course-card__guide-btn {
margin-top: 10px;
background: var(--color-gold);
}
.course-card .deposit-info {
background: var(--color-gold);
padding: 1rem 2rem;
margin: 0 -2rem 1rem -2rem; gap: 1.5rem;
}
.course-card .deposit-info_title,
.course-card .deposit-info_description {
color: Var(--color-white);
}
.course-card .deposit-info_title {
font-size: 24px;
}
.course-card .deposit-info_description {
font-size: 18px;
font-weight: 500;
}
.fast-track-course .deposite-info__icon {
flex: 1;
}
.fast-track-course {
display: flex;
align-items: center;
}
.depoist-info__icon {
width: 52px;
height: auto;
}
.deposit-info__details {
display: flex;
flex-direction: column;
}
.course-card__summary,
.course-card__features {
font-weight: 500;
font-size: 18px;
}
.course-btn {
background-color: var(--color-primary);
border-radius: 14px;
padding: 1rem;
display: block;
border: 1px dashed var(--btn-border-color);
}
.course-card-footer a {
color: white;
text-align: center;
font-size: 24px;
}  .videos-section {
border-bottom: 1px dotted #e1ddda;
}
.courses-video-section .play-btn {
position: absolute;
right: 3rem;
width: 60px;
bottom: 6rem;
border: 1px dashed var(--border-color);
border-radius: 50%;
transition: all .4s ease;
}
.courses-video-section .play-btn:hover {
transform: translateY(-4px);
border-style: 1px dashed var(--border-color);
}
.video-img {
border-radius: var(--border-radius);
height: 250px;
width: 100%;
object-fit: cover;
}
.videos {
display: flex;
justify-content: space-around;
}
.videos-title {
margin-right: 11rem;
}
.video-title {
font-weight: bold;
font-size: 1.5rem;
margin-bottom: 0;
}
.video-subtitle {
font-size: 1.1rem;
margin-top: 6px;
}  .verified-student-reviews-section__header {
display: flex;
align-items: end;
}
.common-section-heading {
font-size: 2.7rem;
margin-bottom: 1.5rem;
}
.verified-student-reviews-section__subtitle {
font-weight: 400;
font-size: 1.2rem;
}
.reviews-average {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.rating-div {
display: flex;
gap: 0.5rem;
}
.rating-div .fa {
font-size: 2.4rem;
color: var(--color-gold);
}
.spacer-column {
height: 3rem;
}
.verified-student-reviews-section__review-summary {
margin-bottom: 1.5rem;
}
.verified-student-reviews-section__review-summary .review-status {
display: flex;
align-items: center;
gap: 0.5rem;
}
.verified-student-reviews-section__review-summary .progress-text {
width: 15%;
font-weight: bold;
font-size: 16px;
}
.verified-student-reviews-section__review-summary .progress {
margin: 5px;
padding: 0;
width: 70%;
height: 20px;
overflow: hidden;
background: #f1eae4;
}
.verified-student-reviews-section__review-summary .progress-bar {
background: var(--color-gold);
display: block;
height: 100%;
transition: all 3s linear;
position: relative;
float: left;
width: 0;
}
.verified-student-reviews-section__review-summary .progress-value {
width: 15%;
font-weight: bold;
font-size: 16px;
}
.verified-student-reviews-section__row .rplg-slider-review {
display: flex;
flex-direction: column-reverse;
margin: 0 !important;
}
.verified-student-reviews-section__row .rplg-biz-name,
.verified-student-reviews-section__row .rplg-row-left,
.verified-student-reviews-section__row .rplg-slider .rplg-box .rplg-box-content::-webkit-scrollbar,
.verified-student-reviews-section__row .rplg-slider .rplg-box .rplg-box-content:before,
.verified-student-reviews-section__row .rplg-slider .rplg-box:before,
.verified-student-reviews-section__row .rplg-slider-review .rplg-review-badge {
display: none !important;
}
.verified-student-reviews-section__row .rplg-slider .rplg-box {
background: transparent !important;
border: none !important;
}
.verified-student-reviews-section__row .rplg-slider .rplg-box .rplg-box-content {
margin: 10px 0 0 !important;
display: flex;
flex-direction: column;
-ms-overflow-style: none;
scrollbar-width: none;
}
.verified-student-reviews-section__row .rplg-slider .rplg-stars use {
fill: var(--color-gold);
}
.verified-student-reviews-section__row .rplg-slider .rplg-stars {
position: absolute;
top: -60px;
}
.verified-student-reviews-section__row .rplg-slider .rplg-stars {
position: absolute;
top: -60px;
}
.verified-student-reviews-section__row .rplg-slider .rplg-stars svg {
width: 20px !important;
height: 20px !important;
margin-right: 2px !important;
opacity: 1;
}
.verified-student-reviews-section__row .rplg .rplg-review-text {
color: var(--color-black) !important;
font-size: 16px !important;
font-weight: 500 !important;
background-color: none;
}
.verified-student-reviews-section__row .rplg-slider .rplg-row {
padding: 0 !important;
}
.verified-student-reviews-section__row .rplg .rplg-review-name {
color: var(--color-black) !important;
font-weight: 700 !important;
font-size: 1rem !important;
text-transform: uppercase;
letter-spacing: .3rem;
}
.verified-student-reviews-section__row .rplg .rplg-review-time {
margin-top: 30px;
color: var(--color-black) !important;
font-size: 1.1rem !important;
font-weight: bold !important;
font-style: italic !important;
}
.verified-student-reviews-section__row .rplg .rplg-review-text  .why-choose-us-section {
background-image: url(https://premiertefl.com/wp-content/uploads/2021/03/Group-52.svg);
height: 545px;
display: flex;
align-items: center;
margin-top: 3rem;
}
.why-choose-us-col {
text-align: center;
}
.why-choose-us-heading { margin-bottom: 70px;
}
.why-choose-us-img {
text-align: center;
width: 90px;
height: 90px;
margin: 0 auto 30px;
}
.why-choose-us-content .title {
margin-bottom: 10px;
font-size: 1.3rem;
}
.why-choose-us-content .content {
font-weight: 400;
}
.why-choose-us-img img {
width: 100%;
height: 100%;
}
.video-heading {
padding-top: 70px;
}
.popular-courses-section {
padding: 50px 0 100px 0;
}   .mobile-app-row {
display: flex;
column-gap: 1.5rem;
}
.mobile-app-link-div {
display: flex;
align-items: center;
gap: 10px;
}
.ast-col-md-6.p-0 {
padding: 0;
}
.mobile-app-col1,
.mobile-app-col2 {
border-radius: var(--border-radius);
border: 1px dashed var(--border-color);
padding: 1.4rem;
overflow: auto;
}
.mobile-app-heading {
margin-bottom: 35px !important;
} .ques-ans-body>p:last-of-type {
margin-bottom: 0;
}
.course-content-section .panel-title,
.ques-ans-section .accordion-panel-title,
.ques-ans-title {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.ques-ans-title {
align-items: baseline;
}
.course-content-section .panel-title::after,
.ques-ans-section .accordion-panel-title::after,
.ques-ans-title::after {
content: "\f107";
color: #333;   font-size: 2rem;
font-weight: 300; font-family: "FontAwesome";
}
.course-content-section .panel-title[aria-expanded="true"]::after,
.ques-ans-section .accordion-panel-title[aria-expanded="true"]::after,
.ques-ans-accordion.active .ques-ans-title::after {
content: "\f106";
}
.ques-ans-section .accordion-panel-title,
.ques-ans-title {
font-size: 1.42rem;
cursor: pointer;
}
.ques-ans-section .panel,
.ques-ans-accordion {
border-bottom: 1px dashed var(--border-color);
padding: 15px 0px 15px 0px;
}
.ques-ans-section .panel:last-child,
.ques-ans-accordion:last-child {
border: none;
}
.ques-ans-body p {
font-weight: 400;
}
.ques-ans-accordion-container {
max-width: 800px;
margin: auto;
padding-top: 8%;
}
.ques-ans-section.section h3.section-heading {
max-width: 800px;
margin: 20px auto 30px;
text-align: left;
padding-left: 15px;
}
.ques-ans-body a {
text-decoration: underline;
font-weight: normal;
}
.ques-ans-heading {
cursor: pointer;
}
.ques-ans-accordion.active .ques-ans-content {
display: block !important;
}
.ques-ans-body {
margin: 20px 0 5px;
font-weight: normal;
}
.ques-ans-section .section-heading {
margin: 0;
} @media only screen and (max-width: 768px) {
section.banner-slide.banner-slide-1 {
background-image: url(https://premiertefl.com/wp-content/uploads/2026/01/PT-TEFL-Bundle-Mobile-Hero.png)!important;
background-size: 70%!important;
background-repeat: no-repeat!important;
background-position: center 20%!important;
background-color: #102F41!important;
}
section.banner-slide.banner-slide-1 .slide-content {
margin-top: 100px;
}    
.popular-courses-section {
background-image: none !important;
background-color: #F3EAE3;
padding: 40px 0 20px !important;
}
.courses-video-section h2 {
margin: 0 0 0 0;
padding: 20px 0 5px 0;
}
.videos-section {
border-bottom: none;
} .lightSlider {
height: 70vh !important;
}
.offer-content .slide_content__summary p {
line-height: 1.25;
}
.slide_content__summary ul li {
font-size: 16px !important;
}
.banner-slide-content__timer {
flex-direction: column;
}
.course-search-form-new {
display: flex;
flex-direction: column;
}
.course-search-form-new>* {
width: 100% !important;
}
.cta-card__content {
margin-top: auto;
padding: 0
}
.cta-link {
align-items: center;
}
.cta-card,
.cta-btn {
margin-bottom: 1rem;
background-image: none !important;
padding: 0;
}
.course-card {
margin-bottom: 2rem !important;
display: block; }
.course-card .course-card-1 {
margin-top: 4rem !important;
}
.course-card .color-box {
top: 16px;
}
.ques-ans-accordion {
padding: 15px 20px 15px 20px;
border-bottom: 1px dashed var(--border-color);
}
.ques-ans-body {
margin: 20px 0 5px;
}
.ques-ans-section h3 {
margin: 0 0 -20px 0;
font-weight: 700;
}
.verified-student-reviews-section__header {
flex-direction: column;
row-gap: 3rem;
align-items: baseline;
margin-top: 1rem;
}
.common-section-heading {
font-size: 2rem;
}
.why-choose-us-heading {
margin-bottom: 40px;
}
.mobile-app-row {
flex-direction: column;
padding: 20px;
}
a.ptefl-button {
width: 100%;
font-size: 18px;
align-items: center;
border-radius: 15px;
margin-bottom: 0 !important;
padding: 15px !important;
}
.mobile-app-col1 {
margin-bottom: 20px;
}
.mobile-app-col2 {
padding: 0;
margin-top: 2rem;
}
.home-button {
font-size: 18px;
margin: 20px 0;
padding: 15px !important;
font-weight: 700;
}
.inner-card-title {
font-size: 1.5rem;
}
.cta-butttons-section .cta-btn {
font-size: 18px;
}
.mobile-app-col1 .section-heading {
font-size: 1.4rem !important;
}
.ques-ans-title,
.search-heading-new,
.cta-btn {
font-size: 1.3rem;
}
.search-heading {
position: relative;
}
.search-heading::after {
display: none;
}
.course-card__price .wcpbc-price { font-size: 17px;
}
.videos-title { }
.videos {
position: relative;
justify-content: left;
}
.courses-video-section .play-btn {
top: -50px;
right: 2rem;
}
section.banner-slide {
background-position: 65% 50% !important;
align-items: end;
padding: 32px 0;
}
.slide-cta-btn {
font-size: 18px;
padding: 10px;
margin-top: 1rem;
}
.slide-content {
padding: 1.5rem;
}
.slide-content__title {
font-size: 21px;
margin-top: 1rem;
}
.total-count-text {
padding: 10px;
}
} .full-width-slider { transition: all .4s ease;
}
.full-width-slider:not(.lightSlider) section.banner-slide:nth-child(n+2) {
display: none;
}
.lSSlideOuter {
position: relative;
}
.lSSlideOuter .lSPager.lSpg {
position: absolute;
left: 50%;
bottom: 10px;
transform: translate(-50%, 0);
z-index: 10;
}
.lSSlideOuter .lSPager.lSpg>li a {
background-color: transparent;
height: 12px;
width: 12px;
box-shadow: 0 0 0 1px inset var(--color-white);
}
.lSSlideOuter .lSPager.lSpg>li:hover a,
.lSSlideOuter .lSPager.lSpg>li.active a {
background-color: var(--color-white);
}
section.banner-slide {
padding: 50px 0;
background-size: cover !important;
background-position: center center !important;
height: 100%;
display: flex;
align-items: center;
position: relative;
} .banner-slide-content__timer__outer {
margin-top: 25px;
border: 2px solid var(--color-gold);
border-radius: 10px;
padding: 2px;
}
.banner-slide-content__timer {
padding: 16px;
text-align: center;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border: 2px solid var(--color-gold);
background: var(--color-white);
} .slide_content__summary .text-accent {
color: var(--color-gold);
}
.offer-content .slide_content__summary {
font-size: 1.75rem;
}
.offer-content .slide_content__summary p {
line-height: 1.25;
font-size: 1.25rem;
}
.slide_content__summary ul li {
display: flex;
gap: 10px;
align-items: center;
font-size: 20px;
font-weight: 500;
}
.slide_content__summary ul {
margin: 0
}
.slide_content__summary ul li:before {
content: url(//premiertefl.com/za/wp-content/uploads/2024/01/Vector-42.png);
}
.slide_content__summary img {
display: block;
margin: auto;
width: auto;
max-height: 185px;
}
.banner-slide-content__timer .clock {
margin-bottom: 10px;
padding: 10px;
}
.banner-slide-content__timer .clock-inner .base {
font-weight: 700;
font-size: 2rem;
}
.banner-slide-content__timer .clock-inner {
gap: 5px;
}
.banner-slide-content__timer .clock-inner .digit {
text-indent: initial;
}
.banner-slide-content__timer-end {
margin: 0;
font-weight: 600;
}
.banner-slide-content__timer .clock>div {
position: relative;
}
.banner-slide-content__timer .clock>div:before {
color: var(--color-black);
position: absolute;
bottom: -22px;
z-index: 9;
left: 50%;
transform: translateX(-50%);
font-size: 14px;
font-weight: 600;
}
.banner-slide-content__timer .clock>div:not(:last-child)::after {
content: "";
background: var(--color-black);
height: 150%;
position: absolute;
width: 1px;
right: 0;
top: 0;
}
.banner-slide-content__timer .clock-day,
.banner-slide-content__timer .clock-hour,
.banner-slide-content__timer .clock-min,
.banner-slide-content__timer .clock-sec {
background: var(--color-white) !important;
}
.banner-slide-content__timer .clock-day:before {
content: "days";
}
.banner-slide-content__timer .clock-hour:before {
content: "hrs";
}
.banner-slide-content__timer .clock-min:before {
content: "mins";
}
.banner-slide-content__timer .clock-sec:before {
content: "secs";
} .banner-slide>.ast-container {
width: 100%;
}
.slide_content__summary img {
width: 100%;
height: 250px;
object-fit: contain;
}
.slide_content__summary p {
margin-bottom: .5rem;
}
img.banner-slide__content-logo {
width: 250px;
position: absolute;
right: -10%;
top: -10%;
}
.banner-slide__content-logo-container {
display: flex;
align-items: flex-end;
flex-direction: column;
height: 100%;
justify-content: space-between;
}
.banner-slide__content-logo-container.has-offer-bubble {
justify-content: end;
}
.banner-slide__content-logo-container a img {
transition: all .4s ease-in-out;
}
.banner-slide__content-logo-container a img:hover {
transform: translateY(-4px);
}
.hero-banner section {
display: none !important;
}
@media screen and (min-width:769px) {
section.banner-slide {
min-height: 700px;
} .banner-slide__content {
padding: 2rem;
}
}
.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 h3 {
font-size: 18px;
}
.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 .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%;
}
.acred-section .sec-title {
text-align: center;
}
@media only screen and (max-width: 768px) {
.full-width-slider {
min-height: 600px;
height: auto;
}
.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;
}
} .teo-logo-container {
display: none; background: #F2EAE3;
padding: 20px 16px;
border-radius: 10px;
text-align: center;
margin-top: 10%;
position: absolute;
right: -5%;
top: -10%;
}
.teo-logo-container p {
margin: 0;
color: #030D36;
display: block; }
.teo-logo-container p .geo-price {
color: #e55555;
font-weight: 600;
}
.teo-logo-container>div {
margin: 1rem auto;
color: #030D36;
font-weight: 800;
font-size: 25px;
}
.teo-logo-container .btn {
background: #e55555;
color: #fff;
padding: 10px 20px;
width: 70%;
display: block;
margin: auto;
border-radius: 5px;
line-height: 1;
font-size: 14px;
border: 1px dashed;
transition: all .4s ease-in-out;
}
.teo-logo-container .btn:hover {
background: #fff;
color: #e55555;
}
.teo-logo-container img {
width: 80px;
position: absolute;
top: -65px;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width:768px) { .teo-logo-container {
position: relative;
right: inherit;
top: inherit;
width: 100%;
margin-top: 2rem;
}
.teo-logo-container img {
display: none;
}
.teo-logo-container>div {
margin: 10px auto;
}
section.banner-slide {  }
.banner-logo-container-mobile img {
width: 200px;
display: block;
margin: auto;
}
}
section.banner-logo-container-mobile {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media screen and (min-width:769px) {
section.banner-logo-container-mobile {
display: none;
}
} :root {
--logo-width: 200px;
}
.banner-slide.bf-slide {
background-position: center !important;
}
.installment-logo-container .banner-clock-text {
color: var(--color-white);
}
.installment-logo-container img,
.installment-logo-container .banner-clock-text,
.free-gifts-logo-container img {
width: var(--logo-width);
}
.installment-logo-container .tefl_countdown_timer {
margin: 0 !important;
width: var(--logo-width);
justify-content: center;
}
.free-gifts-logo-container {
display: flex;
flex-direction: column;
align-items: end;
}
a.bf-button-link {
padding: 16px;
background: var(--color-gold);
color: var(--color-white);
width: var(--logo-width);
text-align: center;
border-radius: 1rem;
font-weight: 700;
transition: .4s all ease-in-out;
}
a.bf-button-link:hover {
background: var(--color-white);
color: var(--button-heading);
}
.bf-slide .installment-logo-container .card {
border: 1px solid var(--gold);
border-radius: 4px;
}
.card__top,
.bf-slide .installment-logo-container .card__bottom,
.bf-slide .installment-logo-container .card__back::before,
.bf-slide .installment-logo-container .card__back::after {
color: white !important;
background: #0b0b0b !important;
height: 16px;
}
.bf-slide .tefl_countdown_timer .clock {
padding: 10px 0;
color: white;
}
.bf-slide .tefl_countdown_timer .clock .clock-inner {
border: 1px solid var(--color-gold);
padding: 2px;
border-radius: 5px;
}
.bf-slide .tefl_countdown_timer .clock .clock-inner .digit {
text-indent: 0;
width: auto;
}
@media screen and (min-width:1500px) {
.installment-logo-container {
margin-left: -90px;
}
.free-gifts-logo-container {
margin-right: -90px;
}
}
.bf-slide-1 .free-gifts-logo-container {
flex-direction: row;
align-items: baseline;
gap: 20px;
}
.bf-slide-1 .free-gifts-logo-container .free-gifts {
display: flex;
flex-direction: column;
color: var(--color-white);
text-align: center;
justify-content: space-between;
font-size: 15px;
gap: 10px;
}
.bf-slide-1 .free-gifts-logo-container.free-gifts-logo-container-left {
justify-content: flex-start;
}
.bf-slide-1 .free-gifts-logo-container.free-gifts-logo-container-right {
justify-content: flex-end;
}
.bf-slide-1 .free-gifts-logo-container img {
width: 150px;
}
@media screen and (min-width:1600px) {
section.banner-slide.bf-slide.bf-slide-1 {
background-size: 70% !important;
background-position: 58% 50% !important;
background-repeat: no-repeat !important;
background-color: #103042 !important;
}
}
.installment-logo-container,
.free-gifts-logo-container {
opacity: 0;
}
@media screen and (max-width:768px) {
.popular-text {
background: var(--bg-color);
position: absolute;
border-radius: 10px;
padding: 4px 10px;
font-size: 15px;
color: var(--text-color);
margin: -50px 30px 0 0;
left: 50%;
transform: translateX(-50%);
width: 80%; }
.bf-slide .ast-row {
position: absolute;
left: 0;
right: 0;
bottom: 15%;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
justify-content: center;
gap: 20px;
}
.free-gifts-logo-container {
align-items: center;
}
.installment-logo-container .tefl_countdown_timer {
width: 100%;
}
.free-gifts-logo-container img,
.installment-logo-container img,
.bf-slide .ast-row::before,
.bf-slide .ast-row::after {
display: none;
}
body .bf-slide.bf-slide-0 {
background: url(//premiertefl.com/za/wp-content/uploads/2025/01/PT_mobile_1.png) !important;
background-color: #103042 !important;
background-size: 90% !important;
background-repeat: no-repeat !important;
background-position: 50% 0% !important;
}
body .bf-slide.bf-slide-1 {
background: url(//premiertefl.com/za/wp-content/uploads/2025/01/PT_mobile_2.png) !important;
background-color: #103042 !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.bf-slide.bf-slide-0 .bf-button-link,
.bf-slide-1 .free-gifts-logo-container {
display: none;
}
.banner-slide.bf-slide.bf-slide-0>a {
display: block;
position: absolute;
inset: 0;
}
}
.banner-slide.bf-slide.bf-slide-1>a {
display: block;
position: absolute;
inset: 0;
}
.flex-box.app-download-cta-box {
display: flex;
align-items: end;
}
.flex-box.app-download-cta-box>div {
flex: 1;
}
.app-download-cta__icons.flex-box div {
display: flex;
flex-direction: column;
gap: 10px;
}
.app-download-cta__icons.flex-box img {
width: 150px;
}
.app-download-cta__icons.flex-box {
display: flex;
align-items: center;
gap: 10px;
}
.app-download-cta .app-download-cta__title {
font-size: 42px;
margin-bottom: 1rem;
color: var(--color-primary);
}
span.course-cta-section__subtitle {
font-size: 26px;
color: var(--color-primary);
}
h2.enployer-courses-heading {
border-bottom: 2px solid black;
display: block;
width: max-content;
margin: 0 auto 2rem;
position: relative;
}
h2.enployer-courses-heading::after {
content: "";
background: black;
height: 3px;
position: absolute;
width: 100%;
bottom: -8px;
left: 0;
right: 0;
}
.about-text h3 {
margin-bottom: 1rem;
font-size: 25px;
}
.about-text {
margin-bottom: 2rem;
}
.about-text a {
color: #103042;
font-weight: bolder;
}
.about-text a:hover {
text-decoration: underline;
} .upcoming-webinar-cta {
border-radius: 2rem;
overflow: hidden;
border: 1px dashed var(--border-color);
}
.webinar-cta__body {
padding: 2rem;
}
.webinar-cta__header img {
height: 325px;
width: 100%;
object-fit: cover;
object-position: 50% 30%;
}
.webinar-cta__body .section-heading {
margin-bottom: 1rem;
}
.webinar-cta-card__content-summary {
display: flex;
align-items: center;
gap: 1rem;
justify-content: space-between;
margin: 1rem auto;
}
.webinar-cta-card__content-summary>div {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
background: #f1eae4;
padding: 8px 5px;
font-size: 16px;
border-radius: 10px;
}
.event-book-btn a {
width: max-content;
margin: 0 auto !important;
color: white;
}
.webinar-cta-card__content-summary>div h4,
.webinar-cta-card__content-summary>div p {
font-size: 18px;
margin: 0;
}
.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%;
}
}
@media screen and (max-width:768px) {
.flex-box.app-download-cta-box,
.webinar-cta-card__content-summary {
flex-direction: column;
}
.webinar-cta-card__content-summary>div {
width: 100%;
}
.webinar-cta__body h3 {
margin-bottom: 1rem;
font-size: 1.75rem;
}
.reviews-cols {
flex-direction: column;
margin: 1rem auto;
}
}
.cross {
position: absolute;
top: 2px;
right: 2px;
cursor: pointer;
z-index: 99;
}
.register-modal input:not([t]):not([type="button"]):not([type="submit"]):not([type="reset"]) {
width: 100%;
}
.mobile-app-col2 {
height: 100%;
} .google-reviews-badge .badge-header {
display: flex;
align-items: start;
gap: 5px;
}
.google-reviews-badge .brand-text {
font-weight: 600;
font-size: 25px;
}
.trustpilot-stars-outer {
width: 40px;
height: 40px;
}
.trustpilot-stars img {
width: 30px;
height: auto;
filter: brightness(0) invert(1);
}
.google-reviews-badge .stars {
color: #fbc02d;
font-size: 53px;
line-height: 1; }
.trustpilot-logo img {
width: auto;
height: 40px;
}
.google-reviews-badge .google-logo {
width: 32px;
height: 32px;
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjU2IDEyLjI1YzAtLjc4LS4wNy0xLjUzLS4yLTIuMjVIMTJ2NC4yNmg1Ljk0Yy0uMjYgMS4zNy0xLjA0IDIuNTMtMi4yMSAzLjMxdjIuNzdoMy41N2MyLjA4LTEuOTIgMy4yOC00Ljc0IDMuMjgtOC4wOXoiIGZpbGw9IiM0Mjg1RjQiLz4KPHBhdGggZD0iTTEyIDIzYzIuOTcgMCA1LjQ2LS45OCA3LjI4LTIuNjZsLTMuNTctMi43N2MtLjk4LjY2LTIuMjMgMS4wNi0zLjcxIDEuMDYtMi44NiAwLTUuMjktMS45My02LjE2LTQuNTNIMi4xOHYyLjg0QzMuOTkgMjAuNTMgNy43IDIzIDEyIDIzeiIgZmlsbD0iIzM0QTg1MyIvPgo8cGF0aCBkPSJNNS44NCAxNC4wOWMtLjIyLS42Ni0uMzUtMS4zNi0uMzUtMi4wOXMuMTMtMS40My4zNS0yLjA5VjcuMDdIMi4xOEMxLjQzIDguNTUgMSAxMC4yMiAxIDEyczQuNDMgMy40NSAzLjE4IDQuOTNsMS42Ni0xLjg0eiIgZmlsbD0iI0ZCQkMwNSIvPgo8cGF0aCBkPSJNMTIgNC43NWMxLjYxIDAgMy4wNi41NSA0LjIxIDEuNjRsMy4xNS0zLjE1QzE3LjQ1IDEuMDkgMTQuOTcgMCAxMiAwIDcuNyAwIDMuOTkgMi40NyAyLjE4IDYuMDdsMy42NiAyLjg0Yy44Ny0yLjYgMy4zLTQuNTMgNi4xNi00LjUzeiIgZmlsbD0iI0VBNDMzNSIvPgo8L3N2Zz4K') no-repeat center;
background-size: contain;
}
.google-reviews-badge .badge-review,
a.trustpilot-widget .trustpilot-score {
font-size: 16px;
font-weight: 400;
}
@media screen and (max-width:768px) {
.homepage-search-picker {
display: none;
}
}
.insta-feed{
margin-bottom: 2rem;
}