:root {
    --bg-body: #0f192a;
    --bg-navbar: #040e1d;
    --bg-footer: #040e1d;
    --bg-primary: #040e1d;
    --bs-light: #d7d7d7;
    --bs-warning: #FFDE59;
    --bs-warning-rgb: 255, 222, 89;
}

[data-theme="dark"] .slick-dots li button:before {
    color: var(--bs-white);
}

[data-theme="dark"] .slick-dots li.slick-active button:before {
    color: var(--bs-warning);
}

[data-theme="dark"] .btn-warning {
    --bs-btn-bg: #FFDE59;
    --bs-btn-border-color: #FFDE59;
}

[data-theme="dark"] .bg-primary {
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .offcanvas .btn-close {
    color: var(--bs-light);
    filter: var(--bs-light);
}

[data-theme="dark"] body {
    background-color: var(--bg-body);
    color: var(--bs-light);
}

[data-theme="dark"] .topbar {
    --bg-topbar: rgb(17, 32, 47);
    background-color: var(--bg-topbar);
}

[data-theme="dark"] .topbar .topbar-link {
    color: var(--bs-white);
}

[data-theme="dark"] #mega-menu {
    background-color: var(--bg-navbar);
}

[data-theme="dark"] #mega-menu .navbar-nav .nav-link {
    color: var(--bs-white);
}

[data-theme="dark"] #mega-menu .dropdown-menu {
    background-color: var(--bg-body);
    border-color: var(--bs-warning);
}

[data-theme="dark"] #mega-menu .dropdown-menu::before {
    border-color: var(--bs-warning);
    background-color: var(--bg-body);
}

[data-theme="dark"] #mega-menu .mega-menu .menu-sub-list .menu-sub-item {
    border-color: transparent;
}

[data-theme="dark"] #mega-menu .mega-menu .menu-sub-list .menu-sub-item:hover {
    border-color: var(--bs-warning);
    box-shadow: 0 0 5px var(--bs-warning);
}

[data-theme="dark"] #mega-menu .dropdown-menu .dropdown-item,
[data-theme="dark"] #mega-menu .dropdown-menu .text {
    color: var(--bs-white);
}

[data-theme="dark"] #mega-menu .dropdown:not(.ktm-mega-menu) .dropdown-menu .dropdown-item:hover {
    color: var(--dark);
    background-color: var(--bs-warning);
}

[data-theme="dark"] #mega-menu .navbar-nav .mega-sub-title a,
[data-theme="dark"] #mega-menu .navbar-nav .mega-menu-link a {
    color: var(--bs-white);
}

[data-theme="dark"] #mega-menu .navbar-nav .mega-sub-title a:hover,
[data-theme="dark"] #mega-menu .navbar-nav .mega-menu-link a:hover {
    color: var(--bs-warning);
}

[data-theme="dark"] #footer {
    background-color: var(--bg-footer);
}

[data-theme="dark"] #footer .footer-col-title,
[data-theme="dark"] #footer .footer-link a {
    color: var(--bs-white);
}

[data-theme="dark"] #footer .footer-col-title,
[data-theme="dark"] #footer .footer-col-title .footer-col-collapsed::before,
[data-theme="dark"] #footer .footer-link a:hover {
    color: var(--bs-warning);
}

[data-theme="dark"] #footer .copyright {
    color: var(--bs-light);
}

[data-theme="dark"] .cta-button .cta-item {
    background-color: var(--bs-warning);
}

[data-theme="dark"] .section-title {
    color: var(--bs-warning);
}

[data-theme="dark"] .section-title .bar {
    border-color: var(--bs-warning);
}

[data-theme="dark"] .section-title .bar::before {
    background-color: var(--bs-warning);
}

[data-theme="dark"] #home .flash-sale {
    background-color: var(--bg-primary);
}

[data-theme="dark"] #home .flash-sale .countdown .item {
    background-color: var(--bs-warning);
    color: var(--bs-dark);
}

[data-theme="dark"] .product-list .product-list-item {
    background-color: var(--bg-body);
}

[data-theme="dark"] .product-list .product-list-item .product-variants .variant-thumb {
    border-color: var(--bs-warning);
}

[data-theme="dark"] .product-list .product-list-item .product-name a {
    color: var(--bs-ligth);
    transition: all .5s ease-in-out;
}

[data-theme="dark"] .product-list .product-list-item .product-name a:hover {
    color: var(--bs-warning);
}

[data-theme="dark"] .product-list .product-list-item .product-price .current {
    color: var(--bs-warning);
}

[data-theme="dark"] .product-new .product-list .product-list-item {
    background-color: var(--bg-primary);
}

[data-theme="dark"] #home .about-us .about-us-canvas {
    background-color: var(--bg-primary);
}

[data-theme="dark"] #home .about-list li {
    background-color: var(--bg-body);
}

[data-theme="dark"] #home .about-list .icon {
    border-color: var(--bg-primary);
}

[data-theme="dark"] #home .videos .video-list li .video-list-title {
    color: var(--bs-light);
}

[data-theme="dark"] #home .videos .video-list li:hover .video-list-title {
    color: var(--bs-warning);
}

[data-theme="dark"] #home .testimonials,
[data-theme="dark"] #content_static .testimonials {
    background-color: var(--bg-primary);
}

[data-theme="dark"] #home .testimonials .testimonial-list .testimonial-item,
[data-theme="dark"] #content_static .testimonials .testimonial-list .testimonial-item {
    background-color: var(--bg-body);
}

[data-theme="dark"] #home .testimonials .testimonial-list .testimonial-desc::before,
[data-theme="dark"] #content_static .testimonials .testimonial-list .testimonial-desc::before {
    color: rgba(255, 255, 255, .125);
}

[data-theme="dark"] #home .testimonials .testimonial-list .personal .note,
[data-theme="dark"] #content_static .testimonials .testimonial-list .personal .note {
    color: var(--bs-white);
}

[data-theme="dark"] #home .news .news-list .news-title a,
[data-theme="dark"] .hashtag a {
    color: var(--bs-light);
}

[data-theme="dark"] #home .news .news-list .news-title a:hover,
[data-theme="dark"] .hashtag .active,
[data-theme="dark"] .hashtag a:hover {
    color: var(--bs-warning);
}

[data-theme="dark"] #home .product-hot .product-list .product-list-item {
    background-color: var(--bg-primary);
}

[data-theme="dark"] .breadcrumbs {
    display: block;
    background-color: var(--bg-primary);
}

[data-theme="dark"] .breadcrumb .breadcrumb-item a {
    color: var(--bs-light);
}

[data-theme="dark"] .breadcrumb .breadcrumb-item a:hover {
    color: var(--bs-warning);
}

[data-theme="dark"] .breadcrumb .breadcrumb-item.active {
    font-weight: 400;
    color: var(--bs-warning);
}

[data-theme="dark"] #product .product-list .product-list-item {
    background-color: var(--bg-primary);
}

[data-theme="dark"] #product .product-filter {
    color: var(--bs-white);
    border-color: var(--bs-light);
}

[data-theme="dark"] #product .product-filter:hover {
    color: var(--bs-warning);
}

[data-theme="dark"] #product .sidebar .list-group-item {
    color: var(--bs-white);
}

[data-theme="dark"] #product .sidebar .card-header {
    color: var(--bs-white);
}

[data-theme="dark"] #product .sidebar .list-group-item:hover,
[data-theme="dark"] #product .sidebar .list-group-item.active,
[data-theme="dark"] .offcanvas-title {
    color: var(--bs-warning);
}

[data-theme="dark"] #product .sidebar .form-check-label {
    color: var(--bs-white);
    font-weight: 400;
}

[data-theme="dark"] #product .sidebar .form-check .form-check-input:checked {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
}

[data-theme="dark"] #product .offcanvas {
    background-color: var(--bg-primary);
}

[data-theme="dark"] [data-content="short"]::before {
    background-image: linear-gradient(to bottom, transparent, var(--bg-body));
}

[data-theme="dark"] .faqs h2 a:not(.collapsed) {
    color: var(--bs-warning);
}

[data-theme="dark"] .faqs ul li {
    border-color: rgba(255, 255, 255, .125);
}

[data-theme="dark"] .faqs h2 .collapsed {
    color: var(--bs-white);
}

[data-theme="dark"] .faqs .faq-desc {
    font-weight: 400;
    color: var(--bs-light);
}

[data-theme="dark"] .shopping-cart .quantity .btn {
    background-color: var(--bs-white);
}

[data-theme="dark"] .shopping-cart .quantity .btn:hover {
    color: var(--bg-primary);
}

[data-theme="dark"] #product .product-feature ul {
    background-color: var(--bg-primary);
}

[data-theme="dark"] #product .product-album .slick-dots li.slick-active .dot img {
    border-color: var(--bs-warning);
}

[data-theme="dark"] #product .nav-tabs .nav-link {
    color: var(--bs-white);
    font-weight: 700;
}

[data-theme="dark"] #product .nav-tabs,
[data-theme="dark"] #product .nav-tabs .active {
    border-color: var(--bs-warning);
}

[data-theme="dark"] #product .nav-tabs .nav-link:not(.active):hover {
    color: var(--bs-warning);
    border-color: transparent;
    background-color: transparent;
}

[data-theme="dark"] #product .nav-tabs .active {
    background-color: var(--bs-warning);
    color: var(--bs-dark);
}

[data-theme="dark"] #product .nav-tabs .nav-link:not(.active):focus {
    border-color: transparent;
    background-color: transparent;
}

[data-theme="dark"] #product .product-detail-mobile>.m-bar-list>.m-bar-list-item>.m-bar-list-item-link {
    background-color: var(--bs-warning);
}

[data-theme="dark"] .review .thong-ke .score .score-average-total,
[data-theme="dark"] .review .thong-ke .reviewed {
    color: var(--bs-light);
}

[data-theme="dark"] .review .thong-ke .thong-ke-detail .timneline {
    background-color: var(--bs-white);
}

[data-theme="dark"] .review .thong-ke .thong-ke-detail .timneline .timeline-bar {
    background-color: var(--bs-warning);
}

[data-theme="dark"] .review .review-list .cta .datetime {
    color: var(--bs-light);
}

[data-theme="dark"] #blog .highlight {
    background-color: var(--bg-primary);
}

[data-theme="dark"] #blog .highlight .section-title {
    color: var(--bs-warning);
}

[data-theme="dark"] #blog .blog-content .blog-meta-data .blog-author {
    color: var(--bs-white);
}

[data-theme="dark"] #blog .blog-content .blog-meta-data .blog-author:hover {
    color: var(--bs-warning);
}

[data-theme="dark"] .toc {
    border: 1px solid rgba(0, 0, 0, .85);
}

[data-theme="dark"] .toc .toc-header {
    background-color: var(--bg-primary);
    color: var(--bs-white);
}

[data-theme="dark"] .toc .toc-header a {
    color: var(--bs-white);
}

[data-theme="dark"] #blog .blog-content .blog-author-intro {
    background-color: var(--bg-primary);
}

[data-theme="dark"] #blog .blog-content .blog-author-intro .fullname {
    color: var(--bs-warning);
}

[data-theme="dark"] #blog .sidebar .list-group-item {
    color: var(--bs-white);
}

[data-theme="dark"] #blog .sidebar .card-header {
    color: var(--bs-white);
}

[data-theme="dark"] #blog .sidebar .list-group-item:hover,
[data-theme="dark"] #blog .sidebar .list-group-item.active,
[data-theme="dark"] .offcanvas-title {
    color: var(--bs-warning);
}

[data-theme="dark"] #blog .sidebar .form-check-label {
    color: var(--bs-light);
    font-weight: 300;
}

[data-theme="dark"] #blog .sidebar .form-check .form-check-input:checked {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
}

[data-theme="dark"] #blog .sidebar .card-latest .list-group-item a {
    color: var(--bs-light);
}

[data-theme="dark"] #content_static .about-us-gallery {
    background-color: var(--bg-primary);
}

[data-theme="dark"] .post-body em,
[data-theme="dark"] .post-body a,
[data-theme="dark"] .post-body a * {
    color: var(--bs-warning) !important;
}

[data-theme="dark"] .post-body a:hover {
    text-decoration: underline;
}

[data-theme="dark"] .post-body .h1,
[data-theme="dark"] .post-body h1 {
    font-size: 30px !important;
}

[data-theme="dark"] .post-body .h2,
[data-theme="dark"] .post-body h2,
[data-theme="dark"] .post-body .h2 *,
[data-theme="dark"] .post-body h2 * {
    font-size: 20px !important;
    color: var(--bs-warning) !important;
}

[data-theme="dark"] .post-body .h3,
[data-theme="dark"] .post-body h3,
[data-theme="dark"] .post-body .h3 *,
[data-theme="dark"] .post-body h3 * {
    font-size: 18px !important;
    color: var(--bs-warning) !important;
}

[data-theme="dark"] .post-body .h4,
[data-theme="dark"] .post-body h4,
[data-theme="dark"] .post-body .h4 *,
[data-theme="dark"] .post-body h4 * {
    font-size: 16px !important;
    color: var(--bs-warning) !important;
}

[data-theme="dark"] .post-body .h5,
[data-theme="dark"] .post-body h5,
[data-theme="dark"] .post-body .h5 *,
[data-theme="dark"] .post-body h5 *,
[data-theme="dark"] .post-body .h6,
[data-theme="dark"] .post-body h6,
[data-theme="dark"] .post-body .h6 *,
[data-theme="dark"] .post-body h6 * {
    font-size: 16px !important;
    color: var(--bs-warning) !important;
}

[data-theme="dark"] #home .feature .section-brand-name {
    color: var(--bs-warning);
}

[data-theme="dark"] #product .product-wrapper .hashtag a,
[data-theme="dark"] #product .product-wrapper .hashtag a::before {
    background-color: var(--bs-warning);
}

[data-theme="dark"] .toc .toc-body {
    background-color: rgb(17, 32, 47);
}

[data-theme="dark"] .toc .toc-body ul li+li {
    border-top: 1px solid var(--bs-secondary);
}

[data-theme="dark"] .toc .toc-body ul li a {
    color: var(--bs-light) !important;
}

[data-theme="dark"] #home .product-new .nav-tabs .nav-link {
    color: var(--bs-light);
}

[data-theme="dark"] #home .product-new .nav-tabs .nav-link:not(.active):hover {
    color: var(--bs-warning);
}

[data-theme="dark"] #home .product-new .nav-tabs .active {
    color: var(--bs-dark);
    background-color: var(--bs-warning);
}

[data-theme="dark"] #blog .sidebar .card-latest .list-group-item:hover a {
    color: var(--bs-warning);
    opacity: 1;
}

[data-theme="dark"] #product .product-detail .product-variants .variant-input:checked~label {
    border-color: var(--bs-warning);
}

[data-theme="dark"] #product .product-detail .product-variants .variant-label.is-text {
    background-color: var(--bg-primary);
    color: var(--bs-white);
}

[data-theme="dark"] .product-list .product-list-item .product-price .get-quote {
    color: var(--bs-warning);
}

[data-theme="dark"] .embed-slider.product-list .product-list-item {
    background-color: var(--bg-primary);
}

[data-theme="dark"] #contact .contact-info .contact-desc a {
    color: var(--bs-warning);
}

[data-theme="dark"] #contact .contact-form-title {
    border-bottom-color: var(--bs-warning);
}

[data-theme="dark"] #mega-menu .main-nav .main-nav-link {
    color: var(--bs-white);
}

[data-theme="dark"] #mega-menu .main-nav .main-nav-link.active,
[data-theme="dark"] #mega-menu .main-nav .main-nav-link:hover {
    color: var(--bs-warning);
}

[data-theme="dark"] #mega-menu .main-nav .main-nav-link+.main-nav-link {
    border-color: #333;
}

[data-theme="dark"] .navbar-toggler-icon::before {
    color: var(--bs-light);
}

[data-theme="dark"] #home .news .blog-category-title {
    color: var(--bs-white);
}

[data-theme="dark"] #home .news .blog-category-title a {
    color: var(--bs-warning);
}

@media only screen and (max-width: 1199px) {
    [data-theme="dark"] #contact .contact-form-title {
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid var(--bs-warning);
    }
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 992px) {}

@media only screen and (max-width: 768px) {}

@media only screen and (min-width: 1200px) {}