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

@import url(../components/breadcrumb-header-general.css);
@import url(../components/contact-map.css);
@import url(../components/contact-form.css);
@import url(../components/contact-details.css);

/* Sec Contact Us Orange Moon */

.contact-us-page .sec-header-OrangeMoon {
    width: 100%;
    display: block;
    position: relative;
}

.sec-header-OrangeMoon::after {
    content: unset;
}

/* .contact-us-page {
    overflow: hidden;
} */

.contact-us-page #main-content-OrangeMoon {
    padding-top: 80px;
}

.contact-us-page .sec-breadcrumb {
    padding-left: 0;
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin-top: 0;
    z-index: 2;
}

/* Header Dark Style for Contact Us Page */
body.contact-us-page:has(.sec-header-OrangeMoon) #main-header:not(.show-header):not(:hover) .header-nav-list .header-nav-link,
body.contact-us-page:has(.sec-header-OrangeMoon) #main-header:not(.show-header):not(:hover) .header-nav-list .header-nav-item .header-nav-link,
body.contact-us-page:has(.sec-header-OrangeMoon) #main-header:not(.show-header):not(:hover) .header-right .header-nav-list .header-nav-link,
body.contact-us-page:has(.sec-header-OrangeMoon) #main-header:not(.show-header):not(:hover) .header-right .header-nav-list .header-nav-item .header-nav-link,
body.contact-us-page:has(.sec-header-OrangeMoon) #main-header:not(.show-header):not(:hover) .header-nav .menu-item > a,
body.contact-us-page:has(.sec-header-OrangeMoon) #main-header:not(.show-header):not(:hover) .header-right .menu-item > a {
    color: #2d2e30 !important;
    -webkit-text-fill-color: #2d2e30 !important;
}

body.contact-us-page:has(.sec-header-OrangeMoon) #main-header:not(.show-header):not(:hover) .header-nav-res .hamburger .line {
    background: #2d2e30 !important;
}

body.contact-us-page:has(.sec-header-OrangeMoon) #main-header:not(.show-header):not(:hover) .btn-MegaMenu .mega-icon {
    filter: invert(0) brightness(0) contrast(200%) !important;
}

body.contact-us-page:has(.sec-header-OrangeMoon) #main-header:not(.show-header):not(:hover) .header-right .btn-MegaMenu .mega-icon {
    filter: invert(0) brightness(0) contrast(200%) !important;
}

/* All Media Queris Sec Contact Us Orange Moon */

@media screen and (max-width: 1200px) {
    .sec-breadcrumb {
        padding-left: 0;
    }
}

@media screen and (max-width: 768px) {
    .contact-us-page .sec-breadcrumb {
        bottom: 15px;
        padding-left: 15px;
    }
}