:root {
    --aztechColor: #111828;
    --codColor: #222;
    --darkColor: #000
}

.switch-theme-mode {
    position: fixed;
    top: 200px;
    right: 15px;
    z-index: 99
}

.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s
}

.slider.round {
    border-radius: 50%
}

.slider.round:before {
    border-radius: 50%
}

.slider:before {
    position: absolute;
    content: "";
    height: 35px;
    width: 35px;
    left: 0;
    bottom: 4px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transition: .4s;
    box-shadow: 0 0 15px rgba(32, 32, 32, .2392156863);
    background: #fff url(../img/sunny.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--aztechColor);
    background-size: 17px
}

.navbar-area .navbar,
input:checked+.slider {
    background-color: transparent
}

input:focus+.slider {
    box-shadow: 0 0 1px transparent
}

input:checked+.slider:before {
    transform: translateX(0);
    background: #fff url(../img/night.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px
}

.theme-light .navbar-brand .logo-dark {
    display: none !important
}

.theme-light .navbar-brand .logo-light {
    display: block !important
}

.theme-light .footer-logo .logo-dark {
    display: none !important
}

.theme-light .footer-logo .logo-light {
    display: block !important
}

.theme-light .logo .logo-dark {
    display: none !important
}

.theme-light .logo .logo-light {
    display: block !important
}

.theme-dark .navbar-brand .logo-light {
    display: none !important
}

.theme-dark .navbar-brand .logo-dark {
    display: block !important
}

.theme-dark .footer-logo .logo-dark {
    display: block !important
}

.theme-dark .footer-logo .logo-light {
    display: none !important
}

.theme-dark .logo .logo-dark {
    display: block !important
}

.theme-dark .logo .logo-light {
    display: none !important
}

.theme-dark .bg_ash,
.theme-dark .bg_two,
.theme-dark .pricing-card,
.theme-dark .navbar-area.header-one.sticky,
.theme-dark .navbar-area.header-three.sticky,
.theme-dark .navbar-area.header-two.sticky,
.theme-dark .trending-box-two:before,
.theme-dark .navbar-area.header-three,
.theme-dark .about-wrap-one::after,
.theme-dark .social-widget-two,
.theme-dark .news-card-twelve,
.theme-dark .hero-slider-wrap,
.theme-dark .breadcrumb-wrap,
.theme-dark .searchModal .modal-dialog,
.theme-dark .author-wrap::after,
.theme-dark .btn-three,
.theme-dark .sidebar .checkout-box,
.theme-dark .bg_gray {
    background-color: var(--codColor)
}

.theme-dark body,
.theme-dark .td_dark,
.theme-dark .responsive-navbar,
.theme-dark #newsletter-popup .modal-body .newsletter-content,
.theme-dark #newsletter-popup .modal-content,
.theme-dark .pp-news-box .news-card-seven,
.theme-dark .login-wrap .login-content,
.theme-dark .hero-news-card .hero-news-info,
.theme-dark .author-box,
.theme-dark .checkout-details .bill-item-wrap,
.theme-dark .checkout-details-two .bill-item-wrap,
.theme-dark .bg-white {
    background-color: var(--darkColor) !important
}

.theme-dark .td_aztec,
.theme-dark .link-three span,
.theme-dark .pp-news-box,
.theme-dark .product-card,
.theme-dark .news-tablist-three .nav-item .nav-link,
.theme-dark .news-tablist-three .nav-item .nav-link,
.theme-dark .scrollscreen .scrollscreen--track,
.theme-dark .blog-card-one .blog-title .blog-date,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .dropdown-menu {
    background-color: var(--aztechColor) !important
}

.theme-dark .searchModal .modal-dialog .modal-content .btn-close i,
.theme-dark .single-product-details .product-more-option-item h5,
.theme-dark .single-product-details .social-profile li a i,
.theme-dark .product-card .product-price .discount,
.theme-dark #newsletter-popup .modal-content .btn_close i,
.theme-dark .news-card-one .news-card-info .news-metainfo li,
.theme-dark .cart-total .cart-total-wrap .cart-total-item p,
.theme-dark .cart-total .cart-total-wrap .cart-total-item span,
.theme-dark .responsive-navbar .offcanvas-body .contact-info li p,
.theme-dark .responsive-navbar .offcanvas-body .contact-info li a {
    color: var(--offwhiteColor)
}

.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6,
.theme-dark h3 a,
.theme-dark .checkout-details .bill-item b,
.theme-dark .checkout-details .bill-item-footer b,
.theme-dark .checkout-details .bill-item-title b,
.theme-dark .checkout-details-two .bill-item b,
.theme-dark .checkout-details-two .bill-item-footer b,
.theme-dark .checkout-details-two .bill-item-title b,
.theme-dark .navbar-area .navbar .others-option .option-item .search-btn i,
.theme-dark .header-wrap.header-two .navbar .navbar-nav .nav-item a,
.theme-dark .header-wrap.header-three .header-bottom .navbar .navbar-nav .nav-item a,
.theme-dark .cart-table table thead tr th,
.theme-dark .cart-total .cart-total-wrap .cart-total-item p b,
.theme-dark .cart-total .cart-total-wrap .cart-total-item span b,
.theme-dark .cart-table table tbody tr td,
.theme-dark .ad-section p,
.theme-dark .ad-section-two p,
.theme-dark .progressbar-wrap .progress-item .progress-title p,
.theme-dark .progressbar-wrap .progress-item .progress-title span,
.theme-dark .responsive-navbar .offcanvas-header .close-btn,
.theme-dark .news-card-info .news-author h5,
.theme-dark .featured-slider .featured-prev i,
.theme-dark .featured-slider .featured-next i,
.theme-dark .single-product-details .product-more-option-item span,
.theme-dark .single-product-details .product-more-option-item a,
.theme-dark article p strong,
.theme-dark article p b,
.theme-dark .terms-wrap p strong,
.theme-dark .terms-wrap p b {
    color: var(--whiteColor)
}

.theme-dark .ad-section::after,
.theme-dark .ad-section-two::after,
.theme-dark .checkout-details .bill-item::after,
.theme-dark .checkout-details .bill-item-title::after,
.theme-dark .checkout-details .bill-item-footer::after,
.theme-dark .checkout-details-two .bill-item::after,
.theme-dark .checkout-details-two .bill-item-title::after,
.theme-dark .checkout-details-two .bill-item-footer::after {
    background-color: rgba(255, 255, 255, .2)
}

.theme-dark .link-three:hover span,
.theme-dark .news-tablist-three .nav-item .nav-link.active,
.theme-dark .news-tablist-three .nav-item .nav-link:hover {
    background-color: var(--secondaryColor) !important
}

.theme-dark .cart-table table thead tr th,
.theme-dark .ad-section p,
.theme-dark .ad-section-two p {
    background-color: transparent
}

.theme-dark .footer-wrap {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.theme-dark .cart-table table tbody tr td {
    background-color: transparent
}

.theme-dark .news-card-one h3 a:hover,
.theme-dark .news-card-two h3 a:hover,
.theme-dark .news-card-three h3 a:hover,
.theme-dark .news-card-four h3 a:hover,
.theme-dark .news-card-five h3 a:hover,
.theme-dark .news-card-six h3 a:hover,
.theme-dark .news-card-seven h3 a:hover,
.theme-dark .news-card-eight h3 a:hover,
.theme-dark .news-card-nine h3 a:hover,
.theme-dark .news-card-ten h3 a:hover,
.theme-dark .news-card-eleven h3 a:hover,
.theme-dark .news-card-twelve h3 a:hover,
.theme-dark .news-card-thirteen h3 a:hover {
    background-image: linear-gradient(#d9d9d9, #d9d9d9);
    background-size: 100% 1px
}

.theme-dark .team-card:after {
    background-color: var(--codColor)
}

.theme-dark .team-card:hover:after {
    background-color: var(--secondaryColor)
}

.theme-dark .checkout-form .form-group select option {
    color: var(--codColor)
}

.theme-dark p,
.theme-dark span,
.theme-dark .news-metainfo li,
.theme-dark .news-metainfo li a,
.theme-dark .contact-item-wrap .contact-item .contact-info a,
.theme-dark .contact-item-wrap .contact-item .contact-info p,
.theme-dark .checkbox label,
.theme-dark .content-feature-list li,
.theme-dark .breadcrumb-content .breadcrumb-menu li:last-child,
.theme-dark .responsive-navbar .offcanvas-body .contact-info li p,
.theme-dark .responsive-navbar .offcanvas-body .contact-info li a,
.theme-dark article ol li,
.theme-dark .service-details-wrap ol li,
.theme-dark .project-details-wrap ol li,
.theme-dark .terms-wrap ol li,
.theme-dark .content-feature-list li,
.theme-dark .filter-radio-group [type=radio]:checked+label,
.theme-dark .filter-radio-group [type=radio]:not(:checked)+label,
.theme-dark .content-feature-list-two li,
.theme-dark .contact-item .contact-info p {
    color: var(--offwhiteColor)
}

.theme-dark .breadcrumb-wrap .breadcrumb-content .breadcrumb-menu li a {
    color: var(--primaryColor)
}

.theme-dark .navbar-area .navbar .navbar-nav .nav-item .dropdown-menu {
    box-shadow: none !important
}

.theme-dark .trending-news-box,
.theme-dark .contact-widget,
.theme-dark .promo-card-two,
.theme-dark .footer-wrap {
    position: relative
}

.theme-dark .trending-news-box:after,
.theme-dark .contact-widget:after,
.theme-dark .promo-card-two:after,
.theme-dark .footer-wrap:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .85);
    z-index: -1
}

.theme-dark .footer-wrap .copyright-text span {
    color: var(--secondaryColor)
}

.theme-dark .trending-news-box h4,
.theme-dark .trending-news-box .trending-prev,
.theme-dark .trending-news-box .trending-next {
    position: relative;
    z-index: 1
}

.theme-dark .trending-news-box h4 i,
.theme-dark .trending-news-box .trending-prev i,
.theme-dark .trending-news-box .trending-next i {
    color: var(--whiteColor)
}

.theme-dark .trending-news-box:after {
    z-index: 0
}

.theme-dark .link-one,
.theme-dark .link-two,
.theme-dark .single-product-tablist .nav-item .nav-link,
.theme-dark .cart-table table tbody tr td .cart-item,
.theme-dark .author-box .social-profile li a i,
.theme-dark .checkbox label a,
.theme-dark .hero-news-card .hero-news-info h3 a,
.theme-dark .news-tablist .nav-item .nav-link,
.theme-dark .social-widget li a,
.theme-dark .social-widget-two li a,
.theme-dark .news-card-info .news-author h5 a,
.theme-dark .news-card-one .news-card-info h3 a,
.theme-dark .navbar-area.header-one .navbar .navbar-nav .nav-item .nav-link,
.theme-dark .navbar-area.header-two .navbar .navbar-nav .nav-item .nav-link,
.theme-dark .navbar-area.header-three .navbar .navbar-nav .nav-item .nav-link,
.theme-dark .blog-card-one .blog-card-info h3 a,
.theme-dark .blog-card-two .blog-card-info h3 a,
.theme-dark .breadcrumb-content .breadcrumb-menu li a {
    color: var(--whiteColor)
}

.theme-dark .link-one:hover,
.theme-dark .link-one.active,
.theme-dark .link-two:hover,
.theme-dark .link-two.active,
.theme-dark .single-product-tablist .nav-item .nav-link:hover,
.theme-dark .single-product-tablist .nav-item .nav-link.active,
.theme-dark .cart-table table tbody tr td .cart-item:hover,
.theme-dark .cart-table table tbody tr td .cart-item.active,
.theme-dark .author-box .social-profile li a i:hover,
.theme-dark .author-box .social-profile li a i.active,
.theme-dark .checkbox label a:hover,
.theme-dark .checkbox label a.active,
.theme-dark .hero-news-card .hero-news-info h3 a:hover,
.theme-dark .hero-news-card .hero-news-info h3 a.active,
.theme-dark .news-tablist .nav-item .nav-link:hover,
.theme-dark .news-tablist .nav-item .nav-link.active,
.theme-dark .social-widget li a:hover,
.theme-dark .social-widget li a.active,
.theme-dark .social-widget-two li a:hover,
.theme-dark .social-widget-two li a.active,
.theme-dark .news-card-info .news-author h5 a:hover,
.theme-dark .news-card-info .news-author h5 a.active,
.theme-dark .news-card-one .news-card-info h3 a:hover,
.theme-dark .news-card-one .news-card-info h3 a.active,
.theme-dark .navbar-area.header-one .navbar .navbar-nav .nav-item .nav-link:hover,
.theme-dark .navbar-area.header-one .navbar .navbar-nav .nav-item .nav-link.active,
.theme-dark .navbar-area.header-two .navbar .navbar-nav .nav-item .nav-link:hover,
.theme-dark .navbar-area.header-two .navbar .navbar-nav .nav-item .nav-link.active,
.theme-dark .navbar-area.header-three .navbar .navbar-nav .nav-item .nav-link:hover,
.theme-dark .navbar-area.header-three .navbar .navbar-nav .nav-item .nav-link.active,
.theme-dark .blog-card-one .blog-card-info h3 a:hover,
.theme-dark .blog-card-one .blog-card-info h3 a.active,
.theme-dark .blog-card-two .blog-card-info h3 a:hover,
.theme-dark .blog-card-two .blog-card-info h3 a.active,
.theme-dark .breadcrumb-content .breadcrumb-menu li a:hover,
.theme-dark .breadcrumb-content .breadcrumb-menu li a.active {
    color: var(--secondaryColor)
}

.theme-dark .category-widget li a {
    color: var(--whiteColor)
}

.theme-dark .category-widget li a:hover,
.theme-dark .category-widget li a.active {
    color: var(--secondaryColor)
}

.theme-dark .category-widget li a:hover span,
.theme-dark .category-widget li a.active span {
    color: var(--secondaryColor)
}

.theme-dark .general-news-two .news-card-twelve {
    background-color: transparent
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-button {
    color: var(--whiteColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-button.active {
    color: var(--secondaryColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body {
    background-color: transparent
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-link {
    color: var(--whiteColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-link.active {
    color: var(--secondaryColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-collapse .accordion-body {
    background-color: transparent
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-link {
    color: var(--whiteColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-link.active {
    color: var(--secondaryColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-collapse .accordion-body .accordion-button {
    color: var(--whiteColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-collapse .accordion-body .accordion-button.active {
    color: var(--secondaryColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-button {
    color: var(--whiteColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-button.active {
    color: var(--secondaryColor)
}

.theme-dark .navbar-area .navbar .navbar-toggler .burger-menu span {
    background: var(--whiteColor)
}

.theme-dark .breadcrumb-menu li a,
.theme-dark .login-wrap .login-content .or-text,
.theme-dark .navbar-area.header-two .navbar .others-option .option-item .shopcart i,
.theme-dark .navbar-area.header-three .navbar .others-option .option-item .shopcart i,
.theme-dark .navbar-area.header-two .header-top .social-profile li a i,
.theme-dark .offcanvas-contact-info h4 {
    color: var(--whiteColor)
}

.theme-dark .popular-news-wrap .news-card-five .news-card-info::after,
.theme-dark .login-wrap .login-content .or-text:after,
.theme-dark .login-wrap .login-content .or-text:before,
.theme-dark .feature-card-wrap .row>div .feature-card::after,
.theme-dark .feature-card-wrap-two .row>div .feature-card::after {
    background-color: rgba(255, 255, 255, .18)
}

.theme-dark .progress-wrap svg.progress-circle path {
    stroke: rgba(255, 255, 255, .6)
}

.theme-dark .sidebar .sidebar-widget-two {
    border: none
}

.theme-dark article,
.theme-dark .responsive-navbar .offcanvas-header,
.theme-dark .responsive-navbar .offcanvas-body .offcanvas-contact-info,
.theme-dark .responsive-navbar .offcanvas-body .others-option,
.theme-dark .navbar-area.header-two,
.theme-dark .navbar-area.header-three,
.theme-dark .comment-item-wrap .comment-item,
.theme-dark .checkout-details .bill-item-title,
.theme-dark .checkout-details-two .bill-item-title,
.theme-dark .checkout-details .bill-item-wrap .bill-item:last-child,
.theme-dark .checkout-details-two .bill-item-wrap .bill-item:last-child,
.theme-dark .checkout-details-two,
.theme-dark .select-payment-method [type=radio]:not(:checked)+label::before,
.theme-dark .select-payment-method [type=radio]:checked+label::before,
.theme-dark .cart-total .cart-total-wrap .cart-total-item,
.theme-dark .cart-table table tbody tr,
.theme-dark .contact-widget,
.theme-dark .news-card-ten,
.theme-dark .trending-news-box,
.theme-dark .news-col-one .news-card-two,
.theme-dark .news-col-one .news-card-three,
.theme-dark .news-col-three .news-card-two,
.theme-dark .news-col-three .news-card-three,
.theme-dark .selected-news .news-card-two,
.theme-dark .selected-news .news-card-three,
.theme-dark .selected-news .promo-wrap,
.theme-dark .general-news-two,
.theme-dark .general-news-two .news-card-twelve,
.theme-dark .editors-wrap-two .news-card-wrap .news-card-three,
.theme-dark .navbar-area.header-two .header-top,
.theme-dark .latest-news .news-card-two,
.theme-dark .latest-news .news-card-three,
.theme-dark .section-title-two,
.theme-dark .video-wrap-three .news-card-three,
.theme-dark .newsletter-box,
.theme-dark .trending-box-two,
.theme-dark .contact-card,
.theme-dark .author-box,
.theme-dark .post-pagination,
.theme-dark .cart-table table thead tr,
.theme-dark .v-counter input.count,
.theme-dark .progressbar-wrap .progress-item .progress,
.theme-dark .checkout-promobox,
.theme-dark .checkout-form,
.theme-dark .v-counter,
.theme-dark .login-wrap .login-content .login-form a,
.theme-dark #product-filter,
.theme-dark .latest-news-three .news-card-two,
.theme-dark .footer-wrap .subscribe-btn,
.theme-dark .featured-slider .featured-prev,
.theme-dark .featured-slider .featured-next,
.theme-dark .checkbox label::before {
    border-color: rgba(255, 255, 255, .25) !important
}

.theme-dark .v-counter input.minusBtn,
.theme-dark .v-counter input.plusBtn {
    border: none
}

.theme-dark .navbar-area.header-two .navbar .sidebar-toggler img {
    filter: brightness(0) invert(1)
}

.theme-dark .sidebar-widget.newsletter-widget-two::after {
    top: -1px;
    right: -1px;
    border-top: 20px solid var(--darkColor);
    border-right: 20px solid var(--darkColor)
}

.theme-dark .login-wrap .login-content .login-form .form-group input::-moz-placeholder {
    color: var(--offwhiteColor)
}

.theme-dark .login-wrap .login-content .login-form .form-group input::placeholder,
.theme-dark .comment-item-wrap .comment-item .comment-author-wrap .comment-author-name .comment-date,
.theme-dark .contact-card .contact-info p,
.theme-dark .contact-card .contact-info a,
.theme-dark .checkout-details .select-payment-method div label,
.theme-dark .checkout-details-two .select-payment-method div label {
    color: var(--offwhiteColor)
}

.theme-dark .trending-box-two span,
.theme-dark .single-product-details .product-more-option-item .product-quantity .v-counter input {
    border: none !important;
    color: var(--whiteColor)
}

.theme-dark .navbar-area .navbar .others-option .option-item .sidebar-toggler img {
    filter: brightness(0) invert(1)
}

.theme-dark .breadcrumb-wrap:after {
    background: var(--footerColor)
}

.theme-dark .breadcrumb-wrap .br-shape-one,
.theme-dark .breadcrumb-wrap .br-shape-two {
    filter: brightness(0) invert(1)
}

.theme-dark .wp-block-quote,
.theme-dark .sidebar-widget,
.theme-dark .sidebar-widget-two {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, .15)
}

.theme-dark input,
.theme-dark textarea,
.theme-dark #cmt-form .comment-form .form-group input,
.theme-dark #cmt-form .comment-form .form-group textarea,
.theme-dark .checkout-form .form-group input,
.theme-dark .checkout-form .form-group textarea,
.theme-dark .comment-form .form-group input,
.theme-dark .comment-form .form-group textarea,
.theme-dark .newsletter-form input,
.theme-dark .login-form .form-group input,
.theme-dark #contactForm .form-group input,
.theme-dark #contactForm .form-group textarea {
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, .2) !important;
    color: var(--whiteColor) !important
}

.theme-dark input::-moz-placeholder,
.theme-dark textarea::-moz-placeholder,
.theme-dark #cmt-form .comment-form .form-group input::-moz-placeholder,
.theme-dark #cmt-form .comment-form .form-group textarea::-moz-placeholder,
.theme-dark .checkout-form .form-group input::-moz-placeholder,
.theme-dark .checkout-form .form-group textarea::-moz-placeholder,
.theme-dark .comment-form .form-group input::-moz-placeholder,
.theme-dark .comment-form .form-group textarea::-moz-placeholder,
.theme-dark .newsletter-form input::-moz-placeholder,
.theme-dark .login-form .form-group input::-moz-placeholder,
.theme-dark #contactForm .form-group input::-moz-placeholder,
.theme-dark #contactForm .form-group textarea::-moz-placeholder {
    color: var(--whiteColor);
    opacity: .8
}

.theme-dark input::placeholder,
.theme-dark textarea::placeholder,
.theme-dark #cmt-form .comment-form .form-group input::placeholder,
.theme-dark #cmt-form .comment-form .form-group textarea::placeholder,
.theme-dark .checkout-form .form-group input::placeholder,
.theme-dark .checkout-form .form-group textarea::placeholder,
.theme-dark .comment-form .form-group input::placeholder,
.theme-dark .comment-form .form-group textarea::placeholder,
.theme-dark .newsletter-form input::placeholder,
.theme-dark .login-form .form-group input::placeholder,
.theme-dark #contactForm .form-group input::placeholder,
.theme-dark #contactForm .form-group textarea::placeholder {
    color: var(--whiteColor);
    opacity: .8
}

.theme-dark .checkout-form .form-group label {
    color: var(--offwhiteColor)
}

.theme-dark .news-metainfo li a:hover {
    color: var(--secondaryColor)
}

.theme-dark .search-box .form-group input {
    background-color: var(--blackColor);
    border: 1px solid rgba(255, 255, 255, .2);
    color: var(--whiteColor)
}

.theme-dark .search-box .form-group input::-moz-placeholder {
    color: var(--whiteColor)
}

.theme-dark .search-box .form-group input::placeholder {
    color: var(--whiteColor)
}

.theme-dark .checkout-form .form-group select {
    background-color: transparent;
    color: var(--whiteColor);
    border: 1px solid rgba(255, 255, 255, .2);
    background-image: url(../img/down-arrow-white.webp)
}

.theme-dark .hero-slider .hero-prev,
.theme-dark .hero-slider .hero-next {
    background-color: var(--codColor)
}

.theme-dark select {
    background-image: url(../img/down-arrow-white.webp)
}

.theme-dark .breadcrumb-content .breadcrumb-menu li::after {
    background-color: var(--whiteColor)
}

.theme-dark .page-nav li a,
.theme-dark .featured-prev,
.theme-dark .trending-prev,
.theme-dark .trending-btn-prev,
.theme-dark .instagram-prev,
.theme-dark .featured-next,
.theme-dark .instagram-next,
.theme-dark .trending-next,
.theme-dark .trending-btn-next,
.theme-dark .navbar-area .header-top .social-profile li a,
.theme-dark .footer-wrap .subscribe-btn,
.theme-dark .single-product-details .product-more-option-item a,
.theme-dark .author-box .social-profile li a,
.theme-dark .footer-wrap .social-profile li a,
.theme-dark .contact-widget .social-profile li a,
.theme-dark .tag-list li a {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .2);
    color: var(--whiteColor)
}

.theme-dark .page-nav li a.active,
.theme-dark .page-nav li a:hover,
.theme-dark .featured-prev.active,
.theme-dark .featured-prev:hover,
.theme-dark .trending-prev.active,
.theme-dark .trending-prev:hover,
.theme-dark .trending-btn-prev.active,
.theme-dark .trending-btn-prev:hover,
.theme-dark .instagram-prev.active,
.theme-dark .instagram-prev:hover,
.theme-dark .featured-next.active,
.theme-dark .featured-next:hover,
.theme-dark .instagram-next.active,
.theme-dark .instagram-next:hover,
.theme-dark .trending-next.active,
.theme-dark .trending-next:hover,
.theme-dark .trending-btn-next.active,
.theme-dark .trending-btn-next:hover,
.theme-dark .navbar-area .header-top .social-profile li a.active,
.theme-dark .navbar-area .header-top .social-profile li a:hover,
.theme-dark .footer-wrap .subscribe-btn.active,
.theme-dark .footer-wrap .subscribe-btn:hover,
.theme-dark .single-product-details .product-more-option-item a.active,
.theme-dark .single-product-details .product-more-option-item a:hover,
.theme-dark .author-box .social-profile li a.active,
.theme-dark .author-box .social-profile li a:hover,
.theme-dark .footer-wrap .social-profile li a.active,
.theme-dark .footer-wrap .social-profile li a:hover,
.theme-dark .contact-widget .social-profile li a.active,
.theme-dark .contact-widget .social-profile li a:hover,
.theme-dark .tag-list li a.active,
.theme-dark .tag-list li a:hover {
    background-color: var(--secondaryColor)
}

.theme-dark .cart-qty .v-counter {
    border: 1px solid rgba(255, 255, 255, .25)
}

.theme-dark .cart-qty .v-counter input {
    border: none !important
}

.theme-dark .cart-table table tbody tr td {
    border-left: none;
    border-right: none
}

.theme-dark .social-widget-two li span,
.theme-dark .social-widget li a span {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .25)
}

.theme-dark .single-product-details .product-more-option-item a i,
.theme-dark .author-box .social-profile li a i,
.theme-dark .footer-wrap .social-profile li a i,
.theme-dark .contact-widget .social-profile li a i {
    color: var(--whiteColor)
}

.theme-dark .category-widget li a::after {
    background: linear-gradient(90deg, rgba(231, 231, 231, 0.5) 0%, rgba(231, 231, 231, 0) 114.13%)
}

.theme-dark .footer-wrap .subscribe-btn {
    padding: 10.5px 31px 12px
}

@media only screen and (max-width:991px) {
    .switch-theme-mode {
        top: 270px
    }
}

@media only screen and (min-width:992px) {
    .theme-dark .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu {
        background-color: var(--codColor)
    }
}