/* 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 {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin-top: 0;
    z-index: 2;
}

.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-top: 100px !important;
    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 ;
        height: 220px;
    }
    .sec-certificates , .sec-about-content {
        margin-top: 0;
        margin-bottom: 100px;
    }
    .sec-AboutUs {
        margin: 30px auto;
    }
    .about-us-page .sec-header-OrangeMoon .sec-breadcrumb {
        bottom: 15px;
        padding-left: 15px;
    }
}

.about-us-page ul.header-nav-list li a {
    color: #fff;
}

.about-us-page #main-header.show-header ul.header-nav-list li a {
    color: #484C52;
}

/* White color for menu-main_menu_left and its submenus in about-us page */
body.about-us-page .header-nav-list .header-nav-link,
body.about-us-page .header-nav-list .header-nav-item .header-nav-link,
body.about-us-page .header-right .header-nav-list .header-nav-link,
body.about-us-page .header-right .header-nav-list .header-nav-item .header-nav-link,
body.about-us-page .header-nav .menu-item > a,
body.about-us-page .header-right .menu-item > a {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    background-image: none !important;
    background: transparent !important;
    background-size: unset !important;
    background-position: unset !important;
}

/* Dark menu color when hovering at top of page (without show-header) */
body.about-us-page #main-header:hover:not(.show-header) .header-nav-list .header-nav-link,
body.about-us-page #main-header:hover:not(.show-header) .header-nav-list .header-nav-item .header-nav-link,
body.about-us-page #main-header:hover:not(.show-header) .header-right .header-nav-list .header-nav-link,
body.about-us-page #main-header:hover:not(.show-header) .header-right .header-nav-list .header-nav-item .header-nav-link,
body.about-us-page #main-header:hover:not(.show-header) .header-nav .menu-item > a,
body.about-us-page #main-header:hover:not(.show-header) .header-right .menu-item > a {
    color: #2d2e30 !important;
    -webkit-text-fill-color: #2d2e30 !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    background-image: none !important;
    background: transparent !important;
    background-size: unset !important;
    background-position: unset !important;
}

body.about-us-page #main-header:hover:not(.show-header) .header-nav-submenu .header-nav-item .header-nav-link,
body.about-us-page #main-header:hover:not(.show-header) .header-nav-item.SubMenu-inner .header-nav-submenu .header-nav-item .header-nav-link,
body.about-us-page #main-header:hover:not(.show-header) .header-nav-item.SubMenu .header-nav-submenu .header-nav-item .header-nav-link,
body.about-us-page #main-header:hover:not(.show-header) .sub-menu a,
body.about-us-page #main-header:hover:not(.show-header) .sub-menu .header-nav-link,
body.about-us-page #main-header:hover:not(.show-header) .menu-item-has-children .sub-menu a {
    color: #2d2e30 !important;
    -webkit-text-fill-color: #2d2e30 !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    background-image: none !important;
    background: transparent !important;
    background-size: unset !important;
    background-position: unset !important;
}

body.about-us-page .header-nav-submenu .header-nav-item .header-nav-link,
body.about-us-page .header-nav-item.SubMenu-inner .header-nav-submenu .header-nav-item .header-nav-link,
body.about-us-page .header-nav-item.SubMenu .header-nav-submenu .header-nav-item .header-nav-link,
body.about-us-page .sub-menu a,
body.about-us-page .sub-menu .header-nav-link,
body.about-us-page .menu-item-has-children .sub-menu a {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    background-image: none !important;
    background: transparent !important;
    background-size: unset !important;
    background-position: unset !important;
}

body.about-us-page .header-nav-submenu .header-nav-item .header-nav-link:hover,
body.about-us-page .header-nav-item.SubMenu-inner .header-nav-submenu .header-nav-item .header-nav-link:hover,
body.about-us-page .header-nav-item.SubMenu .header-nav-submenu .header-nav-item .header-nav-link:hover,
body.about-us-page .header-nav .menu-item > a:hover,
body.about-us-page .header-right .menu-item > a:hover,
body.about-us-page .sub-menu a:hover,
body.about-us-page .sub-menu .header-nav-link:hover,
body.about-us-page .menu-item-has-children .sub-menu a:hover {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    background-image: none !important;
    background: transparent !important;
    background-size: unset !important;
    background-position: unset !important;
}

/* Dark menu color when header shows background (show-header) in about-us page */
body.about-us-page #main-header.show-header .header-nav-list .header-nav-link,
body.about-us-page #main-header.show-header .header-nav-list .header-nav-item .header-nav-link,
body.about-us-page #main-header.show-header .header-right .header-nav-list .header-nav-link,
body.about-us-page #main-header.show-header .header-right .header-nav-list .header-nav-item .header-nav-link,
body.about-us-page #main-header.show-header .header-nav .menu-item > a,
body.about-us-page #main-header.show-header .header-right .menu-item > a {
    color: #2d2e30 !important;
    -webkit-text-fill-color: #2d2e30 !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    background-image: none !important;
    background: transparent !important;
    background-size: unset !important;
    background-position: unset !important;
}

body.about-us-page #main-header.show-header .header-nav-submenu .header-nav-item .header-nav-link,
body.about-us-page #main-header.show-header .header-nav-item.SubMenu-inner .header-nav-submenu .header-nav-item .header-nav-link,
body.about-us-page #main-header.show-header .header-nav-item.SubMenu .header-nav-submenu .header-nav-item .header-nav-link,
body.about-us-page #main-header.show-header .sub-menu a,
body.about-us-page #main-header.show-header .sub-menu .header-nav-link,
body.about-us-page #main-header.show-header .menu-item-has-children .sub-menu a {
    color: #2d2e30 !important;
    -webkit-text-fill-color: #2d2e30 !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    background-image: none !important;
    background: transparent !important;
    background-size: unset !important;
    background-position: unset !important;
}

body.about-us-page #main-header.show-header .header-nav-submenu .header-nav-item .header-nav-link:hover,
body.about-us-page #main-header.show-header .header-nav-item.SubMenu-inner .header-nav-submenu .header-nav-item .header-nav-link:hover,
body.about-us-page #main-header.show-header .header-nav-item.SubMenu .header-nav-submenu .header-nav-item .header-nav-link:hover,
body.about-us-page #main-header.show-header .header-nav .menu-item > a:hover,
body.about-us-page #main-header.show-header .header-right .menu-item > a:hover,
body.about-us-page #main-header.show-header .sub-menu a:hover,
body.about-us-page #main-header.show-header .sub-menu .header-nav-link:hover,
body.about-us-page #main-header.show-header .menu-item-has-children .sub-menu a:hover {
    color: #f58220 !important;
    -webkit-text-fill-color: #f58220 !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    background-image: none !important;
    background: transparent !important;
    background-size: unset !important;
    background-position: unset !important;
}

#main-header:hover ul.header-nav-list li a {
    color: #616161;
}
.breadcrumb .breadcrumb-last-page{
    font-size: 12px;
}