/**=====================
    Dark css
==========================**/
body {
    &.dark {
        background-color: $dark-body;
        transition: all 0.3s ease;
        color: $white-5;
    }
}

.dark,
.dark2 {
    &.rtl {
        .tracking-panel {
            ul {
                li {
                    &.active {
                        &::after {
                            border-right-color: $dark-border;
                        }
                    }

                    &::after {
                        border-right-color: $dark-top;
                    }

                    &::before {
                        border-right-color: $left-sidebar;
                    }
                }
            }
        }
    }

    h1 {
        color: $white;
    }

    h2 {
        color: $white-1;
    }

    h3 {
        color: $white-2;
    }

    h4 {
        color: $white-3;
    }

    h5 {
        color: $white-4;
    }

    h6 {
        color: $white-5;
    }

    p {
        color: $white-5;
    }

    li {
        color: $white-5;
    }

    .btn-animation {
        &:before {
            background-color: $dark-top;
        }
    }

    input {
        &:-webkit-autofill {

            &,
            &:hover,
            &:focus,
            &:active {
                -webkit-background-clip: text;
                -webkit-text-fill-color: #ddd;
            }
        }
    }

    .checkbox_animated {
        &::after {
            border-color: $dark-border;
            background-color: #232323;
        }
    }

    .btn-outline {
        color: var(--theme-color);
    }

    .dropdown-item {

        &:hover,
        &:focus {
            color: $white;
            background-color: $left-sidebar;
        }
    }

    .form-control {
        &::placeholder {
            color: rgb(117 117 117);
        }
    }

    .search-suggestion-box {
        box-shadow: 0 0 8px #6060602b;
        border-color: $dark-border;
        background-color: $dark-body;

        .not-found-box {
            h5 {
                color: #a7a7a7;

                span {
                    color: $round-border;
                }
            }
        }

        ul {
            >li {
                .suggestion-category {
                    a {
                        color: $white !important;
                    }

                    p {
                        color: $dark-link;

                        +p {
                            &::before {
                                color: rgba(206, 206, 206, 0.3);
                            }
                        }
                    }
                }
            }
        }

        .recent-search-section {
            .filter-row {
                >a {
                    background-color: $dark-top;
                    color: $white !important;

                    &:hover {
                        background-color: var(--theme-color);
                        color: $white !important;
                    }
                }
            }
        }
    }

    .modal {
        .btn-close {
            span {
                color: $white;
            }
        }
    }

    .form-select {
        background-color: $dark-body;
        border-color: $dark-border;
        --bs-form-select-bg-img: url("../../svg/dropdown.svg");
    }

    &.digital-download {
        header {
            &.header-5 {
                &.overlay-style {
                    &.sticky {
                        background-color: $white;

                        .main-menu {
                            .menu-right {
                                .icon-nav {
                                    i {
                                        color: $white;
                                    }
                                }
                            }
                        }

                        .navbar-nav {
                            >li {
                                >a {
                                    color: #cecece;
                                }
                            }
                        }

                        .navbar {
                            &.navbar-expand-xl {
                                .navbar-nav {
                                    .nav-item {
                                        &.dropdown {
                                            >a {
                                                color: #cecece;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .service-style-border {
        .service-block {
            .media-body {
                border-color: $dark-border;
            }
        }
    }

    .footer-background {
        .footer-light {
            .border-section {
                border-color: #404040;
            }
        }

        .light-layout,
        .sub-footer {
            background-color: transparent;
        }
    }

    .bg_cls {
        background-color: $dark-top;
    }

    .grey-bg {
        background-color: $dark-top;
    }

    .border-top {
        border-color: $dark-border !important;
    }

    .bg-light {
        background-color: $dark-top !important;
    }

    .product-details-box {
        .theme-card {
            .offer-slider {
                >div {
                    .media {
                        &:last-child {
                            img {
                                background-color: $dark-top;
                                border-color: $dark-border;
                            }
                        }
                    }
                }

                .media {
                    img {
                        background-color: #262626;
                        border-color: #404040;
                    }
                }
            }
        }

        .collection-filter-block {
            .product-service {
                border-color: #404040;
            }

            &.accordion {
                border-color: #404040;
            }
        }
    }

    .blog-section {
        .blog-details {
            p {
                color: $white-5;
            }
        }

        .review-box {
            background-color: $dark-body;

            .review-content {
                h6 {
                    color: $white-5;
                }
            }
        }
    }

    .page-link {
        background-color: $dark-body;
        transition: all 0.3s ease;
        border-color: $dark-border;
    }

    .breadcrumb-section {
        background-color: $dark-top;
        transition: all 0.3s ease;
    }

    .light-layout {
        background-color: $dark-top;
        transition: all 0.3s ease;
    }

    .form-control {
        color: $white-5;
        background-color: $dark-body;
        transition: all 0.3s ease;
        border: 1px solid $dark-border;
    }

    mark,
    .mark {
        background-color: $dark-top;
        color: $white;
    }

    .product-review-form {
        .product-wrapper {
            background-color: $dark-top;
            border-color: $dark-border;

            .product-image {
                background-color: $left-sidebar;
            }

            .product-content {
                .product-review-rating {
                    .price-number {
                        color: #ddd;
                    }
                }
            }
        }
    }

    .btn-solid {
        color: $white !important;

        &:hover {
            color: var(--theme-color) !important;
            background-color: transparent;
        }
    }

    .variation-box {
        .radio {
            .form-check {
                .form-check-input {
                    background-color: $left-sidebar;
                    border-color: $dark-border;

                    &:checked {
                        background-color: var(--theme-color);
                        border-color: var(--theme-color);
                    }
                }
            }
        }
    }

    .quantity-variant,
    .image-box {
        li {
            background-color: $dark-top !important;
            border-color: $dark-border;
        }
    }

    .quantity-variant {
        background-color: $dark-top;
        border-color: $dark-border;

        li {
            background-color: $dark-top !important;
            border-color: transparent;

            &.active {
                background-color: $left-sidebar !important;
                box-shadow: unset;
                border-color: var(--theme-color);

                button {
                    background-color: $left-sidebar !important;
                    color: var(--theme-color);
                }
            }

            button {
                color: #ddd;
            }
        }

        &.color {
            li {
                border-color: transparent;

                &.active {
                    border-color: var(--theme-color);
                }
            }
        }

        &.circle {
            li {
                border-color: transparent;
            }
        }
    }

    select {
        color: $white-5;
    }

    option {
        background-color: $dark-body;
        transition: all 0.3s ease;
    }

    .demo-section {
        .demo-effects {
            >div {
                .demo-text {
                    h4 {
                        color: $white;
                    }
                }
            }
        }
    }

    .setting_box_body {
        background-color: $dark-body;
    }

    .setting-box {
        background-color: $dark-body;

        ::-webkit-scrollbar-track {
            background: #3c3c3c;
        }

        .setting-section {
            border-color: #3c3c3c;
        }

        .demo-effects {
            >div {
                .layout-container {
                    border-color: #3c3c3c;

                    &.active {
                        border-color: var(--theme-color);
                    }
                }
            }
        }

        .accordion-button {
            color: #ddd;
            border-bottom-color: #3c3c3c;

            &::after {
                color: #ddd;
            }
        }

        .sidebar-back {
            color: $white;
            background-color: rgba(35, 35, 35, 0.8);
        }

        .close-icon {
            background-color: $left-sidebar;
            border-color: #3c3c3c;
        }

        .setting-inner-title {
            a {
                color: $white;
            }
        }

        .form-switch {
            .form-check-input {
                border-color: #3c3c3c;
            }
        }

        .setting-contant {
            &::-webkit-scrollbar-thumb {
                background: var(--theme-color);
            }
        }

        .setting-title {
            border-color: $dark-border;
            background-color: $dark-top;

            h3 {
                color: $round-border;
            }
        }
    }

    .top-header {
        .right-nav-about {
            .right-nav-list {
                .theme-form-select {
                    .dropdown-menu {
                        border-color: $dark-border;
                        background-color: $dark-top;

                        &:focus {
                            color: $dark-link;
                            background-color: $dark-body;
                        }

                        .dropdown-item {
                            color: $white;
                        }
                    }
                }
            }
        }
    }

    header {
        background-color: $dark-body;
        transition: all 0.3s ease;

        .navbar-nav {
            >li {
                >a {
                    color: #cecece;
                }
            }
        }

        .offcanvas {
            background-color: $dark-body;

            .offcanvas-header {
                background-color: $dark-top;
            }
        }

        .navbar-expand-xl {
            .dropdown-mega {
                .dropdown-menu {
                    .dropdown-item {
                        color: #ddd;
                    }
                }
            }
        }

        .navbar {
            &.navbar-expand-xl {
                .navbar-nav {
                    .nav-item {
                        &.dropdown {
                            >a {
                                color: #cecece;

                                &:hover {
                                    color: var(--theme-color);
                                }
                            }
                        }
                    }
                }
            }
        }

        &.header-5 {
            .pixelstrap {

                a,
                &:hover,
                &:active {
                    color: $white-5;
                }
            }

            &.left-sidebar-header {
                background-color: $dark-body;

                .top-header {
                    .header-dropdown {
                        >li {
                            img {
                                filter: invert(1);
                            }
                        }
                    }
                }

                .form_search {
                    box-shadow: 0 0 0 1px #545454;
                }

                .onhover-div {
                    >div {
                        img {
                            filter: invert(1);
                        }
                    }
                }
            }
        }

        &.header-tools {
            background-color: transparent;
            transition: all 0.3s ease;

            &.sticky {
                background-color: $dark-body;
            }

            .main-menu {
                .menu-right {
                    .icon-nav {
                        i {
                            color: $dark-link;
                        }
                    }
                }
            }

            .top-header {
                .header-dropdown {
                    li {
                        i {
                            color: $dark-link;
                        }
                    }
                }
            }

            .logo-menu-part {
                >.container {
                    background-color: $dark-body;
                    transition: all 0.3s ease;
                    border-color: $dark-border;
                }
            }

            &.header-style {
                &.top-relative {
                    background-color: $dark-body;
                }
            }
        }

        &.left-header {
            .top-header {
                background-color: $dark-body;
                transition: all 0.3s ease;
            }

            .main-menu {
                .menu-right {
                    .header-dropdown {
                        >li {
                            img {
                                filter: invert(100);
                            }
                        }
                    }
                }
            }

            .onhover-div {
                >div {
                    img {
                        filter: invert(100);
                    }
                }
            }

            .sidenav {
                nav {
                    background-color: $dark-top;
                    transition: all 0.3s ease;
                }

                .left-sidebar_center {
                    background-color: $dark-top;
                    transition: all 0.3s ease;
                }

                .pixelstrap {
                    >li {
                        >a {
                            background-color: $dark-top;
                            transition: all 0.3s ease;
                        }
                    }
                }
            }

            &.left-header-sm {
                .sidenav {
                    .left-sidebar_center {
                        .pixelstrap {
                            >li {
                                border-color: $dark-border;

                                >a {
                                    img {
                                        background-color: transparent;
                                        filter: invert(1);
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }

        &.header-style {
            .top-header {
                .header-dropdown {
                    >li {
                        img {
                            filter: invert(1);
                        }
                    }
                }
            }

            .onhover-div {
                >div {
                    img {
                        filter: invert(1);
                    }
                }
            }
        }

        &.left-header {
            &.left-header-relative {
                .pixelstrap {
                    >li {
                        >a {
                            color: $white;
                            background-color: $dark-body;
                        }
                    }
                }
            }

            .main-menu {
                .brand-logo {
                    border-color: $dark-border;
                }
            }

            .sidenav {
                .leftside_social {
                    border-color: $dark-border;
                }
            }
        }
    }

    .slider-nav {
        .slider-image {
            border-color: $dark-border;
            background-color: $dark-top;
        }
    }

    .border-product {
        .product-title {
            color: $white;
        }
    }

    .review-people {
        &::-webkit-scrollbar-thumb {
            background-color: #888;
        }

        &::-webkit-scrollbar {
            background-color: $dark-border;
        }

        .review-list {
            li {
                .people-box {
                    background-color: #262626;
                    border-color: $dark-border;

                    .people-image {
                        h4 {
                            background-color: #2b2b2b;
                            color: #ddd;
                        }
                    }

                    .people-comment {
                        .people-name {
                            .name {
                                color: $white;
                            }
                        }
                    }

                    .people-text {
                        .user-round {
                            background-color: $left-sidebar;

                            h4 {
                                color: $white;
                            }
                        }
                    }
                }
            }
        }
    }

    .review-title-2,
    .review-people {
        border-color: $dark-border;
    }

    .product-rating-box {
        .product-main-rating {
            border-color: $dark-border;
        }

        .product-rating-list {
            li {
                .rating-product {
                    .progress {
                        background-color: $dark-border;
                    }

                    .total {
                        color: rgba(221, 221, 221, 0.78);
                    }
                }

                .rating-product {
                    h5 {
                        i {
                            color: #ddd;
                        }
                    }
                }
            }
        }

        .rating-box {
            h4 {
                color: #ddd;
            }
        }
    }

    .outer-border {
        border-color: $dark-border;
    }

    .tracking-panel {
        .panel-content {
            .icon {
                img {
                    filter: invert(1) brightness(100);
                }
            }
        }

        ul {
            li {
                background-color: $dark-top;

                &.active {
                    background-color: #4f3d32;

                    &::after {
                        border-left-color: #4f3d32;
                    }
                }

                &::after {
                    border-left-color: $dark-top;
                }

                &:before {
                    border-left-color: $left-sidebar;
                }
            }
        }
    }

    .ckeditor-content {
        p {
            color: #cfd4da !important;
        }
    }

    .post-question-box {
        h4 {
            a {
                background-color: #262626;
                color: #ddd;
            }
        }
    }

    .tab-product {
        &.product-details-contain {
            .nav-tabs {
                border-color: $dark-border;
                background-color: #262626;

                .nav-item {
                    .nav-link {
                        border-color: $dark-border;
                        background-color: $left-sidebar;

                        &.active {
                            color: var(--theme-color);
                            font-weight: 600;
                            background-color: rgba(236, 137, 81, 0.07);
                            border-color: rgba(236, 137, 81, 0.5882352941);
                        }
                    }
                }
            }

            .container {
                >.row {
                    border-color: $dark-border;
                }
            }
        }
    }

    .clock {
        border-color: #ddd;

        &::after,
        &::before {
            background-color: #ddd;
        }
    }

    .theme-modal-2 {
        .modal-header {
            .modal-title {
                color: $white;
            }
        }

        .modal-body {
            .form-box {
                .custom-select {
                    .select2-dropdown {
                        border-color: $dark-border;

                        .select2-search {
                            .select2-search__field {
                                color: $white;
                            }
                        }
                    }

                    .select2-selection {
                        .select2-selection__rendered {
                            color: #ddd;
                        }

                        &.select2-selection--single {
                            border-color: $dark-border;
                            background-color: $dark-top;

                            .select2-selection__placeholder {
                                color: #ddd;
                            }

                            .select2-selection__arrow {
                                &::before {
                                    color: #ddd;
                                }
                            }
                        }
                    }

                    .select2-results {
                        .select2-results__options {
                            .select2-results__option--highlighted {
                                background-color: var(--theme-color);
                            }

                            .select2-results__option {
                                background-color: $left-sidebar;
                                color: #ddd;
                            }
                        }
                    }
                }

                .form-label {
                    color: #ddd;
                }

                .form-control {
                    border-color: $dark-border;
                }
            }

            .phone-field {
                .custom-select-box {
                    >.form-control {
                        border-color: #404040;
                    }
                }
            }
        }
    }

    .review-modal {
        .modal-body {
            .product-wrapper {
                background-color: $dark-top;
                border-color: $dark-border;

                .product-image {
                    background-color: $left-sidebar;
                }

                .product-content {
                    .product-review-rating {
                        label {
                            color: #ddd;
                        }

                        .product-rating {
                            .rating-number {
                                color: rgba(221, 221, 221, 0.6);
                            }
                        }
                    }
                }
            }

            .form-box {
                .form-label {
                    color: #ddd;
                }

                .form-control {
                    border-color: $dark-border;
                }
            }

            .review-box {
                .product-review-rating {
                    label {
                        color: #ddd;
                    }
                }
            }
        }
    }

    .sticky-bottom-cart {
        .product-image {
            img {
                background-color: #262626;
            }
        }

        .cart-content {
            .middle-value {
                .qty-box {
                    input {
                        background-color: $dark-top;
                        border-color: $dark-border;
                    }

                    .input-group {
                        span {
                            button {
                                background: $dark-top !important;
                                border-color: $dark-border;
                            }
                        }
                    }
                }
            }
        }
    }

    .bundle {
        .bundle-title {
            color: $white;
        }

        .bundle-image-box {
            .bundle-box {
                border-color: $dark-border;
                background-color: $dark-top;

                .bundle-content {
                    h4 {
                        color: #ddd;
                    }

                    select {
                        color: #ddd;
                        background-color: #2b2b2b;
                        background-image: url(../../svg/dropdown.svg);
                    }
                }

                .bundle-image {
                    background-color: $left-sidebar;
                }

                .checkbox_animated {
                    &::after {
                        background-color: $left-sidebar;
                        border-color: $dark-border;
                    }
                }
            }
        }
    }

    .slider-nav {
        .slider-image {
            .video-icon {
                background-color: #232323;
                border: 1px solid $dark-border;
            }
        }
    }

    .product-page-details {
        .compare-box {
            a {
                color: $dark-link;
            }
        }

        .progress {
            background-color: $dark-top;
        }

        .left-progressbar {
            h6 {
                color: #ddd;
            }
        }

        .product-offer {
            li {
                color: #ddd;
            }
        }

        .dashed-border-box {
            border-color: $dark-border;

            h4 {
                background-color: $left-sidebar;
            }
        }

        .shipping-info {
            li {
                color: #cfd4da;
            }
        }

        .bordered-box {
            border-color: $dark-border;
        }

        .qty-section {
            .qty-box {
                .input-group {
                    background-color: $dark-top;
                    border-color: $dark-border;

                    button {
                        background-color: $dark-body !important;
                        box-shadow: unset;

                        svg {
                            color: #ddd;
                        }
                    }

                    input {
                        background-color: $dark-top;
                    }
                }
            }
        }

        .description-text {
            color: $round-border;
        }

        .price-text {
            span {
                &.text-dark {
                    color: $white !important;
                }
            }
        }

        .product-rating {
            .divider {
                color: $dark-border;
            }
        }

        .size-delivery-info {
            border-color: $dark-border;

            a {
                color: #ddd;
            }
        }

        .select-dropdown {
            background-color: $dark-top;
            background-image: url(./../../svg/dropdown.svg);
        }

        .timer {
            p {
                span {
                    color: $white;
                }
            }
        }

        &.product-form-box {
            border-color: $dark-border;

            .variation-box {
                .quantity-variant {
                    background-color: transparent;
                }
            }
        }
    }

    .four-image-sec {
        background-color: $dark-top;
    }

    .main-product-box {
        .slick-slider {
            .slick-arrow {
                color: #ddd;
                background-color: #2b2b2b;
                box-shadow: unset;
                border-color: $dark-border;
            }
        }
    }

    .thumbnail-image-slider {
        .slider-image {
            background-color: #232323;
        }
    }

    .form-box {

        .form-label,
        label {
            color: $round-border;
        }

        .custom-select {
            .select2-results {
                .select2-results__options {
                    &::-webkit-scrollbar {
                        background-color: $dark-border;
                    }

                    .select2-results__option {
                        background-color: $dark-top;
                    }
                }
            }

            .select2-dropdown {
                border-color: $dark-border;
                background-color: $dark-top;

                .select2-search {
                    .select2-search__field {
                        border-color: $dark-border !important;
                        background: $dark-body !important;
                    }
                }
            }
        }
    }

    .auth-modal {
        .create {
            a {
                color: $white;
            }
        }

        .divider {
            &::before {
                border-color: $dark-border;
            }

            span {
                background-color: $dark-body;
                color: $round-border;
            }
        }

        .modal-content {
            background-color: transparent;

            .right-content {
                background-color: $dark-body;

                .modal-back {
                    color: $round-border;
                }
            }
        }

        .auth-form-box {
            .auth-box {
                .form-control {
                    border-color: $dark-border;
                }

                .form-label {
                    color: $round-border;
                }
            }

            .forgot {
                color: $round-border;
            }
        }

        .auth-title {
            h3 {
                color: $white;
            }
        }
    }

    .header-compact {
        .main-menu {
            .menu-right {
                .icon-nav {
                    li {
                        &.mobile-cart {
                            >div {
                                img {
                                    filter: invert(1);
                                }
                            }
                        }
                    }
                }
            }
        }

        .delivery-area {
            border-color: #4c3b32;
        }
    }

    .header-style-1 {
        .navbar {
            .nav-link {
                color: $dark-link;
            }
        }
    }

    &.header-style-light {
        .header-style-5 {
            .bottom-part {
                .category-menu {
                    .toggle-sidebar {
                        color: $round-border;
                        background-color: $dark-top;
                        border-color: $dark-border;

                        h5 {
                            color: $white-5;
                        }
                    }
                }
            }
        }
    }

    .header-style-5 {
        .bottom-part {
            background-color: $dark-top;

            &.bottom-light {
                border-color: $dark-border;
                background-color: transparent;

                .pixelstrap {
                    >li {
                        >a {
                            color: $white-5;

                            &:hover,
                            &:focus {
                                color: $white-5;
                            }
                        }
                    }
                }
            }
        }

        &.color-style {
            background-color: $dark-body;

            .bottom-part {
                .pixelstrap {
                    &.sm-vertical {
                        >li {
                            >a {
                                color: $dark-link;

                                &:hover,
                                &:focus,
                                &:active {
                                    color: $dark-link;
                                }
                            }
                        }
                    }
                }
            }

            &.style-classic {
                .bottom-part {
                    .pixelstrap {
                        >li {
                            >a {
                                color: $dark-link;

                                &:hover,
                                &:focus,
                                &:active {
                                    color: $dark-link;
                                }
                            }
                        }
                    }

                    .container {
                        background-color: $dark-top;
                    }
                }
            }
        }

        .form_search {
            .nav-search {
                background-color: #232323;
                border-color: transparent;
            }
        }
    }

    .bg-theme {
        background-color: $dark-top;
    }

    .marketplace-sidebar {
        &.sidenav.fixed-sidebar {
            .sm-vertical {
                background-color: $dark-body;
                border-color: $dark-border;
            }
        }

        &.sidenav {
            .sm-vertical {
                background-color: $dark-top;
            }

            ul {
                li {
                    a {
                        background-color: $dark-top;
                        color: $white;
                    }
                }
            }
        }
    }

    .svg-icon-menu {
        &.wo-bg {
            .pixelstrap {
                >li {
                    >a {
                        svg {
                            fill: $white;
                        }
                    }
                }
            }
        }

        .pixelstrap {
            >li {
                >a {
                    img {
                        background-color: $dark-body;
                        border-color: $dark-border;
                    }
                }
            }
        }
    }

    .ajax-search {
        .typeahead {
            background-color: $dark-body !important;
        }

        .tt-menu {
            background-color: $dark-body;
        }

        .description-section {
            h4 {
                color: $white-3;
            }
        }
    }

    .deal-product-space {
        background-color: $dark-top;
    }

    .vegetables-category {
        .category-boxes {
            background-color: $dark-top;

            h4 {
                color: #e7eaec;
            }
        }
    }

    .view-image-slider {
        .slick-slider {
            .slick-arrow {
                background-color: #232323;
                box-shadow: 0 0 8px #383838;
                border-color: #404040;

                &::before {
                    color: #dddddd;
                }
            }
        }
    }

    .no-data-added,
    .tab-category {
        background-color: #232323;
    }

    .product-vertical {
        .full-box {
            .theme-card {
                .offer-slider {
                    background-color: $dark-body;
                }
            }
        }
    }

    .top-header {
        background-color: $dark-top;
        transition: all 0.3s ease;
    }

    .sub-footer {
        background-color: $dark-body;
        transition: all 0.3s ease;
    }

    .border-section {
        border-color: $dark-border;
    }

    .pixelstrap {

        a,
        &:hover,
        &:active {
            color: $white-1;
        }
    }

    .sm-vertical {
        background-color: $dark-top;
        transition: all 0.3s ease;
    }

    .sidenav {
        nav {
            background-color: $dark-top;
            transition: all 0.3s ease;
        }

        .sidebar-back {
            color: $white-1;
            border-color: $dark-border;
        }
    }

    .pixelstrap {
        .category-menu {
            box-shadow: 0 0 1px 0 $dark-body;
        }
    }

    .onhover-div {
        .show-div {
            background-color: $dark-top;
            transition: all 0.3s ease;
            box-shadow: none;
        }
    }

    .error-section {
        h1 {
            color: #e6e6e6;
        }
    }

    .breadcrumb-section {
        box-shadow: unset;

        .breadcrumb {
            a {
                color: $grey-about;
            }
        }

        .breadcrumb-item {
            box-shadow: unset;

            +.breadcrumb-item {
                &::before {
                    color: $white;
                }
            }

            &.active {
                color: $white-3;
            }
        }
    }

    .main-menu {
        .menu-left {
            .navbar {
                i {
                    color: $grey-about;
                }
            }
        }

        .menu-right {
            .icon-nav {
                svg {
                    color: #cecece;
                }

                .onhover-div {
                    .empty-cart-box {
                        .empty-icon {
                            background-color: $left-sidebar;
                        }
                    }

                    .show-div {
                        &.setting {
                            h6 {
                                color: $white-5;
                            }

                            ul {
                                li {
                                    a {
                                        color: $white-5;
                                    }
                                }
                            }
                        }

                        &.shopping-cart {
                            li {
                                border-color: $dark-border;

                                .media {
                                    .media-body {
                                        h4 {
                                            color: $white-3;

                                            span {
                                                color: $white-4;
                                            }
                                        }
                                    }
                                }

                                .form-control {
                                    border-color: $dark-border !important;
                                }

                                .close-circle {
                                    i {
                                        &:hover {
                                            color: $white;
                                        }
                                    }
                                }

                                .total {
                                    border-color: $dark-border;

                                    h5 {
                                        color: $white-4;
                                    }
                                }

                                .buttons {
                                    a {
                                        color: $white;

                                        &:hover {
                                            color: var(--theme-color);
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .compare-fix {

        a,
        h5 {
            color: $white
        }
    }

    .footer-theme {
        .sub-title {
            li {
                color: $white-5;

                a {
                    color: $white-5;
                }
            }

            h4 {
                color: $white-3;
            }
        }
    }

    .footer-social {
        svg {
            color: $white-5;
        }
    }

    .footer-light {
        .subscribe {
            border-color: $dark-border;
        }
    }

    .footer-theme2 {
        .contact-details {
            li {
                color: $white-5;

                a {
                    color: $white-3;
                }
            }
        }

        .footer-link,
        .footer-link-b {
            a {
                color: $dark-link;

                &:hover {
                    color: $white;
                }
            }
        }
    }

    .top-header {
        .header-contact {
            li {
                color: $white-5;
            }
        }

        .header-dropdown {
            li {
                color: $white-5;

                a {
                    i {
                        color: $white-5;
                    }
                }
            }

            .onhover-dropdown {
                .onhover-show-div {
                    li {
                        a {
                            color: $dark-link;
                        }
                    }
                }
            }
        }

        &.top-header-dark {
            .header-dropdown {
                li {
                    a {
                        color: $dark-link;
                    }
                }
            }

            .header-contact {
                li {
                    i {
                        color: $dark-link;
                    }
                }
            }
        }
    }

    .onhover-dropdown {
        .onhover-show-div {
            background-color: $dark-top;
            transition: all 0.3s ease;
            box-shadow: none;
        }
    }

    .testimonial {
        background-color: $dark-top;
        transition: all 0.3s ease;

        .testimonial-slider {
            .media {
                img {
                    border-color: $dark-border;
                }
            }
        }
    }

    .team {
        img {
            border-color: #232323;
        }

        h4,
        h6 {
            background-color: #232323;
        }
    }

    .service-block {
        +.service-block {
            border-color: $dark-border;
        }
    }

    .pixelstrap {
        &.light-font-menu {
            li {
                >a {
                    color: $white-1;
                }
            }
        }
    }

    .card-white-bg {
        .title2 {
            h4 {
                color: var(--theme-color);
            }

            .title-inner2 {
                color: #222222;
            }
        }

        .theme-card {
            h5 {
                color: #222;

                &.title-border {
                    border-color: #eee;
                }
            }

            .offer-slider {
                .media {
                    .media-body {
                        h4 {
                            color: #222;
                        }

                        a {
                            h6 {
                                color: #777;
                            }
                        }
                    }
                }
            }
        }
    }

    .about-section {
        .service-block1 {
            background-color: $dark-top;
        }
    }

    .theme-tab {

        .tab-title,
        .tab-title2 {
            a {
                color: $dark-link;
            }

            .current {
                a {
                    color: var(--theme-color);
                }
            }
        }

        .tab-title2 {
            &:after {
                border-color: $dark-border;
            }

            .current {
                background-color: $dark-body;
                transition: all 0.3s ease;

                a {
                    background-color: $dark-body;
                    transition: all 0.3s ease;
                }
            }
        }
    }

    .product-box,
    .product-wrap {

        .product-detail,
        .product-info {
            h4 {
                color: $white-3;
            }
        }
    }

    .theme-card {
        .offer-slider {
            .media {
                .media-body {
                    h4 {
                        color: $white-3;
                    }
                }
            }
        }
    }

    .theme-card {
        h5 {
            &.title-border {
                border-color: $dark-border;
            }
        }

        &.card-border {
            border-color: $dark-border;
        }
    }

    .dark-layout {
        background-color: $dark-body;
        transition: all 0.3s ease;
    }

    .sub-footer {
        &.darker-subfooter {
            background-color: $dark-top;
            transition: all 0.3s ease;

            p {
                color: $white-5;
            }
        }
    }

    .blog-detail-page {
        .blog-detail {
            h3 {
                color: $white;
            }

            .post-social {
                li {
                    color: #ddd;

                    +li {
                        border-color: $dark-border;
                    }
                }
            }
        }

        .blog-detail-contain {
            h3 {
                color: $white;
            }
        }
    }

    .blog-skeleton {
        .blog-image {
            background-color: #232323;
        }

        .blog-contain {

            h3,
            .blog-label,
            .blog-button {
                background-color: #1d1d22;
                background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(44, 44, 44, 0.5), rgba(255, 255, 255, 0));
            }
        }
    }

    .blog-page {
        .blog-box {
            .blog-contain {
                .blog-label {
                    >span {
                        color: #ddd;

                        +span {
                            border-color: $dark-border;
                        }
                    }
                }

                a {
                    h3 {
                        color: $white;
                    }
                }
            }
        }

        .blog-list {
            border-color: $dark-border;

            .blog-contain {
                p {
                    color: #ddd;
                }

                .blog-label {
                    >span {
                        color: #ddd;

                        +span {
                            border-color: $dark-border;
                        }
                    }
                }

                a {
                    h3 {
                        color: $white
                    }
                }
            }
        }

        .blog-media {
            .blog-right {
                h4 {
                    color: $white-3;
                }

                ul {
                    color: $white-5;

                    li {
                        +li {
                            border-color: $dark-border;
                        }
                    }
                }
            }
        }

        .blog-sidebar {
            .categories {
                li {
                    a {
                        span {
                            color: #ddd;
                        }
                    }
                }
            }

            .theme-card {
                background-color: $dark-top;
                transition: all 0.3s ease;
                border-color: $dark-border;

                .tags {
                    li {
                        background-color: $left-sidebar;
                        border-color: $dark-border;

                        &:hover {
                            background-color: var(--theme-color);
                            border-color: var(--theme-color);

                            a {
                                color: $white;
                            }
                        }

                        a {
                            color: #ddd;
                        }
                    }
                }

                .recent-blog {
                    li {
                        .blog-box {
                            .blog-content {
                                h6 {
                                    color: #ddd;
                                }
                            }
                        }
                    }
                }
            }

            .left-skelton-box {
                background-color: $dark-top;

                ul {
                    li {
                        background-color: #1d1d22;
                        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(44 44 44 / 50%), rgba(255, 255, 255, 0));
                    }

                    .placeholder {
                        &::after {
                            background-color: #2b2b2b;
                            border-color: #404040;
                        }
                    }
                }
            }

            h4 {
                border-color: $dark-border;
                color: $white-3;
            }

            h6 {
                color: $white-5;
            }

            p {
                color: $white-5;
            }
        }
    }

    .theme-bg-service {
        &.service-w-bg {
            .service-block {
                .media {
                    background-color: var(--theme-color);
                }
            }
        }
    }

    .address-modal-2 {
        .right-sidebar-box {
            >form {
                >.row {
                    >.custom-box {
                        .form-select {
                            border-color: #404040;
                        }
                    }

                    >label,
                    >.form-label {
                        color: #ddd;
                    }
                }
            }
        }
    }

    .form_search {
        background-color: $dark-top;
        box-shadow: none;

        input {
            color: #ddd;

            &:focus {
                background-color: #2b2b2b;
            }
        }
    }

    .img-category {
        .img-sec {
            border-color: $dark-border;
        }

        h4 {
            a {
                color: $round-border;
            }
        }
    }

    .vector-category {
        .container {
            background-color: $dark-body;
            box-shadow: 0 0 8px #0a0a0a;
        }

        .category-slide {
            .img-category {
                .img-sec {
                    background-color: $dark-top;

                    img {
                        filter: invert(0.6);
                    }
                }
            }
        }
    }

    .cart-section,
    .wishlist-section {
        .cart-table {
            thead {
                th {
                    color: $white-1;
                }
            }
        }

        tbody {
            tr {
                td {
                    border-color: $dark-border !important;

                    a {
                        color: $dark-link;
                    }

                    h2 {
                        color: $white-1;
                    }
                }
            }
        }

        .table-price {
            h2 {
                del {
                    color: #dddddd;
                }
            }
        }
    }

    .table {
        tbody {
            +tbody {
                border-color: $dark-border;
            }
        }

        thead {
            th {
                border-color: $dark-border !important;
            }
        }
    }

    .top-banner-wrapper {
        .top-banner-content {
            h4 {
                color: $white-3;
            }

            h5 {
                color: $white-4;
            }

            p {
                color: $white-5;
            }
        }
    }

    .top-filter {
        ::-webkit-scrollbar-track {
            background: $dark-border;
        }
    }

    .category-box {
        background-color: $dark-top;
        border-color: $dark-border;

        &.active {
            background-color: var(--theme-color);
            border-color: transparent;
        }
    }

    .collection-product-wrapper {
        .product-top-filter {
            border-color: $dark-border;
            background-color: $dark-top;

            .product-filter-content,
            .popup-filter {

                .search-count,
                .sidebar-popup {
                    border-color: $dark-border;
                    background-color: $left-sidebar;
                }

                .product-page-per-view,
                .product-page-filter {
                    .dropdown {
                        .dropdown-toggle {
                            border-color: $dark-border;
                            background-color: $left-sidebar;
                            color: $white;
                        }

                        .dropdown-menu {
                            border-color: $dark-border;
                            background-color: $dark-top;

                            &::-webkit-scrollbar {
                                background-color: $dark-border;
                            }

                            .dropdown-item {
                                color: $white;

                                &:hover {
                                    background-color: var(--theme-color);
                                    color: $white;
                                }
                            }
                        }
                    }
                }

                .collection-grid-view {
                    border-color: $dark-border;
                }

                .product-page-per-view {
                    select {
                        border-color: $dark-border;
                    }
                }

                .collection-grid-view {
                    ul {
                        li {
                            background-color: $dark-body;
                            border-color: $dark-border;

                            &.active {
                                background-color: var(--theme-color);
                            }
                        }
                    }
                }
            }

            .popup-filter {
                ::-webkit-scrollbar-track {
                    background: $left-sidebar;
                }

                .sidebar-popup {
                    a {
                        color: $dark-link;
                    }
                }

                .open-popup {
                    border-color: $dark-border;
                    box-shadow: none;
                }
            }
        }
    }

    .product-pagination {
        border-color: $dark-border;

        .pagination {
            li {
                &.active {
                    a {
                        background-color: $dark-top;
                        transition: all 0.3s ease;
                        border-color: $dark-border;
                    }
                }

                &.disabled {
                    .page-link {
                        border-color: $dark-border;
                        color: $white-dark;
                    }
                }

                a {
                    border-color: $dark-border;
                    background-color: $dark-top;
                    color: $round-border;
                }
            }
        }

        .product-search-count-bottom {
            border-color: $dark-border;

            h5 {
                color: $white-4;
            }
        }
    }

    .portfolio-section {
        &.metro-section {
            .product-box {
                .product-detail {
                    background-color: $dark-body;
                    transition: all 0.3s ease;

                    h4 {
                        color: $white-3;
                    }

                    h6 {
                        color: $white-5;
                    }
                }
            }
        }
    }

    .vertical-tab {

        &.tab-product,
        .product-full-tab {
            .nav-material {
                &.nav-tabs {
                    background-color: #232323;

                    .nav-item {
                        .nav-link {
                            background-color: #2b2b2b;
                            border-color: #404040;

                            &.active {
                                background-color: var(--theme-color);
                                color: #ffffff;
                                border-color: var(--theme-color);
                            }
                        }
                    }
                }
            }
        }
    }

    .collection-filter-block {
        border-color: $dark-border;
        background-color: $dark-top;
        transition: all 0.3s ease;

        .accordion-item {
            +.accordion-item {
                border-color: $dark-border;
            }

            .accordion-button {
                color: $white;

                &:not(.collapsed) {
                    color: $white;
                }
            }

            .accordion-body {
                .search-not-found-box {
                    background-color: $dark-body;
                }

                .search-box {
                    &::after {
                        border-color: $dark-border;
                    }

                    .form-control {
                        border-color: $dark-border;
                    }
                }

                .collection-filter-checkbox {
                    .form-check-input {
                        &::after {
                            background-color: $dark-body;
                            border-color: $dark-border;
                        }
                    }

                    .form-check-label {
                        color: $round-border;
                    }
                }

                .shop-category-list,
                .category-list {
                    >li {
                        >a {
                            color: #ddd;
                        }
                    }
                }
            }
        }

        .product-service {
            .media {
                +.media {
                    border-color: $dark-border !important;
                }
            }
        }
    }

    .custom-sidebar-height {
        &::-webkit-scrollbar {
            background-color: $dark-body;
        }
    }

    .load-more-sec {
        a {
            border-color: $dark-border;
        }
    }

    .coupon-modal {
        .coupon-box {
            background-color: $dark-top;

            .coupon-content {
                p {
                    color: rgba(221, 221, 221, 0.678);
                }

                .coupon-apply {
                    border-color: $dark-border;

                    h6 {
                        color: $white;
                    }
                }
            }
        }
    }

    .checkout-page {
        .checkout-title {
            h3 {
                color: $white-2;
            }
        }

        .coupon-content {
            .coupon-apply {
                border-color: $dark-border;

                h6 {
                    color: #ddd;
                }
            }
        }

        .checkout-form {
            .form-group {
                .field-label {
                    color: $white-5;
                }
            }

            input {

                &[type="text"],
                &[type="email"],
                &[type="password"],
                &[type="tel"],
                &[type="number"],
                &[type="url"] {
                    background-color: $dark-body;
                    transition: all 0.3s ease;
                    border-color: $dark-border;
                }
            }

            select,
            textarea {
                border-color: $dark-border;
            }

            .checkout-details {
                background-color: $dark-top;
                transition: all 0.3s ease;
                border: 1px solid $dark-border;

                .coupon-box {
                    border-color: $dark-border;
                    background-color: $left-sidebar;
                }

                .order-box {
                    .title-box {
                        h4 {
                            color: $white;
                        }
                    }
                }

                .promo-code-box {
                    h5 {
                        color: #ddd;
                    }

                    .form-control {
                        border-color: $dark-border;
                    }
                }
            }
        }

        .future-option {
            background-color: #2b2b2b;

            .delivery-items {
                h4 {
                    color: $white;
                }
            }

            ul {
                li {
                    &.active {
                        a {
                            color: $white;
                            background-color: var(--theme-color);
                        }
                    }

                    a {
                        background-color: #232323;
                        color: $white;
                    }
                }
            }
        }

        .promo-title {
            a {
                color: $white;
            }
        }

        .checkout-form-section {
            .checkout-title1 {
                h2 {
                    border-color: #404040;
                }
            }

            .checkbox-main-box {
                background-color: #232323;
                border-color: #404040;
            }

            .checkout-form,
            .country-input {
                .form-box {
                    .form-control {
                        background-color: #2b2b2b;

                        &::placeholder {
                            color: #cfd4da;
                        }
                    }

                    .form-label {
                        color: #cfd4da;
                    }
                }

                .form-checkbox {
                    .form-check-input {
                        &::after {
                            background-color: #2b2b2b;
                            border-color: #404040;
                        }
                    }
                }

                .phone-field {
                    .country-input-box {
                        ~.col-12 {
                            >.custom-select-box {
                                .form-control {
                                    background-color: #232323;
                                }
                            }
                        }
                    }
                }

                .custom-select-box {
                    input {
                        background-color: #2b2b2b;

                        &.form-control {
                            background-color: #232323;

                            &.form-select {
                                background-color: #2b2b2b;
                            }
                        }
                    }
                }
            }

            .delivery-option,
            .payment-option {
                background-color: #2b2b2b;

                .custom-form-check {
                    .form-check-input {
                        &::before {
                            background-color: #232323;
                            border-color: #404040;
                        }

                        &:checked {
                            ~label {
                                color: $white;
                            }
                        }
                    }
                }
            }
        }
    }

    .phone-field {
        .custom-select-box {
            >.form-control {
                border-color: #404040;
            }
        }
    }

    .wishlist-section {
        tbody {
            tr {
                td {
                    .icon-box {
                        a {
                            border-color: $dark-border;
                            background-color: $dark-top;
                        }
                    }
                }
            }
        }
    }

    .coupon-box {
        background: $dark-top;

        .coupon-content {
            p {
                color: #ddd;
            }

            .coupon-apply {
                border-color: $dark-border;

                h6 {
                    color: $white;
                }
            }
        }
    }

    .intl-tel-input {
        .flag-box {
            margin-left: 6px;
            margin-right: unset;
        }
    }

    .refund-modal {
        .product-review-form {
            .form-select {
                border-color: #404040;
            }
        }
    }

    .checkout-section-2 {
        .left-sidebar-checkout {
            .checkout-detail-box {
                >ul {
                    >li {
                        .checkout-box {
                            background-color: $dark-top;
                            border-color: $dark-border;

                            .checkout-title {
                                border-color: $dark-border;

                                a {
                                    color: var(--theme-color);
                                }
                            }

                            .checkout-detail {
                                .delivery-address-box {
                                    background-color: $left-sidebar;

                                    >div {
                                        .form-check {
                                            .form-check-input {
                                                &::before {
                                                    background-color: $dark-top;
                                                    border-color: $dark-border;
                                                }

                                                &:checked {
                                                    &::before {
                                                        border-color: var(--theme-color);
                                                    }
                                                }
                                            }
                                        }

                                        .delivery-address-detail {

                                            h6,
                                            p {
                                                color: #ddd;

                                                span {
                                                    color: #ddd;
                                                }
                                            }
                                        }
                                    }
                                }

                                .delivery-option,
                                .payment-option {
                                    background-color: $left-sidebar;

                                    .delivery-category,
                                    .payment-category {
                                        .form-check {
                                            .form-check-input {
                                                &::before {
                                                    background-color: $dark-top;
                                                    border-color: $dark-border;
                                                }

                                                &:checked {
                                                    &::before {
                                                        border-color: var(--theme-color);
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }

                                .future-box {
                                    .future-option {
                                        .delivery-items {
                                            h4 {
                                                color: $white;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .order-box {
        .title-box {
            color: $white-2;
            border-color: $dark-border;
        }

        .qty {
            border-color: $dark-border;

            li {
                color: $white-5;

                .cart-image {
                    background-color: $left-sidebar;
                }

                span {
                    color: $white-4;
                }
            }
        }

        .sub-total {
            border-color: $dark-border;

            li {
                color: $white-5;

                .check-it {
                    &::after {
                        background-color: #2b2b2b;
                        border-color: #404040;
                    }
                }

                h4 {
                    &.text-muted {
                        color: $white-5 !important;
                    }
                }
            }

            .shopping-option {
                label {
                    color: $dark-span;
                }
            }
        }

        .total {
            border-color: $dark-border;

            li {
                color: $white-5;
            }
        }

        .box-loader {
            .loader-wrapper {
                background-color: $left-sidebar;
            }
        }
    }

    .collection {
        .collection-block {
            .collection-content {
                h4 {
                    color: $white-3;
                }

                h3 {
                    color: $white-2;
                }
            }
        }
    }

    .table {

        th,
        td {
            border-color: $dark-border;
        }
    }

    .dashboard {
        .box-head {
            h2 {
                color: $white-1;
            }
        }

        .box {
            .box-title {
                border-color: $dark-border;

                h3 {
                    color: $white-2;
                }
            }
        }
    }

    .card {
        background-color: $dark-body;
        transition: all 0.3s ease;

        .card-header {
            background-color: $dark-top;
            transition: all 0.3s ease;
        }
    }

    .cart-section,
    .wishlist-section {
        .cart-table {
            border-color: $dark-border;
        }

        thead {
            th {
                background-color: $dark-top;
            }
        }

        tbody {
            tr {
                td {
                    background-color: transparent;
                }
            }

            .remove-btn {
                border-color: $dark-border;
                background-color: $dark-top;
            }
        }

        .qty-box {
            .input-group {
                .form-control {
                    border-color: $dark-border;
                }
            }
        }

        tfoot {
            tr {
                td {
                    background-color: transparent;
                    color: #ddd;

                    &:first-child {
                        color: #ddd;
                    }
                }
            }
        }
    }

    .compare-section {
        .compare-box {
            border-color: $dark-border;
        }

        .compare-part {
            .detail-part {
                border-color: #404040;
            }
        }

        .compare-part {
            .close-btn {
                background-color: $dark-top;
                color: #ddd;
                border-color: $dark-border;
            }

            .detail-part {
                .title-detail {
                    border-color: $dark-border;
                }
            }

            .img-section {
                border-color: $dark-border;

                a {
                    h5 {
                        color: $white;
                    }
                }
            }

            .detail-part {
                .title-detail {
                    background-color: $dark-top;
                }
            }

            .btn-part {
                border-color: #404040;
            }
        }
    }

    .faq-section {
        .faq-accordion {
            .accordion-item {
                border-color: $dark-border;

                .accordion-header {
                    button {
                        color: $white;
                        background-color: $dark-top;

                        &:not(.collapsed) {
                            color: var(--theme-color);
                        }

                        &:hover {
                            color: var(--theme-color);
                        }

                        &::after {
                            color: #ddd;
                        }
                    }
                }

                .card-body {
                    p {
                        color: #ddd;
                    }
                }
            }
        }
    }

    &.box-layout-body {
        .box-layout-header {
            background-color: $dark-body;
            transition: all 0.3s ease;
        }

        .box-layout {
            &.bg-image {
                background-color: $dark-top;
                transition: all 0.3s ease;
                background-image: none;
                box-shadow: none;
            }
        }

        .light-layout {
            background-color: $dark-body;
            transition: all 0.3s ease;
        }

        .sub-footer {
            background-color: $dark-top;
            transition: all 0.3s ease;
        }

        .brand-slider-box {
            .logo-block {
                background-color: $dark-body;
            }
        }

        .general-variant {
            .active {
                border-color: $dark-border;
            }
        }

        .basic-product {
            .img-wrapper {
                background-color: $dark-body;
            }

            .cart-info {

                a,
                button {
                    background-color: $dark-top;
                }
            }
        }
    }

    .bg-title {
        &.wo-bg {
            .theme-tab {
                .bg-title-part {
                    border-color: $dark-border;

                    .title-border {
                        color: $white;
                    }
                }

                .tab-title {
                    a {
                        color: $white-5;
                    }

                    .current {
                        a {
                            color: var(--theme-color);
                        }
                    }
                }
            }
        }
    }

    .full-box {
        .theme-card {
            .offer-slider {
                .product-box2 {
                    +.product-box2 {
                        border-top: none;
                    }
                }
            }
        }
    }

    .center-slider {
        border-color: $dark-border;
    }

    .bg-block {
        background-color: $dark-top;
        transition: all 0.3s ease;
        background-image: none;
    }

    .theme-tab {
        .tab-content {
            .product-tab {
                .tab-box {
                    background-color: $dark-body;
                    transition: all 0.3s ease;

                    .product-box2 {
                        background-color: $dark-body;

                        .media {
                            .media-body {
                                h4 {
                                    color: $white-3;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .flower-bg {
        background-color: $dark-top;
        transition: all 0.3s ease;
        background-image: none;
    }

    header.full-scroll-menu {
        background-color: transparent;
        transition: all 0.3s ease;
    }

    &.tools-bg {
        .basic-product {
            background-color: $dark-top;

            .img-wrapper {
                background-color: $dark-body;

                .rating-label {
                    background-color: $dark-top;
                }
            }

            .cart-info {

                a,
                button {
                    background-color: $dark-top;
                }
            }
        }
    }

    .category-m {
        &.w-bg {
            .category-wrapper {
                background-color: $dark-body;
            }
        }

        .category-wrapper {
            h4 {
                a {
                    color: $dark-link;
                }
            }
        }
    }

    .category-block {
        .category-image {
            border-color: $dark-border;

            &.svg-image {
                background-color: $dark-top;
                transition: all 0.3s ease;
            }
        }
    }

    .footer-theme2 {
        &.footer-border {
            border-color: $dark-border;
        }

        &.section-light {
            .footer-block {
                .subscribe-white {
                    border-color: $dark-border;
                }

                h4 {
                    color: $white-3;
                }

                .contact-details {
                    li {
                        a {
                            color: $white-3;
                        }
                    }
                }
            }
        }

        .footer-link {
            &.link-white {
                h4 {
                    color: $white-3;
                }
            }
        }
    }

    .absolute-banner {
        .absolute-bg {
            background-color: $dark-top;
            transition: all 0.3s ease;
            box-shadow: none;
        }
    }

    footer {
        .dark-layout {
            background-color: $dark-top;
        }
    }

    .logo-block {
        img {
            filter: invert(100);

            &:hover {
                filter: invert(100);
            }
        }
    }

    .bg-white {
        background-color: $dark-body !important;
        transition: all 0.3s ease;
    }

    .product-box,
    .product-wrap {
        .img-wrapper {
            .cart-box {
                background-color: $dark-body;
                transition: all 0.3s ease;
                box-shadow: none;
            }
        }
    }

    .tab-bg {
        &.tab-grey-bg {
            background-color: $dark-top;
            transition: all 0.3s ease;
        }
    }

    .blog.blog_box {
        .blog-details {
            p {
                color: $white-5;
            }

            a {
                p {
                    color: $white-5;
                }
            }

            .read-cls {
                color: $dark-link;
            }
        }
    }

    .btn-close {
        color: $white;
    }

    .sticky-bottom-cart {
        background-color: $dark-body;

        .selection-section {
            .form-control {
                background-color: $dark-top;
                border-color: #404040;
                background-image: url(./../../svg/dropdown.svg);
            }
        }

        .product-image {
            .content {
                h6 {
                    color: $white-5;
                }
            }
        }
    }

    .recently-purchase {
        background: $dark-body;
        box-shadow: 0 0 7px 0px #7c7c7c47;

        img {
            background-color: #252525;
        }

        .close-popup {
            color: $white;
        }
    }

    .product-slider-image,
    .sticky-product-height {
        background-color: $dark-top;
        border-color: $dark-border;
    }

    .product-social {
        li {
            background-color: $dark-top;
            border-color: $dark-border;

            i {
                color: $white;
            }
        }
    }

    .product-right {
        .product-title {
            color: $white-5;
        }

        .border-product {
            border-color: $dark-border;
        }

        .product-icon {
            .product-social {
                li {
                    a {
                        color: $dark-link;
                    }
                }
            }

            .wishlist-btn {
                color: $dark-link;

                i {
                    border-color: $dark-border;
                }
            }
        }

        &.product-form-box {
            border-color: $dark-border;

            .timer {
                background-color: $dark-top;
                transition: all 0.3s ease;
            }
        }

        .timer {
            background-color: $dark-top;
            transition: all 0.3s ease;

            p {
                color: $white-5;
            }
        }

        h4 {
            del {
                color: $dark-span;
            }
        }
    }

    .timer {
        span {
            .timer-cal {
                color: $dark-span;
            }
        }
    }

    .qty-box {
        .input-group {
            span {
                button {
                    background: $dark-body !important;
                    border-color: $dark-border;
                }
            }

            button {
                svg {
                    color: $dark-span;
                }
            }
        }
    }

    .nav-tabs {
        border-color: $dark-border;

        .nav-link {
            &.active {
                background-color: $dark-body;
                transition: all 0.3s ease;
            }
        }
    }

    .tab-product {
        .nav-material {
            &.nav-tabs {
                .nav-item {
                    .nav-link {
                        color: $dark-link;
                    }
                }

                .nav-link {
                    &.active {
                        color: var(--theme-color);
                    }
                }
            }
        }
    }

    .tab-product {
        .theme-form {

            input,
            textarea {
                border-color: $dark-border;
            }
        }
    }

    .product-related {
        h2 {
            border-color: $dark-border;
        }
    }

    .product-accordion {
        .btn-link {
            color: $white-3;
        }

        .card-header {
            border-color: rgba($dark-border, 0.125);
        }

        .accordion {
            .accordion-item {
                background-color: transparent;

                .accordion-header {
                    .accordion-button {
                        color: #ddd;
                        border-color: $dark-border;
                        background-color: $dark-top;
                    }
                }

                .accordion-body {
                    p {
                        color: #ddd;
                    }
                }
            }

            .bordered-box {
                +.bordered-box {
                    border-color: $dark-border;
                }
            }
        }
    }

    .bundle {
        .bundle_detail {
            .price_product {
                color: $white;
            }
        }
    }

    .brand-section {
        .brand-box {
            h2 {
                border-color: #404040;
                background-color: #232323;
            }
        }
    }

    .product-detail-label {
        li {
            &.featured {
                background-color: $left-sidebar;
            }
        }
    }

    .modal-content {
        background-color: $dark-body;
        transition: all 0.3s ease;
    }

    button {
        &.close {
            color: $white;
        }
    }

    .modal-header {
        border-color: $dark-border;
    }

    .collection-filter-block {
        .product-service {
            .media {
                border-color: $dark-border;
            }
        }

        .accordion-item {
            .accordion-body {
                .shop-category-list {
                    >li {
                        >a {
                            color: #ddd;
                        }
                    }
                }
            }
        }
    }

    .category-border {
        background-color: $dark-border;
        transition: all 0.3s ease;

        div {
            .category-banner {
                .category-box {
                    background-color: $dark-top;
                    border-color: $dark-border;

                    h2 {
                        background-color: $dark-top;
                        transition: all 0.3s ease;
                    }
                }
            }
        }
    }

    .background {
        background-color: $dark-border;
        transition: all 0.3s ease;

        .contain-bg {
            background-color: $dark-body;
            transition: all 0.3s ease;

            h4 {
                color: $white-3;
            }

            &:hover {
                h4 {
                    color: var(--theme-color);
                }
            }
        }
    }

    .blog-bg {
        background-color: $dark-border;
        transition: all 0.3s ease;
    }

    .sub-footer {
        &.black-subfooter {
            background-color: $dark-top;
            transition: all 0.3s ease;
        }
    }

    &.tools-bg {
        background-color: $dark-body;
        transition: all 0.3s ease;

        section {
            background-color: $dark-body;
            transition: all 0.3s ease;
        }
    }

    .category-tools {
        .category-m {
            .category-wrapper {
                background-color: $dark-top;
                transition: all 0.3s ease;
            }
        }
    }

    .category-m {
        .category-wrapper {
            border-color: $dark-border;

            h4 {
                color: $white-3;
            }

            .category-link {
                li {
                    a {
                        color: $dark-link;
                    }
                }
            }
        }
    }

    .tools-brand {
        .row {
            background-color: $dark-top;
            transition: all 0.3s ease;
            box-shadow: none;
        }
    }

    .absolute_banner {
        .collection-banner {
            .absolute-contain {
                background-color: $dark-top;
                transition: all 0.3s ease;
                box-shadow: none;

                h4 {
                    color: $white-3;
                }
            }
        }
    }

    .collection-banner {
        .contain-banner {
            &.content-bg {
                h2 {
                    background-color: $dark-body;
                    color: $white-1;
                }
            }
        }
    }

    .absolute-product {
        .product-box {
            background-color: $dark-top;
            transition: all 0.3s ease;

            .product-detail {
                .cart-bottom {
                    border-color: $dark-border;

                    i {
                        color: $dark-link;

                        &:hover {
                            color: $white;
                        }
                    }
                }
            }
        }
    }

    .seller-grid-box {
        background-color: $dark-top;
        border-color: $dark-border;

        .grid-contain {
            .seller-contact-details {
                ul {
                    li {
                        i {
                            color: #ddd;
                        }

                        h5 {
                            color: #ddd;

                            a {
                                color: #ddd;
                            }
                        }
                    }
                }
            }

            .seller-category {
                .product-image {
                    li {
                        background: $left-sidebar;
                        color: #ddd;
                    }
                }

                .btn {
                    background-color: $left-sidebar !important;

                    &:hover {
                        background-color: var(--theme-color) !important;
                    }
                }
            }
        }

        .grid-image {
            .image {
                background-color: $left-sidebar;

                h4 {
                    color: #ddd;
                }
            }

            .contain-name {
                h3 {
                    color: $white;
                }
            }
        }
    }

    .service-block1 {
        background-color: $dark-top;
        border-color: $dark-border;

        .service-svg {
            background-color: $left-sidebar;
        }
    }

    .box-product {
        .full-box {
            .theme-card {
                .offer-slider {
                    .product-box2 {
                        box-shadow: none;
                        border-color: $dark-border;
                        background-color: $dark-top;

                        .media {
                            background-color: $dark-top;
                            transition: all 0.3s ease;
                        }

                        .cart-bottom {
                            border-color: $dark-border;
                        }
                    }
                }
            }
        }
    }

    .pets-box {
        .product-box {
            .img-wrapper {
                .cart-info {
                    i {
                        background-color: $dark-body;
                    }
                }
            }
        }
    }

    .tab-bg {
        background-color: $dark-top;
        transition: all 0.3s ease;
    }

    .darken-layout {
        background-color: $dark-top;
        transition: all 0.3s ease;

        p {
            color: $white-5;
        }

        .sub-title {
            .contact-list {
                li {
                    color: $white-5;
                }

                i {
                    color: $white-5;
                }
            }
        }

        .footer-social {
            i {
                color: $white-5;
            }
        }
    }

    .sub-footer {
        &.dark-subfooter {
            p {
                color: $white-5;
            }
        }
    }

    .cart-section,
    .wishlist-section {
        tbody {
            tr {
                td {

                    a,
                    p {
                        color: $dark-link;
                    }
                }
            }
        }
    }

    .footer-title {
        border-color: $dark-border;
    }

    .category-bg {
        background-color: $dark-top;
        transition: all 0.3s ease;

        .contain-block {
            background-color: $dark-body;
            transition: all 0.3s ease;

            h2 {
                color: $white-1;
            }

            h6 {
                span {
                    color: $dark-span;
                }
            }
        }
    }

    .service_slide {
        .service-home {
            .row {
                >div {
                    &:nth-child(even) {
                        .service-block1 {
                            background-color: rgba(43, 43, 43, 0.85);
                        }
                    }
                }
            }

            .service-block1 {
                background-color: rgba($dark-top, 0.9);
                transition: all 0.3s ease;

                &:nth-child(even) {
                    background-color: rgba($dark-top, 0.7);
                    transition: all 0.3s ease;
                }

                svg {
                    path {
                        fill: $white;
                    }
                }
            }
        }
    }

    .bg-grey {
        background-color: $dark-top;
        transition: all 0.3s ease;
    }

    .detail-cannabis {
        .detail_section {
            >div {
                background-color: $dark-body;
                transition: all 0.3s ease;
                box-shadow: none;
            }

            svg {
                fill: $white;
            }
        }
    }

    .demo-card {
        &.theme-card {
            background-color: $dark-top;
        }
    }

    .theme-modal {
        .modal-dialog {
            .modal-content {
                .modal-body {
                    background-image: linear-gradient(135deg,
                            var(--theme-color) 5.77%,
                            $dark-top 5.77%,
                            $dark-top 25%,
                            $white-1 25%,
                            $white-1 30.77%,
                            $dark-top 30.77%,
                            $dark-top 50%,
                            var(--theme-color) 50%,
                            var(--theme-color) 55.77%,
                            $dark-top 55.77%,
                            $dark-top 75%,
                            $white-1 75%,
                            $white-1 80.77%,
                            $dark-top 80.77%,
                            $dark-top 100%);

                    .modal-bg {
                        background-color: $dark-body;
                        transition: all 0.3s ease;

                        .age-content {
                            h4 {
                                color: $white-3;
                            }
                        }

                        .btn-close {
                            span {
                                color: $white;
                            }
                        }

                        .offer-content {
                            h2 {
                                color: $white-1;
                            }
                        }
                    }
                }
            }
        }

        &.demo-modal {
            .modal-dialog {
                .modal-content {
                    .modal-body {
                        background-color: $dark-body;
                        transition: all 0.3s ease;

                        .demo-section {
                            .demo-effects {
                                >div {
                                    .layout-container {
                                        box-shadow: none;
                                    }

                                    .demo-text {
                                        h4 {
                                            color: $white-3;
                                        }
                                    }
                                }
                            }

                            .title-text {
                                h3 {
                                    color: $white-2;
                                }
                            }
                        }
                    }
                }
            }
        }

        &.cart-modal {
            .modal-dialog {
                .modal-content {
                    .modal-body {
                        .modal-bg {
                            &.addtocart {
                                #upsell_product {
                                    .product-box {
                                        .product-detail {
                                            h6 {
                                                a {
                                                    color: $dark-link;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }

        &.exit-modal {
            .media {
                .media-body {
                    h5 {
                        color: $white-4;
                    }
                }
            }
        }
    }

    #quick-view {
        .modal-dialog {
            .modal-content {
                .modal-body {
                    background-color: $dark-body;
                    transition: all 0.3s ease;
                }
            }
        }
    }

    .effect-cls {

        &:before,
        &:after {
            filter: invert(0.83);
        }
    }

    .contact-page {
        .contact-form {
            background-color: $dark-top;
            border-color: $dark-border;

            .form-box {
                label {
                    color: #ddd;
                }
            }
        }

        .contact-right {
            ul {
                li {
                    border-color: $dark-border;
                    background-color: $dark-top;

                    .contact-icon {
                        background-color: $left-sidebar;
                    }

                    .media-body {
                        h6 {
                            color: $white;
                        }
                    }
                }
            }
        }
    }

    .setting-box {
        .setting-title {
            h4 {
                color: $white;
            }
        }
    }

    .vendor-profile {
        .profile-left {
            background-color: $dark-top;
            border-color: $dark-border;

            .profile-image {
                h3 {
                    color: $white-3;
                }

                a {
                    background-color: $left-sidebar;
                }
            }

            .profile-detail {
                border-color: $dark-border;
            }

            .vendor-contact {
                border-color: $dark-border;

                .vendor-details {
                    li {

                        svg,
                        h5 {
                            color: #ddd;

                            a {
                                color: #ddd;
                            }
                        }
                    }
                }

                h6 {
                    color: $white-5;
                }
            }
        }

        .collection-product-wrapper {
            .product-top-filter {
                background-color: $dark-top;
            }
        }

        .product-pagination {
            background-color: $dark-top;
        }

        .page-link {
            background-color: $dark-top;
        }

        .profile-title {
            h3 {
                color: $white-2;
            }

            h4 {
                color: $white-3;
            }
        }

        .collection-filter-block {
            border-color: transparent;
            background-color: $dark-top;
        }
    }

    .become-vendor {
        background-color: $dark-top;

        .step-bg {
            .step-box {
                background-color: $dark-body;
                border-color: $dark-border;

                .steps {
                    background-color: $dark-top;
                }
            }
        }
    }

    .user-dashboard-section {
        .welcome-msg {
            h4 {
                color: $white
            }
        }

        .wallet-point-box {
            .total-detail {
                .point-ratio {
                    background-color: #2b2b2b;

                    .counter {
                        color: #fff;
                    }
                }
            }
        }

        .faq-content {
            .tab-content {
                .tab-pane {
                    .box-loader {
                        .loader-wrapper {
                            background-color: #232323;
                            border-color: #404040;
                        }
                    }
                }
            }
        }
    }

    .notification-list {
        li {
            border-color: $dark-border;
            background-color: $left-sidebar;

            &.unread {
                border: 1px solid var(--theme-color);

                h5 {
                    color: #ddd;
                }
            }

            h5 {
                color: #dee2e6;
            }
        }
    }

    .download-dropdown-menu {
        background-color: #2b2b2b;
        border-color: #404040;

        .dropdown-item {
            color: #ddd;

            +.dropdown-item {
                border-color: #404040;
            }
        }
    }

    .custom-select-box {
        .box-content {
            background-color: #2b2b2b;
            border-color: #404040;

            ul {
                &::-webkit-scrollbar {
                    background-color: #404040;
                }

                li {
                    color: #ddd !important;

                    +li {
                        border-color: #404040;
                    }
                }
            }

            input {
                border-color: #404040;
            }
        }
    }

    .country-input {
        .custom-select-box {
            .form-select {
                background-color: #232323;
                border-color: #404040;
                color: #ddd;
            }
        }
    }

    .dashboard-section {
        .title-header {
            h5 {
                svg {
                    color: $white;
                }
            }
        }

        .wallet-table {
            .table-responsive {
                border-color: $dark-border;
            }

            .order-table {
                td {
                    h6 {
                        color: $white;
                    }
                }

                tr {
                    a {
                        color: #ddd;
                    }
                }

                td,
                th {
                    border-color: $dark-border;
                }
            }
        }

        .wallet-point-box {
            .total-image {
                background-color: $left-sidebar;
            }

            .total-detail {
                .total-box {
                    h5 {
                        color: #eaedef;
                    }

                    h3 {
                        color: $white;
                    }
                }
            }
        }

        .top-sec-2 {
            border-color: $dark-border;
        }

        .themeform-auth {
            .form-label {
                color: #ddd;
            }

            .form-control {
                border-color: $dark-border;
            }
        }

        .top-sec {
            h3 {
                color: $white;
            }
        }

        .counter-section {
            background-color: $dark-top;
            border-color: $dark-border;
        }

        .dashboard-sidebar {
            background-color: $dark-top;
            border-color: $dark-border;

            .profile-top {
                border-color: $dark-border;

                .profile-image {
                    h4 {
                        background-color: #2b2b2b;
                        border-color: $dark-border;
                    }

                    .user-round {
                        background-color: $left-sidebar;
                    }

                    .user-icon {
                        background-color: $dark-border;
                        border-color: $dark-border;
                    }
                }

                .user-icon-2 {
                    background-color: #404040;
                    border-color: #404040;
                    color: #ddd;
                }

                .profile-detail {
                    border-color: $dark-border;

                    h6 {
                        color: #ddd;
                    }
                }
            }

            .faq-tab {
                .nav-tabs {
                    background-color: $dark-top;
                }
            }
        }

        .address-book-section {
            .select-box {
                .address-box {
                    background-color: $left-sidebar;

                    .top {
                        h6 {
                            color: #ddd;
                        }
                    }

                    .middle {

                        .address,
                        .number {
                            p {
                                color: $white;
                            }
                        }
                    }

                    .bottom {
                        border-color: $dark-border;

                        .bottom_btn {
                            background-color: $dark-top;
                            color: $white;
                        }
                    }
                }
            }
        }

        .faq-content {
            .card {
                background-color: $dark-top;
                border-color: $dark-border;
            }

            .dashboard-table {
                background-color: transparent;

                .table {
                    thead {
                        th {
                            background-color: $dark-top;
                        }
                    }
                }

                .user-download-table {
                    .dropdown {
                        .dropdown-toggle {
                            background-color: #2b2b2b;
                            border-color: #404040;
                            color: #ddd;
                        }
                    }

                    tbody {
                        td {
                            border-color: #404040;
                        }
                    }
                }
            }

            .download-detail {
                border-color: $dark-border;
                background-color: $dark-top;

                form {
                    .input-group {
                        .form-control {
                            border-color: $dark-border;
                        }
                    }
                }
            }

            .tab-pane {
                .card-body {
                    .tracking-total {
                        ul {
                            li {
                                &:last-child {
                                    border-color: $dark-border;
                                }
                            }
                        }
                    }

                    .customer-detail {
                        ul {
                            li {
                                h4 {
                                    color: #ddd;
                                }
                            }
                        }
                    }

                    .order-title {
                        color: $white;
                        border-color: $dark-border;
                    }
                }
            }
        }

        .counter-section {
            .counter-box {
                background-color: $left-sidebar;

                h5 {
                    color: #ddd;
                }
            }
        }

        .box-head {
            h4 {
                color: $white;
            }
        }

        .dashboard-table {
            h3 {
                color: $white-2;
            }

            .table {

                th,
                td {
                    color: $white;
                }
            }
        }

        .dashboard-box {
            .dashboard-detail {
                ul {
                    li {
                        .details {
                            .left {
                                h6 {
                                    color: #9c9c9c;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .faq-tab {
        .nav-tabs {
            .nav-item {
                .nav-link {
                    background-color: $dark-top;
                    color: $white-5;

                    &.active {
                        background-color: $dark-top;
                        color: var(--theme-color);

                        svg {
                            background-color: var(--theme-color);
                        }
                    }

                    &:hover {
                        color: var(--theme-color);
                    }

                    svg {
                        background-color: $left-sidebar;
                    }
                }
            }

            .logout-cls {
                border-color: $dark-border;
            }
        }
    }

    .category-img-wrapper {
        .category-wrap {
            .category-content {
                h3 {
                    color: $white-2;
                }
            }
        }
    }

    .add_to_cart {
        background-color: $dark-body;

        ::-webkit-scrollbar-thumb {
            background: $dark-border;
        }

        ::-webkit-scrollbar-track {
            background: $dark-body;
        }

        .cart-inner {
            background-color: $dark-body;

            .pere-text-box {
                border-color: $dark-border;

                .progress {
                    background-color: $dark-top;
                }
            }

            .cart_top {
                border-color: $dark-border;

                h3 {
                    color: $white-2;
                }

                .close-cart {
                    background-color: $dark-top;
                    border-color: $dark-border;

                    svg {
                        color: $dark-link;
                    }
                }
            }

            .cart_media {
                li {
                    +li {
                        border-color: $dark-border;
                    }

                    .total {
                        border-color: $dark-border;
                    }

                    .media {
                        .media-body {
                            .gram {
                                color: #dee2e6;
                            }

                            h4 {
                                color: $white-3;
                            }
                        }

                        img {
                            background-color: $dark-top;
                            border-color: $dark-border;
                        }
                    }

                    .total {
                        h5 {
                            color: $round-border;
                        }
                    }
                }

                .close-circle {
                    button {
                        background-color: $dark-top;
                        border-color: $dark-border;
                    }
                }

                .cart_total {
                    border-color: $dark-border;
                    background-color: $dark-top;
                }
            }

            .qty-box {
                background-color: $dark-top;
                border-color: $dark-border;
            }
        }

        &.top,
        &.bottom {
            .cart-inner {
                .cart_top {
                    background-color: $dark-top;
                }
            }
        }
    }

    .theme-settings {
        ul {
            li {
                background-color: $dark-top;
                box-shadow: 0px 0px 5px 0px rgba($black, 0.54);
                color: $white;

                a {
                    color: $white;
                }

                .backend-btn {
                    a {
                        color: $white;
                    }
                }
            }
        }
    }

    .cookie-bar {
        &.left-bottom {
            box-shadow: 0 19px 38px rgba(0, 0, 0, 0.12), 0 15px 12px rgba(0, 0, 0, 0.13);
            background-color: $dark-body;

            p {
                color: $white-5;
            }

            .btn-close {
                i {
                    color: $dark-link;
                }
            }
        }
    }

    .service-w-bg {
        .service-block {
            .media {
                background-color: $dark-top;
            }
        }
    }

    .title-basic {
        .timer {
            background-color: $dark-top;

            p {
                color: $white-5;
            }
        }
    }

    .loader-wrapper {
        background-color: $dark-body;

        .loader {
            &:after {
                border-color: $dark-body;
            }
        }
    }

    .product-parallax {
        .theme-card {
            .offer-slider {
                >div {
                    .media {
                        background-color: $dark-body;
                    }
                }

                .media {
                    background-color: $dark-body;
                }
            }
        }
    }

    .load-more-button {
        .btn {
            &.loading {
                border-color: $dark-border $dark-border $dark-border #999;
                background: $dark-body;
            }
        }
    }

    .footer-style-1 {
        .footer-social {
            i {
                background-color: $dark-body;
                border-color: $dark-border;
            }
        }
    }

    .category-width {
        .category-block {
            .category-image {
                img {
                    filter: invert(0.6);
                }
            }

            &:hover {
                .category-image {
                    img {
                        filter: invert(1);
                    }
                }
            }
        }
    }

    .image-swatch {
        li {
            img {
                border-color: $dark-border;
            }

            &.active {
                img {
                    border-color: var(--theme-color);
                }
            }
        }
    }

    .gradient-category {
        .gradient-border {
            .img-sec {
                background-color: $dark-top;

                &:after {
                    filter: invert(0.9);
                }
            }
        }
    }

    .deal-category {
        .deal-content {
            background-color: $dark-body;
        }
    }

    .mobile-menu {
        background-color: $dark-top;

        ul {
            li {
                &.active {

                    i,
                    span {
                        color: $white;
                    }
                }

                a {
                    svg {
                        color: $round-border;
                    }

                    span {
                        color: rgb(221 221 221 / 80%);
                    }
                }
            }
        }
    }

    &.bg_cls {
        .basic-product {
            &.theme-product-11 {
                background-color: $dark-body;
            }
        }

        .service-block1 {
            background-color: $dark-top;
            border-color: $dark-border;
        }
    }

    .title1 {
        &.title5 {
            hr[role=tournament6] {
                &::before {
                    background-color: $dark-body;
                }
            }
        }
    }

    .brand-slider-box {
        .logo-block {
            background-color: $dark-top;
            border-color: $dark-border;
        }
    }

    .skeleton-basic-product {
        .img-wrapper {
            .product-image-box {
                background: linear-gradient(90deg, rgba(64, 64, 64, 0.85) 8%, #404040 18%, rgba(64, 64, 64, 0.85) 33%);
            }
        }

        .product-detail {

            .product-title,
            h6,
            .price {
                background: linear-gradient(90deg, rgba(64, 64, 64, 0.85) 8%, #404040 18%, rgba(64, 64, 64, 0.85) 33%);
            }
        }
    }

    .left-header {
        .menu-left {
            ul {
                li {
                    a {
                        color: $round-border;
                        background-color: #2b2b2b;
                    }
                }
            }
        }
    }

    .product-tab-description {

        p,
        h5 {

            span,
            strong {
                color: rgba(255, 255, 255, 0.8) !important;
                background-color: transparent !important;
            }
        }
    }

    .blog-wo-bg {
        .brand-slider-box {
            .logo-block {
                background-color: transparent;
            }
        }
    }

    &.christmas {
        header {
            &.sticky {
                background-color: $dark-top;
            }

            &:not(.sticky) {
                .navbar-expand-xl {
                    .navbar-nav {
                        >.nav-item {
                            >a {
                                &:hover {
                                    background-color: transparent;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .basic-product {
        .price {
            color: $white;
        }

        .addtocart_btn {
            .qty-box {
                .input-group {
                    border-color: #404040;
                    background-color: #232323;

                    button {
                        border-color: #404040;
                        background-color: #2b2b2b;
                    }
                }
            }
        }

        .circle {
            li {
                button {
                    background-color: #2b2b2b;
                    border-color: #404040;
                }
            }
        }

        .product-title {
            color: $white;
        }

        .cart-info {

            button,
            a {
                background-color: $dark-body;

                &.theme-color {
                    i {
                        color: var(--theme-color);
                    }
                }

                &:first-child:active {
                    i {
                        color: var(--theme-color);
                    }
                }

                i {
                    color: $round-border;
                }

                svg {
                    color: $white;
                }
            }
        }

        .timer {
            background-color: rgba(43, 43, 43, 0.92);
        }

        .img-wrapper {
            background-color: $dark-top;

            .rating-label {
                background-color: $dark-body;
                color: $white;
            }

            .addto-cart-bottom {
                background-color: $dark-body;
                color: $round-border;

                .btn {
                    color: $white;
                }
            }

            .trending-label {
                li {
                    &:nth-child(2) {
                        background-color: $dark-body;
                    }
                }
            }

            .unit-label {
                background-color: $dark-body;
            }

            .quick-option {
                background-color: $dark-top;
            }
        }

        .product-right {
            .form-select {
                background-color: $dark-top;
                border-color: $dark-border;
                color: $round-border;
                background-image: url(../../../assets/svg/dropdown.svg);
            }
        }

        .add-cart-btn {
            color: $round-border;
            background-color: $dark-border;
        }

        .product-action {
            border-color: $dark-border;

            button {
                color: $round-border;
                background-color: $dark-border;
            }
        }

        .general-variant {
            li {
                background-color: $left-sidebar;
                border-color: $dark-border;

                button {
                    color: $white;

                    &:hover {
                        color: $white;
                    }
                }
            }

            .active {
                border-color: $dark-top;
            }

            &.color {
                li {
                    &.active {
                        border-color: #404040;

                        button {
                            border-color: #404040;
                        }
                    }
                }
            }

            &.image {
                li {
                    a {
                        img {
                            border-color: #404040;
                        }
                    }
                }
            }

            &.circle {
                li {
                    button {
                        border-color: #404040;
                    }
                }
            }
        }

        .product-detail {
            .digital-price {
                .form-check {
                    .form-check-input {
                        background-color: $dark-top;
                        border-color: $dark-border;

                        &:checked {
                            background-color: var(--theme-color);
                            border-color: var(--theme-color);
                        }
                    }
                }
            }

            select {
                background-color: #232323;
                border-color: #404040;
                color: #ddd;
            }
        }

        &.theme-product-1 {
            border-color: $dark-border;

            .product-detail {
                >div {
                    border-color: $dark-border;
                }
            }

            .cart-info {
                :not(.btn-check)+.btn:active {
                    background-color: #232323;
                }
            }
        }

        &.theme-product-2 {
            background-color: $dark-top;
            border-color: $dark-border;

            .cart-detail {
                border-color: $dark-border;

                li {
                    +li {
                        border-color: $dark-border;
                    }

                    button,
                    a {
                        color: $round-border;
                    }
                }
            }

            .img-wrapper {
                background-color: $dark-body;

                &::after {
                    background-color: rgba(34, 34, 34, 0.77);
                }
            }

            .product-detail {
                .details {
                    li {
                        color: #ddd;
                    }
                }

                .add-wish {
                    background-color: $dark-border;
                }
            }
        }

        &.theme-product-3 {
            border-color: $dark-border;
        }

        &.theme-product-5 {
            .cart-info {
                background-color: $dark-border;
            }
        }

        &.theme-product-6 {
            border-color: $dark-border;

            .cart-info {
                background-color: $dark-body;
            }
        }

        &.theme-product-7 {
            background-color: $dark-top;
            border-color: $dark-border;

            .img-wrapper {
                background-color: $dark-body;
            }
        }

        &.theme-product-8 {
            background-color: $dark-body;
            border-color: $dark-border;

            .cart-info {
                a {
                    svg {
                        color: var(--theme-color);
                    }
                }
            }
        }

        &.theme-product-9 {
            background-color: $dark-top;
            border-color: $dark-border;

            .img-wrapper {
                background-color: $dark-body;
            }

            .discount-value {
                border-color: $dark-border;
                color: $round-border;

                .offer-icon {
                    color: $round-border;
                }
            }
        }

        &.theme-product-10 {
            .product-title {
                color: $white;
            }
        }

        &.theme-product-11 {
            border-color: $dark-border;

            .abs-product {
                background-color: $dark-body;
            }
        }
    }

    .collection-filter {
        .custom-nav-tab {
            .nav-item {
                border-color: $dark-border;
                background-color: $dark-top;

                .nav-link {
                    color: #ddd;

                    img {
                        filter: invert(1) brightness(100);
                    }
                }
            }
        }
    }

    .category-slider {
        .category-box {
            &:hover {
                background-color: var(--theme-color);

                h5 {
                    color: $white;
                }
            }

            img {
                filter: invert(1) brightness(100);
            }
        }
    }

    .question-answer {
        li {
            border-color: $dark-border;

            h6 {
                color: $white;
            }

            .answer-box {
                p {
                    color: #ddd;
                }
            }

            .question-box {
                h5 {
                    border-color: $dark-border;
                    background-color: #262626;
                }

                .link-dislike-box {
                    li {
                        a {
                            span {
                                color: rgba(221, 221, 221, 0.67);
                            }
                        }
                    }
                }
            }
        }
    }

    .shop-filter-category {
        border-color: $dark-border;

        .filter-list {
            border-color: $dark-border;

            li {
                background-color: $left-sidebar;

                a,
                i {
                    color: #ddd;
                }
            }
        }

        .filter-title {
            h2 {
                color: $white;
            }
        }
    }

    .search-modal {
        .search-title {
            color: $white;
        }

        .modal-header {
            h3 {
                color: #fff;
            }
        }

        .search-category-box {
            li {
                &.text-secondary {
                    color: $white !important;
                }
            }
        }

        .modal-body {
            .search-box {

                svg,
                .form-control {
                    border-color: #3c3c3c;
                }
            }
        }
    }

    .product-sidebar-box {
        .collection-filter-block {
            .product-service {
                border-color: $dark-border;
            }

            &.accordion {
                border-color: #3c3c3c;
            }
        }

        .theme-card {
            .offer-slider {
                .media {
                    img {
                        background-color: #232323;
                        border-color: $dark-border;
                    }
                }
            }
        }
    }

    .wo-box {
        .service-block1 {
            background-color: transparent;
        }
    }

    .setting-box {
        .accordion-button {
            .setting-description-text {
                .setting-content {
                    color: #cecece;
                }
            }
        }
    }

    .filter-bottom-title {
        &:after {
            color: #ddd;
        }
    }

    .variation-modal {
        .variation-title {
            .main-title {
                a {
                    color: #fff;
                }
            }
        }

        .variation-qty-button {
            border-color: #404040;

            .qty-section {
                .qty-box {
                    .input-group {
                        background-color: #232323;

                        button {
                            background-color: #2b2b2b !important;

                            svg {
                                color: #ddd;
                            }
                        }
                    }
                }
            }
        }
    }

    .pay-modal {
        .checkout-box {
            .payment-option {
                .payment-category {
                    .form-check {
                        .form-check-label {
                            color: #ddd;
                        }

                        .form-check-input {
                            background-color: #232323;
                            border-color: #404040; 
                        }
                    }
                }
            }
        }
    }

    &.skeleton-body {
        .banner-skeleton {
            .skeleton-content {
                background-color: #151515;
            }
        }

        .blog-wo-bg {
            .brand-slider-box {
                .logo-block {
                    background-color: #151515;
                }
            }
        }

        .beauty-about {
            .skeleton-loader-img {
                background-color: #3c3c3c;
            }
        }

        &.bg_cls {
            .home-skeleton {
                background-color: #1f1f1f;
            }
        }
    }
}

@media (min-width: 1200px) {

    .dark,
    .dark2 {
        header {
            .navbar-expand-xl {
                .dropdown-menu {
                    background-color: $dark-body;

                    .dropdown-item {
                        color: #ddd;

                        &:active {
                            color: $white;
                        }
                    }

                    .dropdown-column {
                        .menu-no-data {
                            background-color: #232323;
                        }
                    }
                }

                .dropdown-mega {
                    .dropdown-column {
                        .dropdown-header {
                            color: $round-border;
                        }
                    }

                    .dropdown-menu {
                        .dropdown-item {

                            &:hover,
                            &:focus {
                                color: $white;
                            }
                        }
                    }
                }
            }

            .navbar {
                &.navbar-expand-xl {
                    .navbar-nav {
                        .nav-item {
                            &:hover {
                                >.nav-link {
                                    &:not(.disabled) {
                                        color: var(--theme-color);
                                    }
                                }
                            }

                            &.dropdown {
                                >a {
                                    &:hover {
                                        color: var(--theme-color);
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 1430px) {

    .dark,
    .dark2 {
        header {
            &.left-header {
                .sidenav {
                    .sidebar-back {
                        color: $white-5;
                        border-color: $dark-border;
                    }
                }
            }
        }

        .collection-product-wrapper {
            .product-top-filter {
                .product-filter-content {
                    .collection-view {
                        border-color: $dark-border;
                    }

                    .product-page-filter {
                        border-color: $dark-border;
                    }
                }
            }
        }
    }
}

@media (max-width: 1199px) {

    .dark,
    .dark2 {
        .sm-horizontal {
            background-color: $dark-body;
            border-color: $dark-border;

            .mobile-back {
                border-color: $dark-border;
                color: $white-3;
            }

            &.pixelstrap {
                ul {
                    background-color: $dark-body;
                }
            }
        }

        .tab-product {
            .nav-material {
                &.nav-tabs {
                    background-color: $dark-body;
                    border-color: $dark-border;
                }
            }

            &.product-details-contain {

                .nav-tabs,
                .nav-tabs {
                    border-color: $dark-border;
                    background-color: #262626;
                }
            }
        }

        header {
            &.left-header {
                .pixelstrap {
                    ul {
                        background-color: $dark-top;
                    }
                }

                &.left-header-relative {
                    .pixelstrap {
                        >li {
                            >a {
                                background-color: $dark-top;
                            }
                        }
                    }
                }
            }

            .offcanvas-collapse {
                .offcanvas-body {
                    .navbar-nav {
                        .dropdown-menu {
                            .dropdown-item {
                                color: $dark-link;

                                &::before {
                                    background-color: rgba(206, 206, 206, 0.65);
                                }
                            }
                        }
                    }
                }
            }

            .navbar-nav {
                .dropdown-menu {
                    .dropdown-column {
                        .dropdown-header {
                            color: rgba(221, 221, 221, 0.8);
                        }
                    }
                }

                .dropdown-menu-2 {
                    .dropdown-column {
                        .dropdown-item {
                            color: $dark-link;

                            &::before {
                                background-color: rgba(206, 206, 206, 0.65);
                            }
                        }
                    }
                }
            }
        }

        .header-style-1 {
            .bg-light-xl {
                background-color: $dark-top !important;
            }
        }

        .header-style-5 {
            .bottom-part {
                .pixelstrap {
                    >li {
                        >a {
                            color: $dark-link;

                            &:hover,
                            &:focus,
                            &:active {
                                color: $dark-link;
                            }
                        }
                    }
                }

                &.bottom-light {
                    .marketplace-sidebar {
                        &.sidenav {
                            &.fixed-sidebar {
                                background-color: $dark-top;

                                .sm-vertical {
                                    background-color: $dark-top;
                                }
                            }
                        }
                    }
                }
            }

            &.color-style {
                .marketplace-sidebar {
                    &.sidenav {
                        &.fixed-sidebar {
                            background-color: $dark-top;

                            .sm-vertical {
                                background-color: $dark-top;
                            }
                        }
                    }
                }

                &.style-classic {
                    .bottom-part {
                        .container {
                            background-color: transparent;
                        }
                    }
                }
            }
        }

        .marketplace-sidebar {
            &.sidenav {
                &.wo-bg {
                    background-color: $dark-top;
                }
            }
        }

        &.christmas {
            header {
                .navbar-nav {
                    >li {
                        >a {
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 991px) {

    .dark,
    .dark2 {
        .collection-filter {
            background-color: #232323;
            box-shadow: none;
        }

        .collection-product-wrapper {
            .product-top-filter {
                background-color: transparent;

                .product-filter-content {
                    background-color: $dark-top;
                    border-color: $dark-border;

                    .product-page-per-view,
                    .product-page-filter {
                        select {
                            border-color: $dark-border;
                        }
                    }
                }

                .popup-filter {
                    background-color: $dark-top;

                    .product-page-filter,
                    .product-page-per-view {
                        border-color: $dark-border;
                    }
                }
            }
        }

        .collection-mobile-back {
            border-color: $dark-border;
            background-color: $dark-body;

            span {
                color: $white;
            }
        }

        header {
            &.header-tools {
                .logo-menu-part {
                    background-color: $dark-body;
                }
            }

            &.header-style {
                &.header-tools {
                    .top-header {
                        background-color: $dark-body;
                    }
                }
            }
        }

        .service_slide {
            .service-home {
                .service-block1 {
                    background-color: $dark-body;

                    &:nth-child(even) {
                        background-color: $dark-body;
                    }
                }
            }
        }

        .dashboard-section {
            .dashboard-sidebar {
                left: unset;
                right: -350px;

                &.open {
                    left: unset;
                    right: 0;
                }

                .back-btn {
                    color: $white;
                    border-color: $dark-border;
                    background-color: $dark-top;
                }

                .profile-top {
                    background-color: $left-sidebar;

                    .profile-image {

                        .user-round,
                        h4 {
                            background-color: $dark-top;
                        }
                    }
                }

                .faq-tab {
                    .nav-tabs {
                        background-color: $dark-top;

                        .nav-item {
                            background-color: $dark-top;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 767px) {

    .dark,
    .dark2 {
        .collection-product-wrapper {
            .product-pagination {
                .theme-pagination-block {
                    nav {
                        border-color: $dark-border;
                    }
                }
            }
        }

        .product-pagination {
            .pagination {
                border-color: $dark-border;
            }
        }

        .product-wrapper-grid {
            &.list-view {
                .product-box {
                    border-color: $dark-border;
                }
            }
        }
    }
}

@media (max-width: 577px) {

    .dark,
    .dark2 {
        header {
            &.header-style {
                .top-header {
                    .header-dropdown {
                        >li {
                            img {
                                filter: invert(0.55);
                            }
                        }
                    }
                }
            }
        }

        .collection-product-wrapper {
            .product-top-filter {
                .product-filter-content {
                    .product-page-per-view {
                        border-color: $dark-border !important;
                    }
                }
            }
        }

        .tools-service {
            &.absolute-banner {
                .absolute-bg {
                    box-shadow: none;
                }
            }
        }

        .full-banner {
            .banner-contain {
                background-color: rgba(0, 0, 0, 0.2);
            }
        }
    }
}

@media (max-width: 420px) {

    .dark,
    .dark2 {
        .full-box {
            .theme-card {
                .offer-slider {
                    .sec-1 {
                        .product-box2 {
                            border-color: $dark-border;
                        }
                    }
                }
            }

            .center-slider {
                .offer-slider {
                    .product-box {
                        border-color: $dark-border;
                    }
                }
            }
        }
    }
}