.theme-dark:root {
    color-scheme: dark;
}

.theme-dark body {
    background-color: var(--color-dark-2);
    color: var(--color-grey-2);
}

.theme-dark p {
    color: var(--color-grey-2);
}

.theme-dark p a {
    color: var(--color-grey-2) !important
}

.theme-dark .h1, .theme-dark .h2, .theme-dark .h3, .theme-dark .h4, .theme-dark .h5, .theme-dark .h6, .theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6,
.theme-dark .h1 a, .theme-dark .h2 a, .theme-dark .h3 a, .theme-dark .h4 a, .theme-dark .h5 a, .theme-dark .h6 a, .theme-dark h1 a, .theme-dark h2 a, .theme-dark h3 a, .theme-dark h4 a, .theme-dark h5 a, .theme-dark h6 a,
.theme-dark .icon-group.-secondary, .theme-dark .button.-secondary, .theme-dark .icon-group.-outlined,
.theme-dark .text-dark-1, .nav-dark .text-dark-1, .theme-dark .text-dark {
    color: var(--color-light-2) !important
}

.theme-dark .icon-group.-outlined {
    border-color: var(--color-light-3);
}

.theme-dark .form-control, .theme-dark .form-select {
    border: 1px solid var(--color-dark-3);
    background-color: rgba(150,144,162,.06) !important;
    color: rgba(235,228,228,.6) !important;
}

.theme-dark .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.theme-dark .desktop-nav .dropdown-menu {
    background-color: var(--color-dark-3) !important;
    color: rgba(235,228,228,.6) !important;
}


.theme-dark .form-control.text-field {
    background-color: rgba(150,144,162,.06) !important;
}

.theme-dark .form-control::placeholder, .theme-dark .form-control::-moz-placeholder, .theme-dark .form-control:-ms-input-placeholder {
    color: rgba(235,228,228,.6);
}

.theme-dark .form-control:focus::-moz-placeholder {
    color: transparent;
    border-color: var(--color-primary);
}

.theme-dark .form-control:focus:-ms-input-placeholder {
    color: transparent;
    border-color: var(--color-primary);
}

.theme-dark .form-control:focus::placeholder {
    color: transparent;
    border-color: var(--color-primary);
}

.theme-dark .navbar-area.style2, .theme-dark .navbar-area.bg-white {
    background-color: var(--color-dark-2) !important;
}

.theme-dark .desktop-nav .navbar-brand .main-logo, .theme-dark footer .main-logo, .theme-dark .brand-logo .main-logo {
    display: none
}

.theme-dark .desktop-nav .navbar-brand .white-logo, .theme-dark  footer .white-logo, .theme-dark .brand-logo .white-logo {
    display: block
}

.theme-dark .desktop-nav .navbar .navbar-nav .nav-item a, .nav-dark .desktop-nav .navbar .navbar-nav .nav-item a, .theme-dark .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
    color: var(--color-white)
}

.theme-dark .desktop-nav .navbar .navbar-nav .nav-item a:hover, .theme-dark .desktop-nav .navbar .navbar-nav .nav-item a.active,
.nav-dark .desktop-nav .navbar .navbar-nav .nav-item a:hover, .nav-dark .desktop-nav .navbar .navbar-nav .nav-item a.active {
    color: var(--color-primary);
}

.theme-dark .desktop-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
    border: 1px solid var(--color-dark-3);
}

.theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a,
.nav-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a,
.theme-dark .desktop-nav .navbar .offcanvas .navbar-nav .nav-item .dropdown-menu li a,
.nav-dark .desktop-nav .navbar .offcanvas .navbar-nav .nav-item .dropdown-menu li a {
    color: var(--color-grey-2)
}

.theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active
.nav-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .nav-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .nav-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
    color: var(--color-primary);
}

.theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
    background-color: transparent !important;
    color: var(--color-white);
}

.theme-dark .dropdown .dropdown-menu .dropdown-item {
    color: var(--color-grey-2)
}

.theme-dark .dropdown-item:focus, .theme-dark .dropdown-item:hover {
    color: var(--color-white) !important;
    background-color: var(--color-dark-3);
}

.theme-dark .filter-button ul li button, .theme-dark .navbar-brand .product-logo {
    color: var(--color-white)
}

.theme-dark .filter-button ul li button:hover, .theme-dark .filter-button ul li button:focus, .theme-dark .filter-button ul li button.active {
    color: var(--color-primary)
}
.theme-dark .paginations ul li a {
    color: var(--color-white);
    border-color: var(--color-grey-1)
}

.theme-dark .paginations.style2 ul li a {
    background-color: var(--color-black)
}

.theme-dark .paginations.style2 ul li a:hover, .theme-dark .paginations.style2 ul li a.active {
    background-color: var(--color-primary);
}

.theme-dark .faq-accordion .accordion .accordion-content {
    background-color: var(--color-black)
}

.theme-dark .faq-accordion .accordion .accordion-title {
    background-color: var(--color-black);
    color: var(--color-white)
}

.theme-dark .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link {
    color: var(--color-white)
}

.theme-dark .sidemenu-area .sidemenu-body .sidemenu-nav .nav-subitem ul li a {
    color: var(--color-white)
}

.theme-dark .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link .icon {
    color: var(--color-white)
}

.theme-dark .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link .icon img {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(118deg) brightness(103%) contrast(102%)
}

.theme-dark .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link:hover {
    background-color: var(--color-dark-2);
}

.theme-dark .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link:hover .icon {
    transform: rotateY(-180deg);
}

.theme-dark .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link:hover .icon img {
    filter: invert(33%) sepia(47%) saturate(3411%) hue-rotate(204deg) brightness(85%) contrast(93%)
}

.theme-dark .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link {
    background-color: var(--color-dark-2);
    color: var(--color-primary);;
}

.theme-dark .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link .icon {
    color: var(--color-primary);
}

.theme-dark .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link .icon img {
    filter: invert(33%) sepia(47%) saturate(3411%) hue-rotate(204deg) brightness(85%) contrast(93%)
}

@media only screen and (max-width: 991px) {
    .theme-dark .navbar-area.style2 {
        background-color: #1a1919
    }

    .theme-dark .mobile-responsive-nav .mobile-responsive-menu .logo .white-logo {
        display: block
    }

    .theme-dark .mobile-responsive-nav .mobile-responsive-menu .logo .main-logo {
        display: none
    }

    .theme-dark .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul {
        background-color: #090909
    }

    .theme-dark .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a {
        color: var(--color-white) !important;
        border-top: 1px solid rgba(86, 85, 85, .5)
    }

    .theme-dark .offcanvas {
        background-color: var(--color-dark-2) !important;
    }

    .theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
        background-color: var(--color-dark-l);
    }
    .theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a + ul li a{
        padding-left: 34px;
    }
}

@media only screen and (max-width: 767px) {
    .theme-dark .sidemenu-area {
        background: var(--color-black)
    }

    .theme-dark .sidemenu-area .sidemenu-header {
        background: var(--color-black)
    }

    .theme-dark .sidemenu-area .sidemenu-body {
        background: var(--color-black)
    }
}

.theme-dark .blog-wrap, .theme-dark .sidebar-widget, .theme-dark .sidebar-widget .tag-list a, .theme-dark .pagination .page-item:hover .page-link,
.theme-dark .bg-success-l, .theme-dark .bg-danger-l, .theme-dark .bg-info-l, .theme-dark .bg-warning-l, .theme-dark .bg-dark-1 {
    background-color: rgba(225,225,225,.05) !important;
    border: 1px solid var(--color-dark-l);
}

.theme-dark .pagination .page-item.active .page-link {
    background-color: var(--color-dark-l) !important;
    border: 1px solid var(--color-dark-l);
}

.theme-dark .card{
    background-color: rgba(225,225,225,.05) !important;
}

.theme-dark .card-inner-wrapper {
    background-color: rgba(225,225,225,.05) !important;
    border: 1px solid transparent;
    color: var(--color-grey-2) !important;
}

.theme-dark .sidebar-widget .category-list a{
    color: var(--color-white);
}

.theme-dark .navbar-area.is-sticky {
    background-color: var(--color-dark-2) !important;
}

.theme-dark .text-dark-2, .theme-dark .text-dark-3, .theme-dark .single-post-tag a, .theme-dark .accordion-toggle {
    color: rgba(235,228,228,.6) !important;
}

.theme-dark .theme-gradient, .theme-dark .theme-gradient-1, .theme-dark .theme-gradient-2, .theme-dark .theme-gradient-3, .theme-dark .theme-gradient-4, .theme-dark .theme-gradient-5, .theme-dark .theme-gradient-6, .theme-dark .theme-gradient-7{
    background: rgba(225,225,225,.06) !important;
}

.theme-dark .block-bf-af:after, .theme-dark .block-bf-af:before {
    background-color: var(--color-dark-3) !important;
}

.theme-dark .border {
    border: var(--bs-border-width) var(--bs-border-style) var(--color-dark-l) !important;
}

.border.-hover-dark:hover, .border.-focus-dark:focus {
    border-color: var(--color-light-3) !important;
}

.theme-dark .accordion.-style2 .accordion-button {
    color: var(--color-white);
}

.theme-dark .accordion.-style2 .accordion-button:not(.collapsed) {
    background-color: rgba(225,225,225,.05);
}

.theme-dark .accordion.-style2 .accordion-body {
    background-color: rgba(225,225,225,.05);
    color: var(--color-grey-2);
}

.theme-dark .accordion-button::after, .theme-dark .accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.theme-dark .nav-pills.style-2 .nav-link.active, .theme-dark .nav-pills .show>.nav-link, .theme-dark .nav-pills.style-2 .nav-link:hover {
    color: var(--color-white);
    background-color: var(--color-dark-2);
    border: 1px solid var(--color-dark-l);
}

.theme-dark .nav-pills .nav-link {
    color: var(--color-white);
}

.theme-dark .features .bg-light-3 {
    background-color: var(--color-dark-1) !important;
}

.theme-dark .separator-1px-op-l, .separator-right-2px-op-l {
    border-color: rgba(255, 255, 255, 0.05);;
}

.theme-dark .blockquote-style1 {
    background-color: var(--color-primary-l);
    border-left: 3px solid var(--color-dark-l);
}

.theme-dark .blog-single .icon-group, .theme-dark .shadow-icon, .theme-dark .badge, .theme-dark .nav-tabs .nav-link.active, .theme-dark .nav-tabs .nav-link:hover  {
    color: var(--color-light-3);
}

.theme-dark .nav-tabs .nav-link.active:after {
    border-bottom-color: var(--color-light-3) !important;
}
.theme-dark .d-state.bg-light-1 {
    background-color: var(--color-dark-l) !important;
}

.theme-dark .table {
    color: var(--color-white);
}

.theme-dark .input-group-text {
    border-color: var(--color-dark-3);
    background-color: var(--color-dark-l);
    color: var(--color-light-3);
}

.theme-dark .cookieConsentContainer {
    background-color: #393939 !important;
    border-color: #333 !important;
}

.theme-dark .bg-light-1 {
    background-color: var(--color-dark-l) !important;
}

.theme-dark .pcr-app {
    background-color: #393939 !important;
}

.theme-dark .modal {
    --bs-modal-bg: #2b2b2b;
}

.theme-dark .quick-loader:after {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="rgb(255,255,255)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader"><line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line></svg>') !important;
}