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: 2rem;
}

.banner-section__content-summary>p:last-child,
.about-section__summary>p:last-child,
.card-description>p:last-child {
    margin-bottom: 0;
}

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

/* Hero Section End */

/* Partnership Pathways Section */

section.partnership-pathways-section h2 {
    margin-bottom: 5rem;
}

.card {
    background: var(--white);
    padding: 2rem;
    border-radius: 1rem;
    position: relative;
    height: 100%;
}

.card.course-card {
    padding: 6rem 2rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-description {
    font-size: 16px;
}

.card-description ol {
    margin: 0 0 1rem 1rem;
}

.card.how-it-works-card .card-description ol li {
    margin-bottom: 10px;
}

.card.how-it-works-card .card-description ol li:last-of-type {
    margin-bottom: 0;
}

.card-description ul {
    margin-left: 1rem;
    margin-bottom: 1rem;
}

.card-description a {
    color: #1959C9;
    font-weight: 500;
    /* transition: all .4s ease; */
    text-decoration: underline;
}

/* 
.card-description a:hover {
    font-weight: 700;
} */

.card-title {
    font-weight: 600;
    color: var(--black-jet);
    font-size: 24px !important;
    margin-bottom: 1rem;
}

.card.partner-benefits-card h3 {
    font-size: 24px;
    color: var(--black-jet) !important;
    font-weight: 600;
}

img.card-logo {
    position: absolute;
    left: 50%;
    top: -50px;
    transform: translateX(-50%);
    width: 120px;
}

.card-description>p {
    margin-bottom: 1rem;
}

.card-description img {
    width: 100%;
    margin: 0;
}

/* Partnership Pathways Section End*/

/* Contact Section */

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

.contact-section-left h2,
.contact-section-right h2 {
    font-size: 24px;
}

.contact-details {
    display: flex;
    gap: 20px;
    margin-bottom: 1rem;
    justify-content: space-around;
}

.contact-detail {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.contact-detail img {
    width: 150px;
}

.contact-section-left {
    height: 100%;
}

.contact-section-left a {
    position: absolute;
    bottom: 0;
    font-weight: 700;
}

/* Contact Section End */

/* Contact Form Section */

.tefl-schools-form label {
    display: none;
}

.tefl-schools-form input,
.tefl-schools-form textarea,
.tefl-schools-form input:focus,
.tefl-schools-form textarea:focus {
    border: none;
    outline: 0;
}

.tefl-schools-form textarea {
    width: 100%;
}

.tefl-schools-form input#submit {
    padding: 20px;
    width: 100%;
    border-radius: 1rem;
}

/* Contact Form Section End */

@media screen and (max-width:768px) {
    .hero-banner-btn {
        width: 100%;
    }

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

    .tefl-schools-form p {
        margin: 0;
    }

    .contact-section-row .ast-flex::before,
    .contact-section-row .ast-flex::after,
    .partnership-pathways-section .ast-flex::before,
    .partnership-pathways-section .ast-flex::after {
        display: none;
    }

    section.partnership-pathways-section .ast-row.ast-flex {
        gap: 2rem;
    }

    .contact-section-row>.ast-flex {
        gap: 1rem;
    }
}