/* LeSch MAGIC */

/* moible menue */

@media(min-width:992px) {
    .navbar-toggle {
        display: none;
    }
}

@media (max-width:991px) {

    .navbar-toggle {
        position: fixed;
        right: 25px;
        top: 25px;
        background: transparent;
        padding: 12px 8px 8px 8px;
        border-radius: unset;
        z-index: 1002;
        min-height: 45px;
        min-width: 45px;
        border: none;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 35px;
        height: 3px;
        border-radius: 0;
        margin-bottom: 5px;
        background-color: var(--light-color);
        -webkit-transition: transform 200ms linear;
        -moz-transition: transform 200ms linear;
        -ms-transition: transform 200ms linear;
        -o-transition: transform 200ms linear;
        transition: transform 200ms linear;
    }

    .navbar-toggle span.icon-bar:nth-child(3) {
        width: 28px;
        margin-left: auto;
        background-color: var(--marker-color);
    }

    .toggled-nav .navbar-toggle span.icon-bar:nth-child(1) {
        -webkit-transform: rotate(45deg) translate(1px, 0px);
        transform: rotate(45deg) translate(1px, 0px);
        margin: 0;
    }

    .toggled-nav .navbar-toggle span.icon-bar:nth-child(2) {
        -webkit-transform: rotate(-45deg) translate(2px, -2px);
        transform: rotate(-45deg) translate(2px, -2px);
        margin: 0;
        width: unset;
    }

    .toggled-nav .navbar-toggle span.icon-bar:nth-child(3) {
        display: none;
    }

    .navbar_container {
        position: fixed;
        left: 0;
        top: -100vh;
        padding: 3rem 2rem;
        width: 100%;
        background: var(--primary-color);
        height: calc(100vh - 5.8rem);
        z-index: 200;
        -webkit-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -o-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    .toggled-nav .navbar_container {
        top: 5.8rem;
    }

    header .header_container .header_right .navbar_container .nav_list {
        display: block;

    }

    header .header_container .header_right .navbar_container .nav_list .nav_item a {
        font-size: 1.25rem;
    }

    header .header_container .header_right .navbar_container .nav_list .nav_item+.nav_item {
        margin-top: 1rem;
    }
}

/* hero section */

@media (max-width:991px) {
    .hero_section .hero_container {
        flex-wrap: wrap;
        gap: 3rem;
    }

    .hero_section .hero_container .col {
        flex: unset;
        width: 100%;
    }

    .hero_section .hero_container .col .hero_img_container .hero_img {
        width: 100%;
        max-height: 400px;
    }

    .geda {
        display: flex;
        width: 100%;
        height: auto;
        align-items: center;
        justify-content: center;
        cursor: text;
    }

    .geda_img {
        max-width: 100%;
        /*height: 100%;
        */
        object-fit: contain;
        height: auto;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }


}

/* categories */

@media (max-width:991px) {
    .categories_section .categories_container {
        width: 90%;
    }

    .categories_section .categories_container .categories_content_container {
        display: flex;
        flex-wrap: wrap;
    }

    .categories_section .categories_container .categories_content_container .categories_card {
        width: 100%;
    }

    .enroll_btn {
        display: none;
    }
}

/* faq accordeon */

@media (max-width:991px) {
    .faq_section .faq_container .section_header_container {
        width: 100%;
    }

    .faq_section .faq_container .faq_content_container {
        width: 100%;
    }
}

/* footer */

@media (max-width: 991px) {
    .footer_section .footer_container {
        flex-wrap: wrap;
    }

    .footer_section .footer_container .col {
        flex: unset;
        width: 100%;
    }

    .footer_section .footer_container .col:last-child {
        margin-top: 2rem;
        text-align: center;
    }
}