@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"); @import url("https://fonts.googleapis.com/css?family=Outfit:700,600,300,500,400|Podkova:400,600"); .screen textarea:focus, .screen input:focus {
    outline: none;
}


body *{
    scroll-behavior: smooth;
}

.screen * {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

.screen div {
    -webkit-text-size-adjust: none;
}

.component-wrapper a {
    display: contents;
    pointer-events: auto;
    text-decoration: none;
}

.component-wrapper * {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    pointer-events: none;
}

.component-wrapper a *, .component-wrapper input, .component-wrapper video, .component-wrapper iframe {
    pointer-events: auto;
}

.component-wrapper.not-ready, .component-wrapper.not-ready * {
    visibility: hidden !important;
}

.screen a {
    display: contents;
    text-decoration: none;
}

.full-width-a {
    width: 100%;
}

.full-height-a {
    height: 100%;
}

.container-center-vertical {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    pointer-events: none;
}

.container-center-vertical > * {
    flex-shrink: 0;
    pointer-events: auto;
}

.container-center-horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    pointer-events: none;
    width: 100%;
}

.container-center-horizontal > * {
    flex-shrink: 0;
    pointer-events: auto;
}

.auto-animated div {
    --z-index: -1;
    opacity: 0;
    position: absolute;
}

.auto-animated input {
    --z-index: -1;
    opacity: 0;
    position: absolute;
}

.auto-animated .container-center-vertical, .auto-animated .container-center-horizontal {
    opacity: 1;
}

.overlay-base {
    display: none;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.overlay-base.animate-appear {
    align-items: center;
    animation: reveal 0.3s ease-in-out 1 normal forwards;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
}

.overlay-base.animate-disappear {
    animation: reveal 0.3s ease-in-out 1 reverse forwards;
    display: block;
    opacity: 1;
    pointer-events: none;
}

.overlay-base.animate-disappear * {
    pointer-events: none;
}

@keyframes reveal {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate-nodelay {
    animation-delay: 0s;
}

.align-self-flex-start {
    align-self: flex-start;
}

.align-self-flex-end {
    align-self: flex-end;
}

.align-self-flex-center {
    align-self: flex-center;
}

.valign-text-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.valign-text-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

input:focus {
    outline: none;
}

.listeners-active, .listeners-active * {
    pointer-events: auto;
}

.hidden, .hidden * {
    pointer-events: none;
    visibility: hidden;
}

.smart-layers-pointers, .smart-layers-pointers * {
    pointer-events: auto;
    visibility: visible;
}

.listeners-active-click, .listeners-active-click * {
    cursor: pointer;
}

* {
    box-sizing: border-box;
}

:root {
    --alabaster: #fafafa;
    --black: #000000;
    --blueberry: #3c7eff;
    --eerie-black: #1e1e1e;
    --jordy-blue: #8db0f4;
    --licorice: #121212;
    --mariner: #3066ce;
    --quick-silver: #a4a4a4;
    --white: #ffffff;
    --font-size-l: 15px;
    --font-size-m: 14px;
    --font-size-xl: 16px;
    --font-size-xxl: 18px;
    --font-size-xxxl: 20px;
    --font-size-xxxxl: 36px;
    --font-size-xxxxxl: 64px;
    --font-family-outfit: "Outfit", Helvetica;
    --font-family-podkova: "Podkova", Helvetica;
}

.podkova-normal-eerie-black-14px {
    color: var(--eerie-black);
    font-family: var(--font-family-podkova);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.outfit-semi-bold-alabaster-15px {
    color: var(--alabaster);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 600;
}

.podkova-semi-bold-eerie-black-14px {
    color: var(--eerie-black);
    font-family: var(--font-family-podkova);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 600;
}

.outfit-normal-black-20px {
    color: var(--black);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 400;
}

.outfit-medium-eerie-black-16px {
    color: var(--eerie-black);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 500;
}

.outfit-normal-black-15px {
    color: var(--black);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.outfit-medium-jordy-blue-64px {
    color: var(--jordy-blue);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-xxxxxl);
    font-style: normal;
    font-weight: 500;
}

.outfit-medium-white-16px {
    color: var(--white);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 500;
}

.outfit-medium-black-16px {
    color: var(--black);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 500;
}

.outfit-normal-quick-silver-14px {
    color: var(--quick-silver);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

/* screen - landing-page */
.landing-page {
    background-color: var(--alabaster);
    /* height: 3266px; */
    /* overflow: hidden; */
    overflow-x: hidden;
    /* position: relative; */
    width: 100%;
    max-width: 1900px;
}

.landing-page .bg-imgs img{
    height: 100%;
    object-fit: cover;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

section {
    position: relative;
}

#home-section {
    margin-top: 80px;
    height: 685px;
    overflow: hidden;
    padding-left: 70px;
    border-radius: 0 0 10px 10px;
}

.landing-page .frame-3-0MUxxh {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex-direction: column;
    gap: 22px;
    width: 100%;
    margin-top: 150px;
}

.landing-page .frame-26-dDEl0c {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 22px;
    position: relative;
}

@media screen and (max-width: 650px) {
    .landing-page .frame-26-dDEl0c {
        flex-direction:column
    }

    .landing-page .frame-3-0MUxxh {
        padding-right: 20px;
    }

    .landing-page .frame-18-0MUxxh {
        margin-left: 20px !important;
         margin-top: 6rem !important;
         gap:30px !important;
    }

    #home-section {
        padding-left: 20px;
    }

    .frame-2-0MUxxh {
        display: none !important;
    }
}

.landing-page .frame-24-gQOe9A {
    align-items: center;
    background-color: transparent;
    border: 2px dashed;
    border-color: var(--blueberry);
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
    justify-content: center;
    padding: 10px;
    position: relative;
}

.landing-page .admission-starts-in-august-2024-jux1xK {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -2.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .span1-cDvidC {
    color: var(--alabaster);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.landing-page .frame-25-gQOe9A {
    align-items: center;
    background-color: transparent;
    border: 2px dashed;
    border-color: var(--blueberry);
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
    justify-content: center;
    padding: 10px;
    position: relative;
}

.landing-page .academic-session-sta-0LzqZu {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -2.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .span1-sLzPep {
    color: var(--alabaster);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.landing-page .title-dDEl0c {
    background-color: transparent;
    color: var(--alabaster);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-xxxxxl);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    width: 653px;
}

.landing-page .at-hybrid-prep-schoo-dDEl0c {
    color: var(--alabaster);
    font-size: var(--font-size-xxxl);
    width: 653px;
}

.landing-page .cta-student-dDEl0c {
    background-color: var(--mariner);
    display: flex;
    height: 51px;
    width: 376px;
}

.landing-page .enroll-your-child-hCuwGL {
    font-size: var(--font-size-xl);
}

@media screen and (max-width: 800px) {
    .landing-page .title-dDEl0c {
        font-size:clamp(2rem, 6vw, 4rem);
        width: calc(100% - 10px);
        white-space: break-spaces;
    }

    .landing-page .at-hybrid-prep-schoo-dDEl0c {
        font-size: clamp(1rem, 5vw, 1.5rem);
        width: calc(100% - 10px);
        white-space: break-spaces;
        text-align: left;
    }

    .landing-page .cta-student-dDEl0c {
        background-color: var(--mariner);
        display: flex;
        height: 51px;
        width: calc(100% - 100px);
    }
}

.landing-page .frame-8-0MUxxh {
    align-items: center;
    background-color: var(--black);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    margin: 20px 0 20px 80px;
    overflow: hidden;
    padding: 64px 54px;
    width: calc(100% - 120px);
}

.landing-page .frame-7-Tjow4I {
    align-items: center;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.landing-page .frame-6-WogPfN {
    align-items: flex-start;
    gap: 66px;
}

@media screen and (max-width: 1200px) {
    .landing-page .frame-7-Tjow4I,.frame-12-0MUxxh {
        flex-direction:column;
        gap: 50px;
        width: 100%;
    }

    .landing-page .frame-9-WogPfN,.frame-6-WogPfN,.landing-page .frame-9-WogPfN p {
        width: 100% !important;
    }

    .landing-page .frame-6-WogPfN {
        gap: 10px;
        justify-content: space-between
    }

    .landing-page .frame-12-0MUxxh p {
        width: 100% !important;
    }
}

@media screen and (max-width: 730px) {
    .landing-page .frame-6-WogPfN {
        gap:50px;
        justify-content: center;
        align-items: center;
        ; flex-direction: column;
    }
}

.landing-page .frame-4-DCJojx {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.landing-page .x120-rBq2ho {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .a-graduates-rBq2ho {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: center;
}

.landing-page .frame-5-DCJojx {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.landing-page .x20-PVdxLs {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .highly-qualified-teachers-PVdxLs {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: center;
    width: 232px;
}

.landing-page .frame-6-DCJojx {
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.landing-page .x4-McaZyh {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .academic-awards-McaZyh {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: center;
    width: 153px;
}

.landing-page .frame-9-WogPfN {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    position: relative;
    /* width: 371px; */
}

.landing-page .phcrown-bold-Gb8IZW {
    background-color: transparent;
    height: 24px;
    position: relative;
    width: 24px;
}

.landing-page .maybe-because-of-our-Gb8IZW {
    background-color: transparent;
    color: var(--alabaster);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-xxxxl);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    width: 371px;
}

#why-are-we-chosen {
    margin-top: 8rem;
    width: 100%;
}

.landing-page .why-are-we-chosen-by-0MUxxh {
    background-color: #00000000;
    color: #cd979700;
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-xxxxl);
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.00px;
    line-height: normal;
    text-align: left;
    margin-left: 100px;
    width: calc(100% - 100px);
}

@media screen and (max-width: 700px) {
    .landing-page .why-are-we-chosen-by-0MUxxh {
        text-align: center;
    }
}

.landing-page .span0-akuB2x {
    color: var(--black);
    font-style: normal;
}

.landing-page .span1-akuB2x {
    color: var(--blueberry);
    font-style: normal;
}

.landing-page .span2-akuB2x {
    color: var(--black);
    font-style: normal;
}

.landing-page .frame-12-0MUxxh {
    align-items: flex-start;
    display: flex;
    gap: 22px;
    margin-left: 80px;
    width: calc(100% - 120px);
}

@media screen and (max-width: 650px) {
    .landing-page .frame-12-0MUxxh, .landing-page .frame-8-0MUxxh {
        margin-left: 25px;
        width: calc(100% - 50px);
    }

    .landing-page .why-are-we-chosen-by-0MUxxh {
        margin-left: 20px;
        font-size: clamp(1.5rem, 5vw, 3rem);
        width: calc(100% - 20px);
    }
}

.landing-page .frame-10-rHaEhZ {
    align-items: flex-start;
    background-color: var(--jordy-blue);
    border-radius: 8px;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 16px;
    overflow: hidden;
    padding: 30px 29px;
    position: relative;
}

.landing-page .our-cutting-edge-curriculum-sHditx {
    background-color: transparent;
    color: #1a212d;
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-xxxxl);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .a-curriculum-designe-sHditx {
    background-color: transparent;
    color: #1a212d;
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    width: 562px;
}

.landing-page .frame-11-rHaEhZ {
    align-items: flex-start;
    align-self: stretch;
    background-color: #dedede45;
    border-radius: 8px;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 16px;
    overflow: hidden;
    padding: 30px 29px;
    position: relative;
}

.landing-page .our-tailored-learning-experience-JDKSxa {
    background-color: transparent;
    color: var(--eerie-black);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-xxxxl);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .we-understand-that-e-JDKSxa {
    background-color: transparent;
    color: var(--licorice);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    width: 562px;
}

.landing-page .frame-18-0MUxxh {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    gap: 51px;
    margin: 15rem 0 15rem 100px;
    width: calc(100% - 140px);
}

@media screen and (max-width: 1250px) {
    .landing-page .frame-18-0MUxxh {
        flex-direction:column;
        width: 100%;
    }
}

.landing-page .still-not-convinced-ec4U15 {
    background-color: transparent;
    color: transparent;
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-xxxxl);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    width: 502px;
}

.landing-page .span0-syLdCO {
    color: var(--black);
    font-style: normal;
}

.landing-page .span1-syLdCO {
    color: var(--blueberry);
    font-style: normal;
}

.landing-page .frame-17-ec4U15::-webkit-scrollbar {
    display: none;
    width: 0;
}

.landing-page .frame-17-ec4U15 {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex-wrap: nowrap;
    gap: 40px;
    overflow: hidden;
    overflow-x: scroll;
    position: relative;
    width: calc(100% - 500px);
}

@media screen and (max-width: 1250px) {
    .landing-page .frame-18-0MUxxh {
        flex-direction:column;
        width: 100%;
        align-items: flex-start!important;
    }

    .landing-page .still-not-convinced-ec4U15 {
        font-size: clamp(1.5rem, 5vw, 2rem);
    }

    .landing-page .frame-17-ec4U15 {
        width: calc(100% - 140px);
    }
}



.frame-18-0MUxxh .post .group-1{
    height: auto !important;
}
.frame-18-0MUxxh .post p, .frame-18-0MUxxh .post span{
        position: static !important;
        padding-bottom: 10px;
        font-size: 1rem;
        font-family: var(--font-family-outfit);
        /* text-align: justify; */
        line-height: 1.4rem;
         width: 100%;
}

.frame-18-0MUxxh .post > div:last-of-type {
gap: 10px !important;

}

.frame-18-0MUxxh .post > div:last-of-type div:first-child{
    margin-top: 10px;
    font-size: 1.5rem;
    width: 100%;
}

.frame-18-0MUxxh .post > div:last-of-type div:first-child div{
    width: 100%;
}

@media screen and (max-width: 550px) {
    .frame-18-0MUxxh .post > div:last-of-type div:first-child{
        margin-top: 0;
    }
}
@media screen and (max-width: 650px) {
    .landing-page .frame-17-ec4U15 {
        width:calc(100% - 40px);
        overflow:visible;
    }
}
@media screen and (max-width: 600px) {
    .frame-18-0MUxxh .post p, .frame-18-0MUxxh .post span{
        font-size: var(--font-size-m);
    }

    .frame-18-0MUxxh .post > div:last-of-type div:first-child{
        font-size: 1.2rem;
    }
}

.frame-18-0MUxxh .parent {
    width:100%;
    max-width:300px;
    height: 250px;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    align-items: flex-start;
}
.frame-17-ec4U15 > div .parent > img {
    width: 100%;
    height: 100%;
    
    /* min-height:250px; */
    object-fit:cover;
}

@media screen and (max-width: 550px) {
    .frame-18-0MUxxh .parent {
        width:100%;
        max-width: 100%;
        height: 250px;
        overflow: hidden;
        border-radius: 10px;
        display: flex;
        align-items: flex-start;
    }

    .frame-17-ec4U15 > div {
        flex-direction: column;
        width: calc(100%);
    }

    .frame-17-ec4U15 > div .parent > img {
        width: 100%;
        height: 100%;
        /* min-height:250px; */
        /* object-fit:fil; */
    }

    .frame-17-ec4U15 .group-1, .frame-17-ec4U15 .frame-13 {
        width: 100% !important;
    }


    .frame-17-ec4U15 .group-1 p .end {
        display: none;
    }
}

.frame-17-ec4U15 .group-1 p .end {
    display: none;
}

.landing-page .frame-14-oy2we6, .landing-page .post {
    align-items: flex-start;
    background-color: var(--white);
    border-radius: 4px;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 14px;
    padding: 14px;
    position: relative;
}

.landing-page .frame-15-hPZJrW {
    background-color: transparent;
    flex-direction: column;
    gap: 1px;
}

.landing-page .mrs-chika-okonkwo-JmI76p {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .flowbitequote-solid-Ac6cqD {
    left: 0px;
    top: 0px;
}

.landing-page .enrolling-my-daughte-Ac6cqD {
    background-color: transparent;
    height: auto;
    left: 24px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    top: 12px;
    width: 262px;
}

.landing-page .flowbitequote-solid-sVl87M {
    left: 266px;
    top: 141px;
}

.landing-page .frame-15-oy2we6, .landing-page .post {
    background-color: var(--white);
    border-radius: 4px;
    gap: 14px;
    padding: 14px;
}

.landing-page .frame-15-iXyDWz {
    background-color: transparent;
    flex-direction: column;
    gap: 1px;
}

.landing-page .mr-emeka-nwankwo-7su1bm {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .father-7su1bm {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .flowbitequote-solid-JFN1JE {
    left: 0px;
    top: 0px;
}

.landing-page .hybrid-prep-school-o-JFN1JE {
    background-color: transparent;
    height: auto;
    left: 24px;
    letter-spacing: 0.00px;
    line-height: normal;
    /* position: absolute; */
    text-align: left;
    top: 12px;
    width: 262px;
}

.landing-page .flowbitequote-solid-tOAA2k {
    left: 266px;
    top: 141px;
}

.landing-page .frame-16-oy2we6, .landing-page .post{
    align-items: flex-start;
    background-color: var(--white);
    border-radius: 4px;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 1.7rem;
    padding: 14px;
    position: relative;
    max-width: 600px;
}

.landing-page .frame-15-Ge39m2 {
    background-color: transparent;
    flex-direction: column;
    gap: 1px;
}

.landing-page .mrs-ngozi-anyanwu-xz6qKo {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .flowbitequote-solid-78j90d {
    left: 0px;
    top: 0px;
}

.landing-page .choosing-hybrid-prep-78j90d {
    background-color: transparent;
    height: auto;
    left: 24px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    top: 12px;
    width: 262px;
}

.landing-page .flowbitequote-solid-hAKGID {
    left: 266px;
    top: 141px;
}

.landing-page .ready-to-see-your-ch-0MUxxh {
    background-color: transparent;
    color: transparent;
    font-family: var(--font-family-outfit);
    font-size: clamp(1.5rem,6vw, var(--font-size-xxxxl));
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.00px;
    line-height: normal;
    text-align: center;
}

.landing-page .span0-eQhKT8 {
    color: var(--licorice);
    font-style: normal;
}

.landing-page .span1-eQhKT8 {
    color: var(--blueberry);
    font-style: normal;
}

.landing-page .span2-eQhKT8 {
    color: var(--licorice);
    font-style: normal;
}

.partner-text {
    padding-left: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
}

@media screen and (max-width:650px) {
    .partner-text {
        padding: 0 20px;
    }
}

.landing-page .join-our-community-o-0MUxxh {
    background-color: transparent;
    height: auto;
    left: 331px;
    letter-spacing: 0.00px;
    line-height: normal;
    text-align: center;
    font-size: clamp(1rem,5vw, 1.5rem);
}

.landing-page .frame-19-0MUxxh {
    align-items: center;
    background-color: var(--mariner);
    border-radius: 8px;
    display: flex;
    gap: 10px;
    justify-content: center;
    padding: 14px;
    top: 2335px;
    max-width: 460px;
    width: 90%;
}

.landing-page .i-would-like-to-enroll-my-child-NmyjSt {
    background-color: transparent;
    color: var(--white);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
    width: fit-content;
}

.landing-page .rectangle-4-0MUxxh {
    background-color: transparent;
    height: 299px;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 202px;
    border-radius:10px;
    
}

.landing-page .rectangle-5-0MUxxh {
    background-color: transparent;
    height: 299px;
    left: calc(200px + 25px);
    object-fit: cover;
    position: absolute;
    top: 70px;
    width: 201px;
    border-radius:10px;
    
}

.landing-page .rectangle-6-0MUxxh {
    background-color: transparent;
    height: 299px;
    left: calc(200px + 200px + 50px);
    position: absolute;
    object-fit: cover;
    top: 0;
    width: 220px;
    border-radius:10px;
    
}

.landing-page .frame-20-0MUxxh {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex-direction: column;
    gap: 18px;
    width: 50%;
}

.landing-page .become-a-part-of-our-exceptional-team-pJwe6d {
    background-color: transparent;
    color: var(--mariner);
    font-family: var(--font-family-outfit);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .at-hybrid-prep-schoo-pJwe6d {
    color: #0c0c0c;
    font-size: var(--font-size-xl);
    width: 541px;
}

.landing-page .frame-23-pJwe6d {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 18px;
    flex-wrap:wrap;
    position: relative;
}

.landing-page .frame-21-BPuPhz {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 6px;
    position: relative;
}

.landing-page .send-cv-application-LceJE8 {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .cta-teacher-LceJE8 {
    background-color: var(--white);
}

.landing-page .hybridpreparatoryschoolgmailcom-TLyzAw {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .frame-22-BPuPhz {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 6px;
    position: relative;
}

.landing-page .or-call-Lc1YCC {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .cta-teacher-Lc1YCC {
    background-color: var(--white);
}

.landing-page .frame-27-0MUxxh {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    /* position: absolute; */
    top: 3129px;
    width: calc(100%);
    padding: 40px 40px 100px 40px;
    background-color: var(--black);
}

@media screen and (max-width:1000px){
    .landing-page .frame-27-0MUxxh, .frame-29-CBjmET {
        flex-direction:column; gap:2rem;
    }
}

.landing-page .frame-29-CBjmET {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 46px;
    position: relative;
}

.landing-page .ellipse-1-Rz1GGQ {
    border-color: var(--white);
}

.landing-page .hybrid-preperatory-school-Rz1GGQ {
    color: var(--white);
}

.landing-page .address-7ERiQr {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 3px;
}

.landing-page .address-fbr5kE {
    color: var(--white);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    text-align: left;
    width: fit-content;
}

.landing-page .hybrid-prep-school-1-fbr5kE {
    background-color: transparent;
    color: var(--white);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .address-s8XLh2 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 3px;
}

.landing-page .phone-number-1YlWMO {
    background-color: transparent;
    color: var(--white);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .x0816-239-2312-1YlWMO {
    color: var(--white);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 300;
}

.landing-page .frame-28-CBjmET {
    background-color: transparent;
    flex: 0 0 auto;
    position: relative;
}

.landing-page .page-progress-bar-0MUxxh {
    align-items: flex-start;
    background-color: #d9d9d9;
    display: inline-block;
    flex-direction: column;
    gap: 10px;
    left: 0;
    position: fixed;
    top: 80px;
    width: 100%; z-index: 1;
}

.landing-page .rectangle-2-kCg5jw {
    background-color: var(--jordy-blue);
    border-radius: 8px;
    height: 5px;
    position: relative;
    width: 0;
}

.landing-page .frame-2-0MUxxh {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex-direction: column;
    gap: 1px;
    justify-content: center;
    left: 28px;
    position: fixed;
    top: 301px;
}

.landing-page .x01-x1jsSx {
    background-color: transparent;
    color: var(--blueberry);
    font-family: var(--font-family-outfit);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .vector-1-x1jsSx {
    background-color: transparent;
    height: 46px;
    position: relative;
    width: 2px;
}

.landing-page .x02-x1jsSx {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .vector-2-x1jsSx {
    background-color: transparent;
    height: 46px;
    position: relative;
    width: 2px;
}

.landing-page .x03-x1jsSx {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .vector-3-x1jsSx {
    background-color: transparent;
    height: 46px;
    position: relative;
    width: 2px;
}

.landing-page .x04-x1jsSx {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .frame-1-0MUxxh {
    align-items: center;
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 18px 40px;
    position: fixed;
    top: 0;
    z-index: 1;
    width: 100%;
}


.mobile-nav-toggler {
    padding: 8px 16px;
    border-radius: 5px;
    color: var(--eerie-black);
    font-family: var(--font-family-outfit);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    display: none;
    cursor: pointer;
}

.mobile-nav-toggler i {
    font-size: 6rem !important;
}

@media screen and (max-width: 950px) {
    .desktop-nav {
        display:none !important;
    }

    .mobile-nav-toggler {
        display: block;
    }

    .landing-page .frame-1-0MUxxh {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.landing-page .ellipse-1-DlIF2q {
    border-color: var(--black) !important;
}

.landing-page .hybrid-preperatory-school-DlIF2q {
    color: var(--black);
}

.landing-page .navigation-list-Vqi3vZ {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 28px;
    position: relative;
}

.landing-page .who-we-are-dbxwgf {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .alumni-club-dbxwgf {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .resources-dbxwgf {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .support-dbxwgf {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .cta-buttons-Vqi3vZ {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 14px;
    position: relative;
}

.landing-page .cta-student-ck1xsb {
    background-color: var(--eerie-black);
    display: inline-flex;
    flex: 0 0 auto;
    height: 44px;
}

.landing-page .enroll-your-child-ib7xOg {
    font-size: var(--font-size-m);
}

.landing-page .cta-teacher-ck1xsb {
    background-color: #8cb0f4;
    flex: 0 0 auto;
}

.landing-page .apply-as-a-teacher-1M0KdA {
    background-color: transparent;
    color: var(--eerie-black);
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .address {
    background-color: transparent;
    position: relative;
}

.landing-page .akar-iconscopy {
    background-color: transparent;
    height: 24px;
    position: relative;
    width: 24px;
}

.landing-page .at-hybrid-prep-schoo {
    background-color: transparent;
    font-family: var(--font-family-outfit);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    /* width: 100%; */
}

.landing-page .cta-student {
    align-items: center;
    border-radius: 8px;
    gap: 10px;
    justify-content: center;
    padding: 10px 14px;
    position: relative;
}

.landing-page .cta-teacher {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    gap: 10px;
    height: 44px;
    justify-content: center;
    padding: 10px 14px;
    position: relative;
}

.landing-page .ellipse-1 {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 16.5px;
    height: 33px;
    position: relative;
    width: 33px;
}

.landing-page .enroll-your-child {
    background-color: transparent;
    color: #f1f1f1;
    font-family: var(--font-family-outfit);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .flowbitequote-solid {
    background-color: transparent;
    height: 24px;
    position: absolute;
    width: 24px;
}

.landing-page .frame-13 {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 23px;
    position: relative;
    width: 50%;
}


.landing-page .frame-15, .landing-page .post {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    position: relative;
}

.landing-page .frame-6 {
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    position: relative;
}

.landing-page .group-1 {
    background-color: transparent;
    /* height: 165px; */
    margin-right: -2.00px;
    position: relative;
    width: 100%;
}

.landing-page .hybrid-preperatory-school {
    background-color: transparent;
    font-family: var(--font-family-outfit);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: 172px;
}

.landing-page .logo {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 6px;
    position: relative;
}
.logo-cont{
    width: 45px; height: 45px;
}

.logo-cont img{
    width: 100%; height: 100%; object-fit: contain;
}

.landing-page .mother {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    width: fit-content;
}

.landing-page .oluwaferanmi-caleb-q {
    background-color: transparent;
    height: 257px;
    object-fit: cover;
    position: relative;
    width: 163px;
}

.landing-page .x0816-239-2312 {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    width: fit-content;
}

.no-button {
    border: none;
    background-color: transparent;
}

.people {
    position: relative;
    width: 50%;
    height: calc(300px + 100px);
}

.people-and-text {
    background-color: #3c7eff4a;
    padding: 2rem 10px 2rem 100px;
    margin-top: 8rem;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width:650px) {
    .people-and-text {
        padding-left: 20px;
    }
}

@media screen and (max-width:1100px) {
    .people-and-text {
        flex-direction: column-reverse;
    }

    .people-and-text > div {
        width: 100% !important;
    }

}

#section-target > div{
    padding: 0 10px;
    border-radius: 4px;
    cursor: pointer;
}
#section-target > div a {
    text-decoration: none;
}
#section-target > div a:visited, #section-target > div a:active  {
    color: #000000;
}
.text-content{
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex-direction: column;
    gap: 22px;
    width: 100%;
}

.text-content p {
    width: 600px;
}
@media screen and (max-width:600px){

    .mobile-carousel {
       margin-bottom:5rem !important;
    }
    .mobile-carousel .post{
        position: absolute !important; top:0; left:0 ; border-radius: 25px;
         box-shadow: 0px 0px 15px #0000001a;
         gap:1.3rem;
    }
    .text-content p{
         width: 100%;
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
    animation-duration: 400ms;
    animation-fill-mode: forwards;
  }

  .slideInRight {
    animation-name: slideInRight;
    animation-duration: 400ms;
    animation-fill-mode: forwards;
  }

.landing-page .bg-imgs img:not([src^="https://"]){
    filter: brightness(50%);
}