.home-dark2 {
    background: #fff !important;
}
header{
    background: #0F0F0F;
}
body {
 
}

#app {
  flex: 1; /* this pushes footer down */
}
.header-area2.style-2 .header-logo {
    padding: 5px 0 !important;
}
.page-content-wrapper, .page-content-wrapper p, .page-content-wrapper h1, .page-content-wrapper h2, .page-content-wrapper h3, .page-content-wrapper h4, .page-content-wrapper h5, .page-content-wrapper h6 {
    color: #000000 !important;
}
.page-content-wrapper, .page-content-wrapper p {
    color: #000000 !important;
    font-family: var(--font-saira);
    font-size: 15px !important;
    line-height: 28px !important;
}

.home4-insight-area .home4-insights-card .insight-content p {
    color: #E4E4E4 !important;
}
.home4-insight-area .home4-insights-card .insight-content h4 a {
    color: var(--white-color) !important;
}
.breadcrumbs .breadcrumb-wrapper {
    padding: 120px 0px 40px !important;
}
.breadcrumbs ~ .sec-mar {
    margin: 40px 0 !important;
}
#app .breadcrumbs {
    background-color: #0a0a0a !important;
    background-size: contain !important;
    background-repeat: repeat !important;
}
.header-area2.style-2 .header-btn a {
    background-color: #ff0000 !important;
    color: #fff !important;
}
.breadcrumbs .breadcrumb-wrapper .breadcrumb-cnt {
    text-align: left !important;
}
.breadcrumbs .breadcrumb-wrapper .breadcrumb-cnt .breadcrumb-list {
    color: #000 !important;
    justify-content: left !important;
}
.breadcrumbs .breadcrumb-wrapper .breadcrumb-cnt h1 {
    color: #000 !important;
}

.breadcrumb-list svg path { fill: #000 !important; }

@media only screen and (max-width: 991px) {
    .header-area2 .main-menu {
        width: 350px !important;
    }
}