wagtail-userbar {
    display: none !important;
}

.main-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.content-container {
    width: 100%;
    max-width: 1440px;
    padding: 0 72px;

    @media (max-width: 991px) {
        padding: 0 8px !important;
    }
}

.to_anim {
    opacity: 0;
}

.faq_open_button {
    background-color: #E6E6FE;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.faq_open_arrow {
    transform: rotate(-180deg);
}

.faq_question_answer {
    height: 0;
    opacity: 0;
}

.faq_open_answer {
    opacity: 1;
}

.programs-slide {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
    @media (max-width: 767px) {
        grid-template-columns: repeat(1, 1fr);
    }
    @media (max-width: 567px) {
        gap: 0;
        max-width: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        height: auto;
    }
}

.about-us-slide {
    display: flex;
    justify-content: center;
    height: auto;
}

.pricing-slide {
    display: flex;
    justify-content: center;
    height: auto;
}

.how-we-learn-p > ul {
    padding: inherit;
    list-style-type: disc !important;
}

.how-we-learn-p > ol {
    padding: inherit;
    list-style-type: decimal !important;
}


.advantage-container {
    padding: 0 111px !important;

    @media (max-width: 768px) {
        padding: 0 10px !important;
    }
}

.advantage-wrapper {
    margin-bottom: 100px;

    @media (max-width: 1200px) {
        margin-bottom: 150px;
    }

    @media (max-width: 1100px) {
        margin-bottom: 200px;
    }

    @media (max-width: 1050px) {
        margin-bottom: 300px;
    }
}

.smile-wrapper {
    position: absolute;
    left: 50%;
    transform: translateX(-90%);

    @media (max-width: 1330px) {
        transform: translate(-30%, -50%);
    }
}

.adv-2 {
    padding: 52px 90px;

    @media (max-width: 1024px) {
        padding: 52px 42px;
    }
}

.adv-3 {
    padding: 32px 94px;

    @media (max-width: 1024px) {
        padding: 52px 44px;
    }
}

.adv-4 {
    padding: 21px 74px;

    @media (max-width: 1024px) {
        padding: 52px 44px;
    }
}

.adv-5 {
    padding: 35px 95px;

    @media (max-width: 1024px) {
        padding: 52px 45px;
    }
}

.advantage-mobile-wrapper {
    div {
        padding: 32px 27px;
        text-align: center;
    }
}

#id-mobile-menu {
    right: 80px;

    @media (max-width: 991px) {
        right: 24px !important;
    }

}

.footer-link {
    @media(max-width: 1160px) {
        font-size: 14px;
    }
}

.image_404_container {
    height: 700px;

    @media (max-width: 1245px) {
        height: 550px;
    }
    @media (max-width: 1200px) {
        height: 300px;
    }
    @media (max-width: 1135px) {
        height: 240px;
    }

}

.image_404 {
    max-width: 900px;

    @media (max-width: 1300px) {
        max-width: 800px;
    }
    @media (max-width: 1245px) {
        max-width: 700px;
    }
    @media (max-width: 1200px) {
        max-width: 500px;
    }
    @media (max-width: 1135px) {
        max-width: 450px;
    }
    @media (max-width: 1090px) {
        max-width: 350px;
    }
    @media (max-width: 760px) {
        display: none;
    }
}

/* PPMori Font */
@font-face {
  font-family: 'PPMori';
  src: url("/static/fonts/pp-mori/PPMori-Extralight.b23c7748b338.otf") format('opentype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'PPMori';
  src: url("/static/fonts/pp-mori/PPMori-ExtralightItalic.f4c01c979f65.otf") format('opentype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'PPMori';
  src: url("/static/fonts/pp-mori/PPMori-Regular.43cfad7ee853.otf") format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PPMori';
  src: url("/static/fonts/pp-mori/PPMori-RegularItalic.32b9d1dfdf25.otf") format('opentype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'PPMori';
  src: url("/static/fonts/pp-mori/PPMori-SemiBold.0716183b1595.otf") format('opentype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'PPMori';
  src: url("/static/fonts/pp-mori/PPMori-SemiBoldItalic.b63777b21b46.otf") format('opentype');
  font-weight: 600;
  font-style: italic;
}

/* Geologica Font */
@font-face {
  font-family: 'Geologica';
  src: url("/static/fonts/geologica/Geologica-Regular.a1be126282b0.ttf") format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Geologica';
  src: url("/static/fonts/geologica/Geologica-SemiBold.9e1dd44aa6ff.ttf") format('opentype');
  font-weight: 600;
  font-style: normal;
}


@font-face {
  font-family: 'Geologica';
  src: url("/static/fonts/geologica/Geologica-ExtraBold.21e047985f59.ttf") format('opentype');
  font-weight: 800;
  font-style: normal;
}