:root {
    --color-bg: #030b28;
    --color-bg-lighter: #02091c;
    --color-bg-darker: #010821;
}

body.dark {
    background-color: var(--color-bg);
    color: #eeeeee;
}

body.dark .btn-link.text-dark-gray, body.dark .text-dark-gray, body.dark a.text-dark-gray-hover:hover {
    color: #d2d2d2;
}

body.dark .bg-dark-1 {
    background-color: var(--color-bg-lighter);
}

body.dark .bg-dark-2 {
    background-color: var(--color-bg-darker);
}

body.dark .sector-meta {
    background-color: var(--color-bg);
    box-shadow: none;
    border: 1px solid #141645;
}

body.dark .accordion-button::after {
    filter: invert(1);
}

body.dark button.accordion-button.collapsed {
    background-color: var(--color-bg-lighter);
    color: #fff;
    box-shadow: none;
    margin-bottom: 0;
    padding-bottom: 10px;
}

body.dark .accordion-item {
    border: 1px solid #242d4d;
    border-top: 0;
}

body.dark .accordion-item:first-of-type {
    border-top: 1px solid #242d4d;
}

body.dark .accordion-body {
    border-inline: none;
    background-color: #2d2d2d;
}

body.dark .accordion-button:not(.collapsed) {
    background-color: #6b6b6b;
    color: #fff;
}

.accordion-button:focus {
    box-shadow: none;
    outline: none;
}

body.dark header .header-top-bar + .navbar {
    background-color: var(--color-bg);
    color: #fff;
}

body.dark .header-light .header-icon .icon > a, body.dark .header-light .navbar-nav .nav-link {
    color: #fff;
}

body.dark .header-light .menu-item-list .sub-menu .active > a, body.dark .header-light .menu-item-list .sub-menu a:hover, body.dark .header-light .widget-text, .header-light .widget-text a {
    color: #fff;
}

body.dark button.darkModeToggle {
    color: #fff;
}

body.dark .sector-list {
    background-color: var(--color-bg);
}

body.dark .services-box {
    background-color: var(--color-bg-lighter);
}

body.dark .about-service {
    background-color: var(--color-bg-lighter);
}

body.dark .about-service img {
    filter: invert(1);
}

body.dark .contact-meta {
    background-color: var(--color-bg-lighter);
}

body.dark header.sticky.sticky-active .header-reverse {
    background-color: var(--color-bg);
}

body.dark footer {
    background-color: var(--color-bg-darker);
}

body.dark .navbar-toggler-line, body.dark .swiper-pagination-style-4.dark .swiper-pagination-bullet {
    background: #ffffff;
}

body.dark header .navbar {
    background-color: var(--color-bg);
}

body.dark .header-button a {
    color: #fff;
}

body.dark .form-title {
    color: #000;
}

body.dark .project-meta h3, body.dark .project-meta h5 {
    color: #fff;
}

body.dark .project-item {
    box-shadow: none;
    border: 1px solid #2f364f;
}