/*
 * Nav right language & appearance (dark mode) item
 */

header .navbar .navbar-nav .nav-item.nav-lang-item .nav-link,
header .navbar .navbar-nav .nav-item.nav-appearance-item .nav-link {
    background-color: transparent;
    border: 0;
}

header .navbar .navbar-nav .nav-item.nav-lang-item .nav-link:hover,
header .navbar .navbar-nav .nav-item.nav-appearance-item .nav-link:hover {
    color: var(--color-primary) !important;
}

header .navbar .navbar-nav .nav-item.nav-lang-item svg,
header .navbar .navbar-nav .nav-item.nav-appearance-item svg {
    width: 30px;
    height: 30px;
}

@media screen and (max-width: 991.98px) {
    header .navbar .navbar-nav .nav-item.nav-lang-item .nav-link,
    header .navbar .navbar-nav .nav-item.nav-appearance-item .nav-link {
        width: auto;
    }
}

@media screen and (min-width: 992px) {
    header .navbar .navbar-nav .nav-item.nav-lang-item,
    header .navbar .navbar-nav .nav-item.nav-appearance-item {
        position: absolute;
        right: 0;
        height: 100%;
        top: 0;
        margin-right: -15px;
    }

    header .navbar .navbar-nav .nav-item.nav-lang-item {
        right: calc(56px + 8px + 10%); /* .nav-appearance-item width + gap + right container margin */
    }

    header .navbar .navbar-nav .nav-item.nav-appearance-item {
        right: 10%;
    }
}

@media screen and (min-width: 1200px) {
    header .navbar .navbar-nav .nav-item.nav-lang-item {
        right: calc(56px + 8px + 13%); /* .nav-appearance-item width + gap + right container margin */
    }

    header .navbar .navbar-nav .nav-item.nav-appearance-item {
        right: 13%;
    }
}

/*
 * Appearance switcher
 */

.appearance-switcher .dark-icon,
.dark .appearance-switcher .light-icon {
    display: none;
}

.dark .appearance-switcher .dark-icon {
    display: initial;
}

/*
 * Dark mode global style
 */

.dark p {
    color: var(--color-secondary-text);
}

.dark label {
    color: #F9FAFB;
}

.dark .form-control {
    border-color: var(--color-text) !important;
}

.navbar-brand .logo-dark,
.dark .navbar-brand .logo-light {
    display: none;
}

.dark .navbar-brand .logo-dark {
    display: initial;
}

.dark .page-item .page-link {
    background-color: var(--color-card-bg) !important;
    border-color: rgb(155 153 154 / .5) !important;
}

.dark .page-item.active .page-link {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.page-item.disabled .page-link {
    background-color: var(--color-bg) !important;
    border-color: rgb(155 153 154 / .25) !important;
}

.dark ul#pills-tab.nav-pills {
    background-color: var(--color-card-bg);
}

.dark ul#pills-tab.nav-pills .con-nav-link:not(.active) {
    color: var(--color-text);
}

.dark ul#pills-tab.nav-pills .con-nav-link:not(.active):focus,
.dark ul#pills-tab.nav-pills .con-nav-link:not(.active):hover {
    background-color: #344054;
}

.dark .site-footer {
    background: var(--color-dark) !important;
}

.dark .back-to-top {
    background-color: var(--color-dark) !important;
    border-color: #FFFFFF !important;
}

.dark .back-to-top:hover {
    background-color: #FFFFFF !important;
    border-color: var(--color-dark) !important;
}

.dark .back-to-top:hover i {
    color: var(--color-dark) !important;
}

/*
 * Dark mode pages style
 */

.dark .swiper-container .card {
    background-color: var(--color-bg) !important;
}

.dark .block_area .sliderbanner h5 {
    color: var(--color-secondary-text) !important;
}

.dark .blockbg h2 + h4 {
    color: var(--color-secondary-text) !important;
}

.dark .contact-pg-section .contact-info {
    background-color: var(--color-card-bg) !important;
}

.dark .contact-pg-section .contact-info h2 {
    color: var(--color-light) !important;
}

.dark .bloglist .blog_post.grid3 {
    background-color: var(--color-card-bg) !important;
}

.dark .bloglist .blog_post.grid3 .blog_info .date {
    color: var(--color-secondary-text) !important;
}

.dark .bloglist .blog_post.grid3 .blog_info .title {
    color: var(--color-text) !important;
}

.dark #blog .blog_block .category_filter .filter_wrap label {
    color: var(--color-text) !important;
}

.dark #blog .blog_block .category_filter .filter_wrap select {
    color: var(--color-text) !important;
    background-color: var(--color-bg) !important;
}

.dark #article .socialmedia a,
.dark #article .socialmedia a > div {
    color: var(--color-text) !important;
    border-color: rgba(247, 247, 247, .5) !important;
}

.dark #article .socialmedia a > div:hover {
    background-color: rgba(247, 247, 247, .1) !important;
}

.dark .testimonials-contact-section {
    background-color: var(--color-bg) !important;
}

.dark .testimonials-contact-section .contact-row {
    background-color: var(--color-card-bg) !important;
}

.dark .testimonials-contact-section .contact-area h3 {
    color: var(--color-text) !important;
}

/**
    footer
 */

footer a, footer small{
    color: var(--color-light) !important;
}