/* Import ../components About Us Orange Moon */

@import url(../components/breadcrumb-header-general.css);
@import url(../components/image-vision.css);
@import url(../components/value-box.css);
@import url(../components/certificates.css);
@import url(../components/about-content.css);
@import url(../components/partners.css);

/* Sec Header General Pages Orange Moon */

.sec-header-OrangeMoon {
    width: 100vw;
    height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
    background: url(../../media/imgae/jpg/about-us-banner.jpg) no-repeat #E671521A;
    background-position: center bottom;
    background-size: cover;
    position: relative;
    overflow: unset;
}

.about-us-page {
    overflow: hidden;
}

.about-us-page .sec-header-OrangeMoon .sec-breadcrumb {
    margin-top: -270px;
}

.about-us-page .header-nav-item .header-nav-link {
    color: #fff;
}

.about-us-page .btn-MegaMenu .mega-icon {
    filter: invert(1) brightness(200%) contrast(200%);
}

.about-us-page #main-header:hover .btn-MegaMenu .mega-icon ,
.about-us-page #main-header.show-header .btn-MegaMenu .mega-icon {
    filter: invert(0) brightness(1) contrast(1);
}

.about-us-page #main-header:hover .header-right .btn-MegaMenu .mega-icon ,
.about-us-page #main-header.show-header .header-right .btn-MegaMenu .mega-icon {
    filter: invert(1) brightness(0) contrast(200%);
}

.about-us-page .header-actions .header-search ,
.about-us-page .header-right .btn-MegaMenu {
    box-shadow: none;
}

.about-us-page .header-nav-item .header-nav-link:hover {
    color: #E67152 !important;
}

.about-us-page #main-header:hover .header-nav-item .header-nav-link ,
.about-us-page #main-header.show-header .header-nav-item .header-nav-link {
    color: #2d2e30;
}

.about-us-page #main-header .header-nav-res .hamburger .line {
    background: #fff;
}

.about-us-page #main-header.show-header .header-nav-res .hamburger .line ,
.about-us-page #main-header:hover .header-nav-res .hamburger .line ,
.about-us-page #main-header .header-nav-res .hamburger.is-active .line {
    background: #2D2E30;
}

/* Sec Content About Us Page Orange Moon */

.sec-AboutUs {
    margin: 100px auto;
    margin-bottom: 0;
}

/* All Media Queris About Us Orange Moon */

@media screen and (max-width: 1200px) {
    .sec-About-AboutUs div.gap-6 {
        gap: 0 !important;
    }
}


@media screen and (max-width: 768px) {
    .sec-header-OrangeMoon {
        background-position: center -50px;
        height: 460px;
    }
    .sec-certificates , .sec-about-content {
        margin-top: 0;
        margin-bottom: 100px;
    }
    .sec-AboutUs {
        margin: 30px auto;
    }
}