div#primary {
    margin: 0 !important;
    padding: 0;
}

:root {
    --bubble-font-size: 40px;
    --color-primary-new: #030D36;
    --section-heading: #163746;
    --gray-light: #ADADAD;
    --light-gray-bg: #F7F8F9;
    --color-red: #F12C3E;
}

.font-100 {
    font-weight: 100 !important;
}

.font-200 {
    font-weight: 200 !important;
}

.font-300 {
    font-weight: 300 !important;
}

.font-400 {
    font-weight: 400 !important;
}

.font-500 {
    font-weight: 500 !important;
}

.font-600 {
    font-weight: 600 !important;
}

.font-700 {
    font-weight: 700 !important;
}

.font-800 {
    font-weight: 800 !important;
}

.font-900 {
    font-weight: 900 !important;
}

.small-heading {
    font-size: 1.6rem;
}

.common-section-heading {
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: var(--black-jet);
}

.pt-2 {
    padding-top: 2rem;
}

.pt-3 {
    padding-top: 3rem;
}

.pt-4 {
    padding-top: 4rem;
}

.pt-5 {
    padding-top: 5rem;
}

.py-3 {
    padding-bottom: 3rem;
    padding-top: 3rem;
}

.py-5 {
    padding-bottom: 5rem;
    padding-top: 5rem;
}

.my-1 {
    margin: 1rem auto;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.my-2 {
    margin: 2rem auto;
}

.spacer-column {
    height: 3rem;
}

.spacer-column-small {
    height: 2rem;
}

#content>.ast-container {
    max-width: 100%;
    padding: 0 !important;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    padding: 16px 20px;
    border-radius: .5rem;
    text-transform: capitalize;
    transition: all .4s ease-in-out;
    font-weight: 400;
    border: none;
    line-height: 1;
}

@media screen and (max-width:768px) {
    .btn {
        padding: 20px
    }
}

.btn::after .btn .fa {
    font-size: 1.5rem;
}

.btn-primary {
    background: var(--black-jet);
    color: var(--white);
}

.btn-primary:hover,
.btn-primary:focus {
    background: var(--color-red);
    color: var(--white);
}

.btn-primary-blue {
    background: var(--color-primary-new);
    color: var(--white);
    box-shadow: 0 0 0 1px inset var(--color-primary-new);
}

.btn-primary-blue:hover,
.btn-primary-blue:focus {
    background: var(--color-red);
    color: var(--white);
    box-shadow: 0 0 0 1px inset var(--color-primary-red);
}

.btn-centered {
    justify-content: center;
}

.btn-small {
    padding: 12px 20px;
    width: 55%;
    gap: 1rem;
}

.btn-small-centered {
    margin: auto;
    padding: 12px 20px;
    width: 50%;
    justify-content: center;
    text-align: center;
}

.btn-bordered-white {
    border: 1px solid var(--white);
    color: var(--colored-white);
}

.btn-bordered-white:hover,
.btn-bordered-white:focus {
    background: var(--white);
    color: var(--black-jet);
}

.btn-secondary {
    background: var(--gold);
    color: var(--white);
}

.btn-secondary:hover,
.btn-secondary:focus {
    background: var(--white);
    color: var(--gold);
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: 1.5;
    color: var(--black-jet);
    background: #eeede9;
}


/* Hero Section */

.banner-section__content h1 {
    margin-bottom: 1rem;
}

.hero-banner-btn {
    width: 40%;
    text-transform: uppercase;
}

.banner-section__content-summary {
    margin-bottom: 1rem;
    font-size: 16px;
    line-height: 1.25;
}

.banner-section__content-summary>p:last-child,
.about-section__summary>p:last-child,
.card-description>p:last-child,
.course-info-section-row__description>p:last-child,
.common-section-content>p:last-child {
    margin-bottom: 0;
}

.partner-logos {
    margin-top: 2rem;
}

.banner-section__content-summary>p {
    margin-bottom: 10px;
}

.banner-section__content h1 {
    font-size: 21px !important;
}

.banner-section__image img {
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

/* Hero Section End */

/* Benefits Slider */
.benefits-image img {
    height: 250px;
    object-fit: cover;
    border-radius: 9px;
}

.benefits-text {
    padding: 20px 0;
}

.student-benefits-slider .splide__arrow,
.teachers-review-slider .splide__arrow {
    background: var(--color-red);
    border-radius: 5px;
    opacity: 1;
    top: 35%;
}

.student-benefits-slider .splide__arrow svg,
.teachers-review-slider .splide__arrow svg {
    fill: var(--white);
    height: 1em;
    width: 1em;
}

.student-benefits-slider .splide__arrow--prev,
.teachers-review-slider .splide__arrow--prev {
    left: -1em;
}

.student-benefits-slider .splide__arrow--next,
.teachers-review-slider .splide__arrow--next {
    right: -1em;
}

/* Benefits Slider End*/

/* Course Info Section */

.course-info-section-row {
    background: var(--white);
    border-radius: 1rem;
    padding: 2rem 4rem;
}

.course-info-section-row__header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 2rem;
}

.course-info-section-row__header-right h2 {
    font-size: 32px;
    font-weight: 600;
    color: var(--black-jet);
}

.course-info-section-row__header-right span {
    font-weight: 500;
}

.course-outline-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.course-outline-accordion.active content {
    transition: all .4s ease-in-out;

}

.course-outline-title {
    font-size: 20px;
    cursor: pointer;
    font-weight: 700;
    color: var(--black-jet);
}

.tefl_contact_row.row textarea {
    margin-top: 1rem;
}

.course-outline-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.course-outline-accordion.active .course-outline-title {
    font-weight: 700;
    margin-bottom: 6px;
}

.course-outline-accordion {
    border-bottom: 1px dashed #D3D5D8;
    padding: 16px 0;
}

.course-outline-body p {
    margin-bottom: 1rem !important;
}

.course-outline-body p:last-of-type {
    margin-bottom: 0 !important;
}

.course-outline-body img {
    width: 100%;

}

.course-outline-body>b {
    border-bottom: 1px dashed lightgray;
    display: block;
    padding: 8px;
}

.course-outline-accordion {
    cursor: pointer;
}

.course-outline-body a {
    text-decoration: underline;
    font-weight: normal;
}

.course-outline-content {
    display: none;
}

.course-outline-accordion.active .course-outline-content {
    display: block !important;
}

.course-outline-accordion img {
    width: 250px;
    margin: 1rem auto;
}

.course-outline-body ol,
.course-outline-body ul {
    margin: 0 0 0 20px;
}

.course-outline-body ol li,
.course-outline-body ul li {
    list-style-type: initial;
}

.course-outline-body {
    font-weight: normal;
}

.course-info-section .btn {
    width: max-content;
    padding: 16px 32px;
}

/* Course Info Section End*/

/* Teachers Review Section */

.teachers-review-section {
    background: #E4E3DD;
}

.teachers-review-slider .review-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.teachers-review-slider .review-header__left {
    display: flex;
    flex-direction: column;
}

.teachers-review-slider span.review-title {
    font-size: 20px;
    font-weight: 600;
}

.teachers-review-slider span.review-subtitle {
    font-size: 15px;
}

.teachers-review-slider .review-header__right img {
    background: var(--white);
    padding: 10px 12px;
    width: 50px;
    border-radius: 100%;
}

.teachers-review-slider .review-star {
    width: 100px;
    line-height: 1;
    margin: 10px 0;
}

.teachers-review-slider .review-body {
    font-size: 16px;
}

/* Teachers Review Section End */

/* How It Works Section */

.how-it-works-section {
    background: var(--black-jet);
    color: var(--white);
}

.how-it-works-section h2 {
    color: var(--white);
}

.how-it-works-section__summary {
    margin-bottom: 2rem;
    font-size: 16px;
}

img.step-image {
    width: 80px;
}

h3.step-title {
    font-size: 20px;
    color: var(--white);
    font-weight: 500;
    margin: 1.5rem 0px;
}

span.step-subtitle {
    font-size: 16px;
    font-weight: 400;
}

.how-it-works-cta {
    background: var(--white);
    color: var(--black-jet);
    width: max-content;
    padding: 16px 32px;
    font-weight: 600;
}

.how-it-works-cta:hover {
    background: var(--color-red);
    color: var(--white);
}

/* How It Works Section End */

/* Request Quote Form */

.tefl_contact_row.row p {
    margin: 0;
}

.request-quote-section .wpcf7-form-control.wpcf7-acceptance>span {
    margin: auto;
    display: block;
    text-align: center;
}

.brochure-form-wrapper .wpcf7-form-control.wpcf7-acceptance>span {
    margin: auto;
    display: block;
    text-align: left;
    font-size: 16px;
}

.request-quote-section input.wpcf7-form-control.wpcf7-submit {
    display: block;
    margin: 1rem auto 0;
    padding: 16px 32px;
    font-size: 18px;
    width: 25%;
    border-radius: 8px;
}

.request-quote-section .wpcf7-spinner,
.brochure-form-wrapper .wpcf7-spinner {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateY(-20%);
}

.brochure-form-wrapper p {
    margin-bottom: 10px;
}

.brochure-form-wrapper input.wpcf7-form-control.wpcf7-submit {
    display: block;
    margin: auto;
    padding: 16px 32px;
    font-size: 18px;
    width: 100%;
    border-radius: 8px;
}

.brochure-download-section img.brochure-image {
    border-radius: 10px;
}

.contact-section-row {
    background: var(--black-jet);
    color: var(--white);
    border-radius: 8px;
    padding: 2rem;
}

.contact-section-row h2 {
    color: var(--white);
}

/* Requset Quote Form End */

@media screen and (max-width:768px) {

    .request-quote-section input.wpcf7-form-control.wpcf7-submit,
    .brochure-form-wrapper input.wpcf7-form-control.wpcf7-submit {
        width: 100%;
    }

    .quote-form-wrapper textarea {
        width: 100%;
    }

    .banner-section__image img {
        margin-bottom: 1rem;
    }

    .hero-banner-btn,
    .course-info-section .btn,
    .how-it-works-cta {
        width: 100%;
    }

    .course-info-section-row {
        padding: 2rem;
    }

    .course-info-section-row__header {
        flex-direction: column;
    }

    .course-info-section-row__header-right h2 {
        font-size: 25px;
    }

    img.step-image {
        width: 50px;
    }

    .how-it-works-steps>div:not(:last-of-type) {
        margin-bottom: 1rem;
    }

    h3.step-title {
        margin: 1rem 0;
    }

    .brochure-download-section img.brochure-image {
        height: 250px;
        object-fit: cover;
    }

    section.brochure-download-section .ast-row::before,
    section.brochure-download-section .ast-row::after {
        display: none;
    }

    .teachers-review-slider .splide__pagination {
        bottom: -25px;
    }

    .teachers-review-slider .splide__pagination__page.is-active {
        background: var(--color-red);
        transform: scale(1.5);
    }

    .teachers-review-slider .splide__pagination__page {
        background: var(--white);
        height: 10px;
        width: 10px;
    }

}