:root {
    --aztechColor: #02272F;
    --codColor: #333;
    --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 .product-card,.theme-dark .author-wrap::after,.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 .pp-news-box,.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 .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 .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 .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 .team-card:after {
    background-color: var(--codColor)
}

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

.theme-dark p,.theme-dark span,.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: #ffffff;
}

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

.theme-dark .category-widget li a:hover,.theme-dark .category-widget li a.active {
    color: #8bcff0;
}

.theme-dark .category-widget li a:hover span,.theme-dark .category-widget li a.active span {
    color: #8bcff0;
}

.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 .checkout-promobox,.theme-dark .checkout-form,.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 .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 .page-nav li a {
    background-color: var(--whiteColor)
}

.theme-dark .page-nav li a:hover,.theme-dark .page-nav li a.active {
    background-color: var(--secondaryColor);
    color: var(--whiteColor)!important
}

.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 .checkout-form .form-group select {
    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)
}

@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)
    }
}