/* =========================================================
   DARK.CSS
   LIGHT + DARK MODE
========================================================= */


/* =========================================================
   LIGHT MODE
========================================================= */

body.light-mode {
    background: #ffffff;
}


body.light-mode .auto-header {
    background: #ffffff;

    border-color: #e4e7eb;
}


body.light-mode .auto-logo-icon {
    background: #172B4D;

    color: #ffffff;
}


body.light-mode .auto-logo-content strong {
    color: #172B4D;
}


body.light-mode .auto-logo-content small {
    color: #727982;
}


body.light-mode .auto-nav-link {
    color: #29313A;
}


body.light-mode .auto-nav-link:hover,
body.light-mode .auto-nav-link.active {
    color: #172B4D;
}


body.light-mode .auto-nav-link::after {
    background: #F28C28;
}


body.light-mode .auto-theme-btn {
    background: #ffffff;

    border-color: #d9dde2;

    color: #172B4D;
}


body.light-mode .auto-menu-btn {
    background: #ffffff;

    border-color: #d9dde2;
}


body.light-mode .auto-menu-btn span {
    background: #172B4D;
}


/* =========================================================
   DARK MODE
========================================================= */

body.dark-mode {
    background: #0D1520;

    color: #ffffff;
}


body.dark-mode .auto-header {
    background: #111D2D;

    border-color: #26364A;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.25);
}


/* Logo */

body.dark-mode .auto-logo-icon {
    background: #F28C28;

    color: #ffffff;
}


body.dark-mode .auto-logo-content strong {
    color: #ffffff;
}


body.dark-mode .auto-logo-content small {
    color: #AAB4C0;
}


/* Navigation */

body.dark-mode .auto-nav-link {
    color: #E5EAF0;
}


body.dark-mode .auto-nav-link:hover,
body.dark-mode .auto-nav-link.active {
    color: #F28C28;
}


body.dark-mode .auto-nav-link::after {
    background: #F28C28;
}


/* Theme */

body.dark-mode .auto-theme-btn {
    background: #1A293B;

    border-color: #35475C;

    color: #F28C28;
}


body.dark-mode .auto-theme-btn:hover {
    background: #F28C28;

    border-color: #F28C28;

    color: #ffffff;
}


/* Login */

body.dark-mode .auto-login-btn {
    background: #F28C28;

    color: #ffffff;
}


body.dark-mode .auto-login-btn:hover {
    background: #D97718;
}


/* Mobile Menu */

body.dark-mode .auto-menu-btn {
    background: #1A293B;

    border-color: #35475C;
}


body.dark-mode .auto-menu-btn span {
    background: #F28C28;
}


/* =========================================================
   DARK MOBILE NAVIGATION
========================================================= */

@media (max-width: 980px) {

    body.dark-mode .auto-nav {
        background: #111D2D;

        border-color: #26364A;

        box-shadow:
            0 12px 30px rgba(0, 0, 0, 0.35);
    }


    body.dark-mode .auto-nav-link {
        color: #E5EAF0;

        border-color: #26364A;
    }


    body.dark-mode .auto-nav-link:hover,
    body.dark-mode .auto-nav-link.active {
        color: #F28C28;
    }

}

/* =========================================================
   RTL ICON - DARK MODE
========================================================= */

body.dark-mode .auto-rtl-btn {
    background: #1A293B;
    border-color: #35475C;
    color: #F28C28;
}

body.dark-mode .auto-rtl-btn:hover {
    background: #F28C28;
    border-color: #F28C28;
    color: #ffffff;
}

/* =========================================================
   FOOTER - DARK MODE
   SAME COLORS AS HEADER
========================================================= */

body.dark-mode .auto-footer {
    background: #111D2D;

    color: #E5EAF0;

    border-color: #26364A;
}


/* LOGO */

body.dark-mode .auto-footer-logo {
    color: #ffffff;
}


body.dark-mode .auto-footer-logo-icon {
    background: #F28C28;

    color: #ffffff;
}


body.dark-mode .auto-footer-logo-content strong {
    color: #ffffff;
}


body.dark-mode .auto-footer-logo-content small {
    color: #AAB4C0;
}


/* DESCRIPTION */

body.dark-mode .auto-footer-brand > p {
    color: #AAB4C0;
}


/* SOCIAL */

body.dark-mode .auto-footer-social a {
    background: #1A293B;

    border-color: #35475C;

    color: #E5EAF0;
}


body.dark-mode .auto-footer-social a:hover {
    background: #F28C28;

    border-color: #F28C28;

    color: #ffffff;
}


/* HEADINGS */

body.dark-mode .auto-footer-column h3 {
    color: #E5EAF0;
}


/* LINKS */

body.dark-mode .auto-footer-column li a {
    color: #AAB4C0;
}


body.dark-mode .auto-footer-column li a:hover {
    color: #F28C28;
}


/* CONTACT ICON */

body.dark-mode .auto-footer-contact-item > span {
    background: #1A293B;

    border-color: #35475C;

    color: #F28C28;
}


/* CONTACT TEXT */

body.dark-mode .auto-footer-contact-item p,
body.dark-mode .auto-footer-contact-item a {
    color: #AAB4C0;
}


body.dark-mode .auto-footer-contact-item a:hover {
    color: #F28C28;
}


/* BOTTOM */

body.dark-mode .auto-footer-bottom {
    border-color: #26364A;
}


body.dark-mode .auto-footer-bottom-inner p,
body.dark-mode .auto-footer-bottom-links a {
    color: #AAB4C0;
}


body.dark-mode .auto-footer-bottom-links a:hover {
    color: #F28C28;
}

/* =========================================================
   AUTH PAGES - DARK MODE
========================================================= */

body.dark-mode .login-v2-section,
body.dark-mode .signup-v1-section {
    background: #0D1520;
}

body.dark-mode .login-v2-wrapper,
body.dark-mode .signup-v1-card {
    background: #111D2D;
    border-color: #26364A;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.28);
}

body.dark-mode .login-v2-form h2,
body.dark-mode .signup-v1-form h2 {
    color: #E5EAF0;
}

body.dark-mode .login-v2-subtitle,
body.dark-mode .signup-v1-subtitle,
body.dark-mode .login-v2-check span,
body.dark-mode .login-v2-register span,
body.dark-mode .signup-v1-terms span,
body.dark-mode .signup-v1-login span {
    color: #AAB4C0;
}

body.dark-mode .login-v2-field label,
body.dark-mode .signup-v1-field label {
    color: #E5EAF0;
}

body.dark-mode .login-v2-input input,
body.dark-mode .signup-v1-input input {
    background: #1A293B;
    border-color: #35475C;
    color: #E5EAF0;
}

body.dark-mode .login-v2-input input:focus,
body.dark-mode .signup-v1-input input:focus {
    background: #1A293B;
}

body.dark-mode .login-v2-divider::before {
    background: #35475C;
}

body.dark-mode .login-v2-divider span {
    background: #111D2D;
    color: #8F9EAF;
}

body.dark-mode .auth-display-btn {
    background: #1A293B;
    border-color: #35475C;
    color: #F28C28;
}

body.dark-mode .auth-display-btn:hover {
    background: #F28C28;
    color: #FFFFFF;
}

/* =========================================================
   HERO DARK MODE
========================================================= */

body.dark-mode .auto-hero {
    background: #111D2D;
}

body.dark-mode .auto-hero::before {
    background: rgba(255, 255, 255, 0.025);
}

body.dark-mode .auto-hero-content h1 {
    color: #E5EAF0;
}

body.dark-mode .auto-hero-content > p {
    color: #AAB4C0;
}

body.dark-mode .auto-hero-secondary-btn {
    background: #111D2D;
    border-color: #35475C;
    color: #E5EAF0;
}

body.dark-mode .auto-hero-secondary-btn:hover {
    background: #F28C28;
    border-color: #F28C28;
    color: #ffffff;
}

body.dark-mode .auto-hero-trust-item {
    color: #AAB4C0;
}

body.dark-mode .auto-hero-glow {
    background:
        radial-gradient(
            circle,
            rgba(242, 140, 40, 0.12) 0%,
            rgba(23, 43, 77, 0.08) 45%,
            transparent 70%
        );
}

body.dark-mode .auto-hero-floating-card {
    background: #1A293B;
    border-color: #35475C;
    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.25);
}

body.dark-mode .auto-floating-text strong {
    color: #E5EAF0;
}

body.dark-mode .auto-floating-text small {
    color: #AAB4C0;
}

body.dark-mode .auto-hero-bottom {
    border-color: #26364A;
}

body.dark-mode .auto-hero-stat strong {
    color: #E5EAF0;
}

body.dark-mode .auto-hero-stat span {
    color: #AAB4C0;
}

body.dark-mode .auto-hero-divider {
    background: #35475C;
}

/* =========================================================
   TOP SELLING - DARK MODE
========================================================= */

body.dark-mode .top-selling-section {
    background: #0D1520;
}


body.dark-mode .top-selling-heading h2 {
    color: #E5EAF0;
}


body.dark-mode .top-selling-heading p {
    color: #AAB4C0;
}


body.dark-mode .top-selling-view-btn {
    background: #111D2D;

    border-color: #35475C;

    color: #E5EAF0;
}


body.dark-mode .top-selling-view-btn:hover {
    background: #F28C28;

    border-color: #F28C28;

    color: #ffffff;
}


body.dark-mode .top-product-card {
    background: #111D2D;

    border-color: #26364A;
}


body.dark-mode .top-product-card:hover {
    border-color: #35475C;

    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.25);
}


body.dark-mode .top-product-image {
    background: #1A293B;
}


body.dark-mode .top-product-favorite {
    background: #111D2D;

    border-color: #35475C;

    color: #AAB4C0;
}


body.dark-mode .top-product-favorite:hover {
    background: #F28C28;

    border-color: #F28C28;

    color: #ffffff;
}


body.dark-mode .top-product-content h3 {
    color: #E5EAF0;
}


body.dark-mode .top-product-rating small {
    color: #8F9EAF;
}


body.dark-mode .top-product-bottom {
    border-color: #26364A;
}


body.dark-mode .top-product-bottom strong {
    color: #E5EAF0;
}


body.dark-mode .top-product-bottom a {
    background: #F28C28;
}


body.dark-mode .top-product-bottom a:hover {
    background: #D97718;
}

/* =========================================================
   VEHICLE CATEGORIES - DARK MODE
========================================================= */

body.dark-mode .vehicle-categories-section {
    background: #0D1520;
}


/* HEADER */

body.dark-mode .vehicle-categories-title h2 {
    color: #E5EAF0;
}

body.dark-mode .vehicle-categories-title p {
    color: #AAB4C0;
}


/* CARD */

body.dark-mode .vehicle-category-card {
    background: #111D2D;

    border-color: #26364A;
}

body.dark-mode .vehicle-category-card:hover {
    background: #162437;

    border-color: #35475C;

    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.25);
}


/* NUMBER */

body.dark-mode .vehicle-category-number {
    color: #35475C;
}


/* ICON */

body.dark-mode .vehicle-category-icon {
    background: #F28C28;

    color: #ffffff;
}

body.dark-mode .vehicle-category-card:hover
.vehicle-category-icon {
    background: #F28C28;
}


/* CONTENT */

body.dark-mode .vehicle-category-content h3 {
    color: #E5EAF0;
}

body.dark-mode .vehicle-category-content p {
    color: #AAB4C0;
}

body.dark-mode .vehicle-category-content strong {
    color: #E5EAF0;
}

body.dark-mode .vehicle-category-card:hover
.vehicle-category-content strong {
    color: #F28C28;
}



/* =========================================================
   WHY CHOOSE US - DARK MODE
========================================================= */

body.dark-mode .why-choose-section {
    background: #0D1520;
}


/* CONTENT */

body.dark-mode .why-choose-content h2 {
    color: #E5EAF0;
}

body.dark-mode .why-choose-intro {
    color: #AAB4C0;
}


/* FEATURE */

body.dark-mode .why-feature-icon {
    background: #F28C28;
}

body.dark-mode .why-feature-text h3 {
    color: #E5EAF0;
}

body.dark-mode .why-feature-text p {
    color: #AAB4C0;
}


/* MAIN CARD */

body.dark-mode .why-side-card {
    background: #111D2D;

    box-shadow:
        0 25px 55px rgba(0, 0, 0, 0.28);
}


/* FLOATING CARD */

body.dark-mode .why-floating-card {
    background: #1A293B;

    border-color: #35475C;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.25);
}

body.dark-mode .why-floating-card strong {
    color: #E5EAF0;
}

body.dark-mode .why-floating-card span {
    color: #AAB4C0;
}


/* BUTTON */

body.dark-mode .why-side-btn:hover {
    background: #E5EAF0;

    color: #172B4D;
}

/* =========================================================
   WHY CHOOSE US - DARK MODE
========================================================= */

body.dark-mode .why-choose-section {
    background: #0D1520;
}


/* CONTENT */

body.dark-mode .why-choose-content h2 {
    color: #E5EAF0;
}

body.dark-mode .why-choose-intro {
    color: #AAB4C0;
}


/* FEATURE */

body.dark-mode .why-feature-icon {
    background: #F28C28;
}

body.dark-mode .why-feature-text h3 {
    color: #E5EAF0;
}

body.dark-mode .why-feature-text p {
    color: #AAB4C0;
}


/* MAIN CARD */

body.dark-mode .why-side-card {
    background: #111D2D;

    box-shadow:
        0 25px 55px rgba(0, 0, 0, 0.28);
}


/* FLOATING CARD */

body.dark-mode .why-floating-card {
    background: #1A293B;

    border-color: #35475C;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.25);
}

body.dark-mode .why-floating-card strong {
    color: #E5EAF0;
}

body.dark-mode .why-floating-card span {
    color: #AAB4C0;
}


/* BUTTON */

body.dark-mode .why-side-btn:hover {
    background: #E5EAF0;

    color: #172B4D;
}

/* =========================================================
   COMPATIBILITY FINDER - DARK MODE
========================================================= */

body.dark-mode .compatibility-cta-section {
    background: #0B1421;
}


/* LEFT */

body.dark-mode .compatibility-cta-content h2 {
    color: #E5EAF0;
}

body.dark-mode .compatibility-cta-content > p {
    color: #AAB4C0;
}

body.dark-mode .compatibility-step > span {
    border-color: #35475C;
}

body.dark-mode .compatibility-step strong {
    color: #E5EAF0;
}

body.dark-mode .compatibility-step small {
    color: #8F9EAF;
}


/* FINDER CARD */

body.dark-mode .compatibility-finder-card {
    background: #111D2D;

    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.35);
}

body.dark-mode .compatibility-finder-heading {
    border-color: #26364A;
}

body.dark-mode .compatibility-finder-icon {
    background: #F28C28;

    color: #ffffff;
}

body.dark-mode .compatibility-finder-heading h3 {
    color: #E5EAF0;
}

body.dark-mode .compatibility-finder-heading p {
    color: #AAB4C0;
}


/* FORM */

body.dark-mode .compatibility-field label {
    color: #E5EAF0;
}

body.dark-mode .compatibility-select select {
    border-color: #35475C;

    background: #1A293B;

    color: #E5EAF0;
}

body.dark-mode .compatibility-select select:focus {
    border-color: #F28C28;

    background: #1A293B;
}

body.dark-mode .compatibility-select i {
    color: #AAB4C0;
}


/* BUTTON */

body.dark-mode .compatibility-find-btn:hover {
    background: #E5EAF0;

    color: #172B4D;
}

/* =========================
   DARK MODE PRODUCTS SEC 2


========================= */

body.dark-mode .products-filter-section {
    background: #0D1520;
}

body.dark-mode .products-filter-heading h2 {
    color: #E5EAF0;
}

body.dark-mode .products-filter-heading p {
    color: #AAB4C0;
}

body.dark-mode .products-vehicle-tabs {
    border-color: #26364A;
}

body.dark-mode .products-vehicle-tab {
    background: #111D2D;
    border-color: #35475C;
    color: #AAB4C0;
}

body.dark-mode .products-vehicle-tab:hover {
    border-color: #F28C28;
    color: #F28C28;
}

body.dark-mode .products-vehicle-tab.active {
    background: #F28C28;
    border-color: #F28C28;
    color: #FFFFFF;
}

body.dark-mode .products-category-item {
    background: #111D2D;
    border-color: #26364A;
}

body.dark-mode .products-category-item:hover {
    background: #162337;
    border-color: #F28C28;
}

body.dark-mode .products-category-icon {
    background: #1A293B;
    color: #F28C28;
}

body.dark-mode .products-category-item:hover .products-category-icon {
    background: #F28C28;
    color: #FFFFFF;
}

body.dark-mode .products-category-content h3 {
    color: #E5EAF0;
}

body.dark-mode .products-category-content p {
    color: #AAB4C0;
}

body.dark-mode .products-category-arrow {
    color: #687687;
}

body.dark-mode .products-category-item:hover .products-category-arrow {
    color: #F28C28;
}


/* =========================================
   PRODUCTS SHOWCASE - DARK MODE
========================================= */

body.dark-mode .products-showcase-section {
    background: #0D1520;
}

body.dark-mode .products-showcase-header h2 {
    color: #E5EAF0;
}

body.dark-mode .products-showcase-header > p {
    color: #AAB4C0;
}

body.dark-mode .products-showcase-card {
    background: #111D2D;
    border-color: #26364A;
}

body.dark-mode .products-showcase-card:hover {
    background: #162337;
    border-color: #F28C28;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
}

body.dark-mode .products-showcase-number {
    color: #26364A;
}

body.dark-mode .products-showcase-card:hover
.products-showcase-number {
    color: #3A2D21;
}

body.dark-mode .products-showcase-icon {
    background: #1A293B;
    color: #F28C28;
}

body.dark-mode .products-showcase-card:hover
.products-showcase-icon {
    background: #F28C28;
    color: #FFFFFF;
}

body.dark-mode .products-showcase-content h3 {
    color: #E5EAF0;
}

body.dark-mode .products-showcase-content p {
    color: #AAB4C0;
}

body.dark-mode .products-showcase-content span {
    color: #F28C28;
}

/* =========================================
   PRODUCTS COMPATIBILITY - DARK MODE
========================================= */

body.dark-mode .products-compatibility-section {
    background: #0D1520;
}

body.dark-mode .products-compatibility-box {
    background: #0B1421;
}

body.dark-mode .products-compatibility-content p {
    color: #AAB4C0;
}

body.dark-mode .products-compatibility-points div {
    color: #E5EAF0;
}

body.dark-mode .products-compatibility-form {
    background: #111D2D;

    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}

body.dark-mode .products-compatibility-form h3 {
    color: #E5EAF0;
}

body.dark-mode .products-select-group label {
    color: #E5EAF0;
}

body.dark-mode .products-select-group select {
    background: #1A293B;
    border-color: #35475C;
    color: #AAB4C0;
}

body.dark-mode .products-select-group select:focus {
    border-color: #F28C28;
}

body.dark-mode .products-compatibility-btn:hover {
    background: #E5EAF0;
    color: #172B4D;
}

/* =========================================
   FEATURED PRODUCTS - DARK MODE
========================================= */

body.dark-mode .featured-products-section {
    background: #0D1520;
}

body.dark-mode .featured-products-heading h2 {
    color: #E5EAF0;
}

body.dark-mode .featured-products-view {
    color: #E5EAF0;
}

body.dark-mode .featured-products-view:hover {
    color: #F28C28;
}

body.dark-mode .featured-product-card {
    background: #111D2D;
    border-color: #26364A;
}

body.dark-mode .featured-product-card:hover {
    background: #162337;
    border-color: #F28C28;

    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
}

body.dark-mode .featured-product-image {
    background: #1A293B;
}

body.dark-mode .featured-product-info h3 {
    color: #E5EAF0;
}

body.dark-mode .featured-product-info p {
    color: #AAB4C0;
}

body.dark-mode .featured-product-bottom {
    border-color: #26364A;
}

body.dark-mode .featured-product-bottom strong {
    color: #E5EAF0;
}

body.dark-mode .featured-product-bottom a {
    background: #F28C28;
    color: #FFFFFF;
}

body.dark-mode .featured-product-bottom a:hover {
    background: #E5EAF0;
    color: #172B4D;
}

/* =========================================
   PRODUCTS PROMISE - DARK MODE
========================================= */

body.dark-mode .products-promise-section {
    background: #0D1520;
}

body.dark-mode .products-promise-intro h2 {
    color: #E5EAF0;
}

body.dark-mode .products-promise-intro p {
    color: #AAB4C0;
}

body.dark-mode .products-promise-feature {
    background: #111D2D;
    border-color: #26364A;
}

body.dark-mode .products-promise-feature:hover {
    background: #162337;
    border-color: #F28C28;

    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
}

body.dark-mode .products-promise-icon {
    background: #1A293B;
    color: #F28C28;
}

body.dark-mode .products-promise-feature:hover
.products-promise-icon {
    background: #F28C28;
    color: #FFFFFF;
}

body.dark-mode .products-promise-feature h3 {
    color: #E5EAF0;
}

body.dark-mode .products-promise-feature p {
    color: #AAB4C0;
}


/* =========================================
   PRODUCTS BRANDS - DARK MODE
========================================= */

body.dark-mode .products-brands-section {
    background: #0D1520;
}

body.dark-mode .products-brands-heading h2 {
    color: #E5EAF0;
}

body.dark-mode .products-brands-heading p {
    color: #AAB4C0;
}

body.dark-mode .products-brand-item {
    background: #111D2D;
    border-color: #26364A;
}

body.dark-mode .products-brand-item:hover {
    background: #162337;
    border-color: #F28C28;

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}


/* =========================================
   PRODUCT CATEGORY EXPLORER
   DARK MODE
========================================= */

body.dark-mode .product-category-explorer {
    background: #0D1520;
}

body.dark-mode .product-category-menu {
    background: #111D2D;
    border-color: #26364A;
}

body.dark-mode .product-category-menu h2 {
    color: #E5EAF0;
}

body.dark-mode .product-category-menu-item {
    border-color: #26364A;
    color: #AAB4C0;
}

body.dark-mode .product-category-menu-item:hover {
    color: #F28C28;
}

body.dark-mode .product-category-menu-item.active {
    color: #E5EAF0;
    border-bottom-color: #F28C28;
}

body.dark-mode .product-category-detail {
    background: #0B1421;
}

body.dark-mode .product-category-detail h3 {
    color: #E5EAF0;
}

body.dark-mode .product-category-detail p {
    color: #AAB4C0;
}

body.dark-mode .product-category-detail-list span {
    color: #E5EAF0;
}

body.dark-mode .product-category-detail-btn:hover {
    background: #E5EAF0;
    color: #172B4D;
}
/* =========================================
   BRANDS PAGE BANNER
   DARK MODE
========================================= */

body.dark-mode .brands-page-banner {
    background: #0D1520;
}

body.dark-mode .brands-page-banner h1 {
    color: #E5EAF0;
}

body.dark-mode .brands-page-banner p {
    color: #AAB4C0;
}

/* =========================================
   BRANDS DIRECTORY
   DARK MODE
========================================= */

body.dark-mode .brands-directory {
    background: #0D1520;
}

body.dark-mode .brands-directory-heading h2 {
    color: #E5EAF0;
}

body.dark-mode .brands-directory-heading p {
    color: #AAB4C0;
}

body.dark-mode .brands-directory-content {
    border-color: #26364A;
}

body.dark-mode .brands-directory-row {
    border-color: #26364A;
}

body.dark-mode .brands-directory-row:hover {
    background: #111D2D;
}

body.dark-mode .brands-directory-category h3 {
    color: #E5EAF0;
}

body.dark-mode .brands-directory-category p {
    color: #AAB4C0;
}

body.dark-mode .brands-directory-names span {
    background: #111D2D;

    border-color: #26364A;

    color: #E5EAF0;
}

body.dark-mode .brands-directory-names span:hover {
    border-color: #F28C28;
    color: #F28C28;
}

/* =========================================
   BRAND QUALITY PROMISE
   DARK MODE
========================================= */

body.dark-mode .brand-quality-promise {
    background: #0D1520;
}

body.dark-mode .brand-quality-content h2 {
    color: #E5EAF0;
}

body.dark-mode .brand-quality-content > p {
    color: #AAB4C0;
}

body.dark-mode .brand-quality-icon {
    background: #111D2D;
    border-color: #26364A;
}

body.dark-mode .brand-quality-point h3 {
    color: #E5EAF0;
}

body.dark-mode .brand-quality-point p {
    color: #AAB4C0;
}

body.dark-mode .brand-quality-visual {
    background: #0B1421;
}

body.dark-mode .brand-quality-visual h3 {
    color: #E5EAF0;
}

body.dark-mode .brand-quality-visual > p {
    color: #AAB4C0;
}

body.dark-mode .brand-quality-stat-line {
    border-color: #26364A;
    color: #AAB4C0;
}

body.dark-mode .brand-quality-stat-line strong {
    color: #E5EAF0;
}

/* =========================================
   BRAND SELECTION GUIDE
   DARK MODE
========================================= */

body.dark-mode .brand-selection-guide {
    background: #0D1520;
}

body.dark-mode .brand-selection-guide-header h2 {
    color: #E5EAF0;
}

body.dark-mode .brand-selection-guide-header p {
    color: #AAB4C0;
}

body.dark-mode .brand-selection-guide-table {
    border-top-color: #F28C28;
}

body.dark-mode .brand-guide-table-head {
    background: #111D2D;
    color: #AAB4C0;
}

body.dark-mode .brand-guide-table-row {
    border-color: #26364A;
}

body.dark-mode .brand-guide-table-row:hover {
    background: #111D2D;
}

body.dark-mode .brand-guide-letter {
    background: #F28C28;
    color: #FFFFFF;
}

body.dark-mode .brand-guide-brand strong {
    color: #E5EAF0;
}

body.dark-mode .brand-guide-best,
body.dark-mode .brand-guide-category {
    color: #AAB4C0;
}

body.dark-mode .brand-guide-choice {
    color: #E5EAF0;
}

/* =========================================
   BRAND EXPERIENCE
   DARK MODE
========================================= */

body.dark-mode .brand-experience {
    background: #0D1520;
}

body.dark-mode .brand-experience-content h2 {
    color: #E5EAF0;
}

body.dark-mode .brand-experience-content > p {
    color: #AAB4C0;
}

body.dark-mode .brand-experience-feature h3 {
    color: #E5EAF0;
}

body.dark-mode .brand-experience-feature p {
    color: #AAB4C0;
}

body.dark-mode .brand-experience-btn {
    background: #F28C28;
    color: #FFFFFF;
}

body.dark-mode .brand-experience-btn:hover {
    background: #E5EAF0;
    color: #172B4D;
}

/* =========================================
   BRAND CATEGORY SHOWCASE
   DARK MODE
========================================= */

body.dark-mode .brand-category-showcase {
    background: #0D1520;
}

body.dark-mode .brand-category-showcase-header h2 {
    color: #E5EAF0;
}

body.dark-mode .brand-category-showcase-header p {
    color: #AAB4C0;
}

body.dark-mode .brand-category-showcase-main {
    background: #111D2D;
}

body.dark-mode .brand-category-image-overlay {
    background: #0B1421;
}

body.dark-mode .brand-category-item {
    border-color: #26364A;
}

body.dark-mode .brand-category-item:first-child {
    border-color: #26364A;
}

body.dark-mode .brand-category-item-content h3 {
    color: #E5EAF0;
}

body.dark-mode .brand-category-item-content p {
    color: #AAB4C0;
}

body.dark-mode .brand-category-item > i {
    color: #E5EAF0;
}

/* =========================================
   COMPATIBILITY FINDER - DARK MODE
========================================= */

body.dark-mode .compatibility-finder {
    background: #0D1520;
}

body.dark-mode .compatibility-finder-content h2 {
    color: #E5EAF0;
}

body.dark-mode .compatibility-finder-content p {
    color: #AAB4C0;
}

body.dark-mode .compatibility-finder-form {
    background: #111D2D;
    border-color: #26364A;
}

body.dark-mode .compatibility-form-group label {
    color: #E5EAF0;
}

body.dark-mode .compatibility-form-group select {
    background: #1A293B;
    color: #E5EAF0;
    border-color: #26364A;
}

body.dark-mode .compatibility-form-group select:focus {
    border-color: #F28C28;
}

body.dark-mode .compatibility-find-btn:hover {
    background: #E5EAF0;
    color: #0B1421;
    border-color: #E5EAF0;
}

/* =========================================
   COMPATIBILITY HOW IT WORKS - DARK MODE
========================================= */

body.dark-mode .compatibility-how {
    background: #0D1520;
}

body.dark-mode .compatibility-how-header h2 {
    color: #E5EAF0;
}

body.dark-mode .compatibility-how-header p {
    color: #AAB4C0;
}

body.dark-mode .compatibility-how-step {
    border-color: #26364A;
}

body.dark-mode .compatibility-step-number {
    color: #26364A;
}

body.dark-mode .compatibility-step-icon {
    background: #1A293B;
    color: #E5EAF0;
}

body.dark-mode .compatibility-how-step:hover .compatibility-step-icon {
    background: #F28C28;
    color: #FFFFFF;
}

body.dark-mode .compatibility-how-step h3 {
    color: #E5EAF0;
}

body.dark-mode .compatibility-how-step p {
    color: #AAB4C0;
}

/* =========================================
   COMPATIBILITY CATEGORIES - DARK MODE
========================================= */

body.dark-mode .compatibility-categories {
    background: #0D1520;
}

body.dark-mode .compatibility-categories-header h2 {
    color: #E5EAF0;
}

body.dark-mode .compatibility-categories-header p {
    color: #AAB4C0;
}

body.dark-mode .compatibility-category-list {
    border-color: #26364A;
}

body.dark-mode .compatibility-category-item {
    border-color: #26364A;
}

body.dark-mode .compatibility-category-item:hover {
    background: #111D2D;
}

body.dark-mode .compatibility-category-icon {
    background: #1A293B;
    color: #E5EAF0;
}

body.dark-mode .compatibility-category-item:hover .compatibility-category-icon {
    background: #F28C28;
    color: #FFFFFF;
}

body.dark-mode .compatibility-category-content h3 {
    color: #E5EAF0;
}

body.dark-mode .compatibility-category-content p {
    color: #AAB4C0;
}

body.dark-mode .compatibility-category-arrow {
    color: #AAB4C0;
}

/* =========================================
   COMPATIBILITY BENEFITS - DARK MODE
========================================= */

body.dark-mode .compatibility-benefits {
    background: #0B1421;
}

body.dark-mode .compatibility-benefits-intro h2 {
    color: #E5EAF0;
}

body.dark-mode .compatibility-benefits-intro p {
    color: #AAB4C0;
}

body.dark-mode .compatibility-benefits-btn:hover {
    background: #E5EAF0;
    color: #0B1421;
    border-color: #E5EAF0;
}

body.dark-mode .compatibility-benefit {
    border-color: #26364A;
}

body.dark-mode .compatibility-benefit:nth-child(odd) {
    border-right-color: #26364A;
}

body.dark-mode .compatibility-benefit-icon {
    background: #1A293B;
    color: #F28C28;
}

body.dark-mode .compatibility-benefit h3 {
    color: #E5EAF0;
}

body.dark-mode .compatibility-benefit p {
    color: #AAB4C0;
}

/* =========================================
   COMPATIBILITY FAQ - DARK MODE
========================================= */

body.dark-mode .compatibility-faq {
    background: #0D1520;
}

body.dark-mode .compatibility-faq-header h2 {
    color: #E5EAF0;
}

body.dark-mode .compatibility-faq-header p {
    color: #AAB4C0;
}

body.dark-mode .compatibility-faq-item {
    background: #111D2D;
    border-color: #26364A;
}

body.dark-mode .compatibility-faq-item:hover {
    border-color: #F28C28;
}

body.dark-mode .compatibility-faq-item summary {
    color: #E5EAF0;
}

body.dark-mode .compatibility-faq-answer {
    color: #AAB4C0;
}


/* =========================================
   COMPATIBILITY FINAL CTA - DARK MODE
========================================= */

body.dark-mode .compatibility-final-cta {
    background: #0B1421;
}

body.dark-mode .compatibility-final-cta-content h2 {
    color: #E5EAF0;
}

body.dark-mode .compatibility-final-cta-content p {
    color: #AAB4C0;
}

body.dark-mode .compatibility-final-cta-btn:hover {
    background: #E5EAF0;
    color: #0B1421;
    border-color: #E5EAF0;
}

body.dark-mode .compatibility-final-cta-link {
    color: #AAB4C0;
}

/* =========================================
   CONTACT PAGE BANNER - DARK MODE
========================================= */

body.dark-mode .contact-page-banner {
    background-color: #0B1421;
}

body.dark-mode .contact-page-banner-overlay {
    background: rgba(11, 20, 33, 0.86);
}

body.dark-mode .contact-page-banner-content h1 {
    color: #E5EAF0;
}

body.dark-mode .contact-page-banner-content p {
    color: #AAB4C0;
} 

/* =========================================
   CONTACT INFORMATION - DARK MODE
========================================= */

body.dark-mode .contact-info-section {
    background: #0D1520;
}

body.dark-mode .contact-location-card {
    background: #111D2D;
}

body.dark-mode .contact-location-content h2,
body.dark-mode .contact-details-area h2 {
    color: #E5EAF0;
}

body.dark-mode .contact-location-content > p,
body.dark-mode .contact-details-intro {
    color: #AAB4C0;
}

body.dark-mode .contact-address-icon {
    background: #172B4D;
    color: #F28C28;
}

body.dark-mode .contact-address h4 {
    color: #E5EAF0;
}

body.dark-mode .contact-address p {
    color: #AAB4C0;
}

body.dark-mode .contact-direction-btn {
    background: #172B4D;
    color: #FFFFFF;
}

body.dark-mode .contact-direction-btn:hover {
    background: #F28C28;
}

body.dark-mode .contact-detail-item {
    border-color: #26364A;
}

body.dark-mode .contact-detail-icon {
    background: #1A293B;
    color: #F28C28;
}

body.dark-mode .contact-detail-item span {
    color: #AAB4C0;
}

body.dark-mode .contact-detail-item a,
body.dark-mode .contact-detail-item strong {
    color: #E5EAF0;
}

body.dark-mode .contact-quick-help {
    background: #111D2D;
}

body.dark-mode .contact-quick-help p {
    color: #AAB4C0;
}

/* =========================================
   BULK ORDER - DARK MODE
========================================= */

body.dark-mode .bulk-order-section {
    background: #0D1520;
}

body.dark-mode .bulk-order-content h2 {
    color: #E5EAF0;
}

body.dark-mode .bulk-order-content > p {
    color: #AAB4C0;
}

body.dark-mode .bulk-order-point span {
    color: #E5EAF0;
}

body.dark-mode .bulk-order-point i {
    background: #1A293B;
    color: #F28C28;
}

body.dark-mode .bulk-order-form-card {
    background: #111D2D;
    border-color: #26364A;
    box-shadow: none;
}

body.dark-mode .bulk-order-form-header h3 {
    color: #E5EAF0;
}

body.dark-mode .bulk-order-form-header p {
    color: #AAB4C0;
}

body.dark-mode .bulk-form-group label {
    color: #E5EAF0;
}

body.dark-mode .bulk-form-group input,
body.dark-mode .bulk-form-group select,
body.dark-mode .bulk-form-group textarea {
    background: #1A293B;
    color: #E5EAF0;
    border-color: #26364A;
}

body.dark-mode .bulk-form-group input:focus,
body.dark-mode .bulk-form-group select:focus,
body.dark-mode .bulk-form-group textarea:focus {
    border-color: #F28C28;
    background: #1A293B;
}

body.dark-mode .bulk-form-group input::placeholder,
body.dark-mode .bulk-form-group textarea::placeholder {
    color: #7F8A98;
}

body.dark-mode .bulk-submit-btn {
    background: #172B4D;
}

body.dark-mode .bulk-submit-btn:hover {
    background: #F28C28;
}

/* =========================================
   CONTACT SUPPORT - DARK MODE
========================================= */

body.dark-mode .contact-support-section {
    background: #0D1520;
}

body.dark-mode .contact-support-header h2 {
    color: #E5EAF0;
}

body.dark-mode .contact-support-header p {
    color: #AAB4C0;
}

body.dark-mode .contact-support-card {
    background: #111D2D;
}

body.dark-mode .contact-support-number {
    color: #344255;
}

body.dark-mode .contact-support-icon {
    background: #1A293B;
    color: #F28C28;
}

body.dark-mode .contact-support-card h3 {
    color: #E5EAF0;
}

body.dark-mode .contact-support-card p {
    color: #AAB4C0;
}

body.dark-mode .contact-support-card:hover {
    background: #172B4D;
}

body.dark-mode .contact-support-card:hover h3 {
    color: #FFFFFF;
}

body.dark-mode .contact-support-card:hover p {
    color: #D5DCE5;
}

/* =========================================
   STORE LOCATION MAP - DARK MODE
========================================= */

body.dark-mode .contact-map-section {
    background: #0D1520;
}

body.dark-mode .contact-map-container {
    background: #111D2D;
    border-color: #26364A;
}

body.dark-mode .contact-map-content h2 {
    color: #E5EAF0;
}

body.dark-mode .contact-map-content > p {
    color: #AAB4C0;
}

body.dark-mode .contact-map-address-icon {
    background: #1A293B;
    color: #F28C28;
}

body.dark-mode .contact-map-address span {
    color: #AAB4C0;
}

body.dark-mode .contact-map-address strong {
    color: #E5EAF0;
}

body.dark-mode .contact-map-btn {
    background: #172B4D;
}

body.dark-mode .contact-map-btn:hover {
    background: #F28C28;
}

/* =========================================
   LOGIN V2 - DARK MODE
========================================= */

body.dark-mode .login-v2-section {
    background: #0B1421;
}

body.dark-mode .login-v2-wrapper {
    background: #111D2D;

    box-shadow: none;
}

body.dark-mode .login-v2-overlay {
    background: linear-gradient(
        180deg,
        rgba(11, 20, 33, 0.30),
        rgba(11, 20, 33, 0.94)
    );
}

body.dark-mode .login-v2-form h2 {
    color: #E5EAF0;
}

body.dark-mode .login-v2-subtitle {
    color: #AAB4C0;
}

body.dark-mode .login-v2-field label {
    color: #E5EAF0;
}

body.dark-mode .login-v2-input input {
    background: #1A293B;
    color: #E5EAF0;

    border-color: #26364A;
}

body.dark-mode .login-v2-input input:focus {
    background: #1A293B;
    border-color: #F28C28;
}

body.dark-mode .login-v2-input input::placeholder {
    color: #7F8A98;
}

body.dark-mode .login-v2-input i {
    color: #AAB4C0;
}

body.dark-mode .login-v2-check span {
    color: #AAB4C0;
}

body.dark-mode .login-v2-divider::before {
    background: #26364A;
}

body.dark-mode .login-v2-divider span {
    background: #111D2D;
    color: #7F8A98;
}

body.dark-mode .login-v2-register span {
    color: #AAB4C0;
}

/* =========================================
   SIGNUP PAGE - DARK MODE
========================================= */

body.dark-mode .signup-v1-section {
    background: #0B1421;
}


/* MAIN CARD */

body.dark-mode .signup-v1-card {
    background: #111D2D;

    border-color: #26364A;

    box-shadow: none;
}


/* IMAGE OVERLAY */

body.dark-mode .signup-v1-image-overlay {
    background:
        linear-gradient(
            180deg,
            rgba(11, 20, 33, 0.25),
            rgba(11, 20, 33, 0.96)
        );
}


/* LEFT CONTENT */

body.dark-mode .signup-v1-info-content > p {
    color: #AAB4C0;
}


body.dark-mode .signup-v1-point span {
    color: #E5EAF0;
}


/* FORM HEADING */

body.dark-mode .signup-v1-form h2 {
    color: #E5EAF0;
}


body.dark-mode .signup-v1-subtitle {
    color: #AAB4C0;
}


/* LABEL */

body.dark-mode .signup-v1-field label {
    color: #E5EAF0;
}


/* INPUT */

body.dark-mode .signup-v1-input input {
    background: #1A293B;

    color: #E5EAF0;

    border-color: #26364A;
}


body.dark-mode .signup-v1-input input:focus {
    background: #1A293B;

    border-color: #F28C28;
}


body.dark-mode .signup-v1-input input::placeholder {
    color: #7F8A98;
}


body.dark-mode .signup-v1-input i {
    color: #AAB4C0;
}


/* TERMS */

body.dark-mode .signup-v1-terms span {
    color: #AAB4C0;
}


/* LOGIN */

body.dark-mode .signup-v1-login span {
    color: #AAB4C0;
}

/* =========================================
   LOGIN V2 - DARK MODE
========================================= */

body.dark-mode .login-v2-section {
    background: #0B1421;
}

body.dark-mode .login-v2-wrapper {
    background: #111D2D;
    border-color: #26364A;
    box-shadow: none;
}


/* LEFT IMAGE OVERLAY */

body.dark-mode .login-v2-overlay {
    background: linear-gradient(
        180deg,
        rgba(11, 20, 33, 0.30),
        rgba(11, 20, 33, 0.96)
    );
}


/* FORM */

body.dark-mode .login-v2-form h2 {
    color: #E5EAF0;
}

body.dark-mode .login-v2-subtitle {
    color: #AAB4C0;
}

body.dark-mode .login-v2-field label {
    color: #E5EAF0;
}


/* INPUT */

body.dark-mode .login-v2-input input {
    background: #1A293B;
    color: #E5EAF0;
    border-color: #26364A;
}

body.dark-mode .login-v2-input input:focus {
    background: #1A293B;
    border-color: #F28C28;
}

body.dark-mode .login-v2-input input::placeholder {
    color: #7F8A98;
}

body.dark-mode .login-v2-input i {
    color: #AAB4C0;
}


/* CHECKBOX */

body.dark-mode .login-v2-check span {
    color: #AAB4C0;
}


/* DIVIDER */

body.dark-mode .login-v2-divider::before {
    background: #26364A;
}

body.dark-mode .login-v2-divider span {
    background: #111D2D;
    color: #7F8A98;
}


/* REGISTER */

body.dark-mode .login-v2-register span {
    color: #AAB4C0;
}

/* =========================================
   SIGNUP V1 - DARK MODE
========================================= */

body.dark-mode .signup-v1-section {
    background: #0B1421;
}


/* MAIN CARD */

body.dark-mode .signup-v1-card {
    background: #111D2D;
    border-color: #26364A;
    box-shadow: none;
}


/* LEFT IMAGE */

body.dark-mode .signup-v1-image-overlay {
    background: linear-gradient(
        180deg,
        rgba(11, 20, 33, 0.25),
        rgba(11, 20, 33, 0.96)
    );
}


/* LEFT CONTENT */

body.dark-mode .signup-v1-info-content > p {
    color: #AAB4C0;
}

body.dark-mode .signup-v1-point span {
    color: #E5EAF0;
}


/* FORM */

body.dark-mode .signup-v1-form h2 {
    color: #E5EAF0;
}

body.dark-mode .signup-v1-subtitle {
    color: #AAB4C0;
}


/* LABEL */

body.dark-mode .signup-v1-field label {
    color: #E5EAF0;
}


/* INPUT */

body.dark-mode .signup-v1-input input {
    background: #1A293B;
    color: #E5EAF0;
    border-color: #26364A;
}

body.dark-mode .signup-v1-input input:focus {
    background: #1A293B;
    border-color: #F28C28;
}

body.dark-mode .signup-v1-input input::placeholder {
    color: #7F8A98;
}

body.dark-mode .signup-v1-input i {
    color: #AAB4C0;
}


/* TERMS */

body.dark-mode .signup-v1-terms span {
    color: #AAB4C0;
}


/* LOGIN LINK */

body.dark-mode .signup-v1-login span {
    color: #AAB4C0;
}

/* HOME 2 HERO DARK MODE */

body.dark-mode .home2-hero {
    background: #0B1421;
}

body.dark-mode .home2-hero-content h1 {
    color: #E5EAF0;
}

body.dark-mode .home2-hero-content > p {
    color: #AAB4C0;
}

body.dark-mode .home2-hero-secondary {
    background: #111D2D;
    border-color: #26364A;
    color: #E5EAF0;
}

body.dark-mode .home2-hero-secondary:hover {
    border-color: #F28C28;
    color: #F28C28;
}

body.dark-mode .home2-hero-trust {
    border-color: #26364A;
}

body.dark-mode .home2-hero-trust strong {
    color: #E5EAF0;
}

body.dark-mode .home2-hero-trust span {
    color: #AAB4C0;
}

body.dark-mode .home2-hero-circle {
    background: #111D2D;
}

body.dark-mode .home2-hero-circle::before {
    border-color: #26364A;
}

body.dark-mode .home2-floating-card {
    background: #111D2D;
    border-color: #26364A;
    box-shadow: none;
}

body.dark-mode .home2-floating-card > i {
    background: #1A293B;
    color: #F28C28;
}

body.dark-mode .home2-floating-card strong {
    color: #E5EAF0;
}

body.dark-mode .home2-floating-card span {
    color: #AAB4C0;
}

/* =========================================
   HOME 2 - FEATURED PARTS DARK MODE
========================================= */

body.dark-mode .home2-featured-parts {
    background: #0B1421;
}


/* Header */

body.dark-mode .home2-featured-heading h2 {
    color: #E5EAF0;
}

body.dark-mode .home2-featured-intro p {
    color: #AAB4C0;
}

body.dark-mode .home2-featured-view {
    color: #E5EAF0;
}

body.dark-mode .home2-featured-view:hover {
    color: #F28C28;
}


/* Large card */

body.dark-mode .home2-featured-large {
    background: #111D2D;
}

body.dark-mode .home2-featured-image {
    background: #1A293B;
}

body.dark-mode .home2-featured-image::before {
    border-color: rgba(229, 234, 240, 0.08);
}

body.dark-mode .home2-featured-image::after {
    border-color: rgba(242, 140, 40, 0.18);
}

body.dark-mode .home2-featured-content {
    background: #111D2D;
}

body.dark-mode .home2-featured-content h3 {
    color: #E5EAF0;
}

body.dark-mode .home2-featured-content p {
    color: #AAB4C0;
}

body.dark-mode .home2-featured-link {
    color: #E5EAF0 !important;
}


/* Small cards */

body.dark-mode .home2-featured-small {
    background: #111D2D;
    border-color: #26364A;
}

body.dark-mode .home2-featured-small:hover {
    border-color: #F28C28;
}

body.dark-mode .home2-featured-small-top i {
    color: #E5EAF0;
}

body.dark-mode .home2-featured-small-content h3 {
    color: #E5EAF0;
}

body.dark-mode .home2-featured-small-content p {
    color: #AAB4C0;
}


/* Wide card */

body.dark-mode .home2-featured-wide {
    background: #172B4D;
}

body.dark-mode .home2-featured-wide:hover {
    background: #1E3A63;
}

body.dark-mode .home2-featured-wide-text h3 {
    color: #E5EAF0;
}

body.dark-mode .home2-featured-wide-icon {
    border-color: #3B4D64;
}

/* =========================================
   HOME 2 - VEHICLE COMPATIBILITY DARK MODE
========================================= */

body.dark-mode .home2-compatibility {
    background: #0B1421;
}


/* Left */

body.dark-mode .home2-compatibility-inner {
    background: #111D2D;
}

body.dark-mode .home2-compatibility-content {
    background: #111D2D;
}

body.dark-mode .home2-compatibility-content h2 {
    color: #E5EAF0;
}

body.dark-mode .home2-compatibility-content > p {
    color: #AAB4C0;
}

body.dark-mode .home2-compatibility-step > span {
    border-color: #34465C;
}

body.dark-mode .home2-compatibility-step strong {
    color: #E5EAF0;
}

body.dark-mode .home2-compatibility-step small {
    color: #8F9BAB;
}


/* Right */

body.dark-mode .home2-compatibility-finder {
    background: #111D2D;
}

body.dark-mode .home2-compatibility-finder-top i {
    color: #E5EAF0;
}

body.dark-mode .home2-compatibility-car {
    border-color: #26364A;
}

body.dark-mode .home2-compatibility-car-circle {
    background: #1A293B;
}

body.dark-mode .home2-compatibility-car strong {
    color: #E5EAF0;
}

body.dark-mode .home2-compatibility-car span {
    color: #AAB4C0;
}


/* Fields */

body.dark-mode .home2-compatibility-field label {
    color: #E5EAF0;
}

body.dark-mode .home2-compatibility-field select {
    background: #1A293B;
    border-color: #26364A;
    color: #AAB4C0;
}

body.dark-mode .home2-compatibility-field select:focus {
    background: #111D2D;
    border-color: #F28C28;
}


/* Find button */

body.dark-mode .home2-compatibility-find {
    background: #172B4D;
}

body.dark-mode .home2-compatibility-find:hover {
    background: #F28C28;
}


/* Note */

body.dark-mode .home2-compatibility-note span {
    color: #AAB4C0;
}

/* =========================================
   HOME 2 - QUALITY PROMISE DARK MODE
========================================= */

body.dark-mode .home2-quality {
    background: #0B1421;
}


/* Header */

body.dark-mode .home2-quality-header h2 {
    color: #E5EAF0;
}

body.dark-mode .home2-quality-header p {
    color: #AAB4C0;
}


/* List */

body.dark-mode .home2-quality-list {
    border-color: #26364A;
}

body.dark-mode .home2-quality-item {
    border-color: #26364A;
}

body.dark-mode .home2-quality-item:hover {
    background: #111D2D;
}


/* Number */

body.dark-mode .home2-quality-number {
    color: #6F7B8B;
}


/* Icon */

body.dark-mode .home2-quality-icon {
    background: #1A293B;
    color: #F28C28;
}


/* Content */

body.dark-mode .home2-quality-content h3 {
    color: #E5EAF0;
}

body.dark-mode .home2-quality-content p {
    color: #AAB4C0;
}


/* Arrow */

body.dark-mode .home2-quality-arrow {
    color: #E5EAF0;
}


/* Bottom */

body.dark-mode .home2-quality-bottom {
    background: #111D2D;
}

body.dark-mode .home2-quality-bottom-text strong {
    color: #E5EAF0;
}

body.dark-mode .home2-quality-bottom-text span {
    color: #AAB4C0;
}

/* =========================================
   HOME 2 - CUSTOMER EXPERIENCE DARK MODE
========================================= */

body.dark-mode .home2-customer {
    background: #0B1421;
}


/* Visual Rating */

body.dark-mode .home2-customer-rating {
    background: #111D2D;

    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
}

body.dark-mode .home2-customer-rating strong {
    color: #E5EAF0;
}

body.dark-mode .home2-customer-rating span {
    color: #AAB4C0;
}


/* Content */

body.dark-mode .home2-customer-content h2 {
    color: #E5EAF0;
}

body.dark-mode .home2-customer-content blockquote {
    color: #D2D8E0;
}


/* Quote */

body.dark-mode .home2-customer-quote {
    background: #1A293B;
}


/* Author */

body.dark-mode .home2-customer-author strong {
    color: #E5EAF0;
}

body.dark-mode .home2-customer-author span {
    color: #AAB4C0;
}


/* Stats */

body.dark-mode .home2-customer-stats {
    border-color: #26364A;
}

body.dark-mode .home2-customer-stat {
    border-color: #26364A;
}

body.dark-mode .home2-customer-stat strong {
    color: #E5EAF0;
}

body.dark-mode .home2-customer-stat span {
    color: #AAB4C0;
}

/* =========================================
   HOME 2 - CATEGORY EXPLORER DARK MODE
========================================= */

body.dark-mode .home2-category-explorer {
    background: #0B1421;
}

body.dark-mode .home2-category-intro h2 {
    color: #E5EAF0;
}

body.dark-mode .home2-category-intro p {
    color: #AAB4C0;
}

body.dark-mode .home2-category-main-btn {
    background: #F28C28;
    color: #FFFFFF;
}

body.dark-mode .home2-category-main-btn:hover {
    background: #FFFFFF;
    color: #172B4D;
}


/* CATEGORY LIST */

body.dark-mode .home2-category-list {
    border-color: #26364A;
}

body.dark-mode .home2-category-item {
    border-color: #26364A;
}

body.dark-mode .home2-category-item:hover {
    background: #111D2D;
}


/* NUMBER */

body.dark-mode .home2-category-number {
    color: #667487;
}


/* ICON */

body.dark-mode .home2-category-icon {
    background: #1A293B;
    color: #F28C28;
}

body.dark-mode .home2-category-item:hover .home2-category-icon {
    background: #F28C28;
    color: #FFFFFF;
}


/* CONTENT */

body.dark-mode .home2-category-content h3 {
    color: #E5EAF0;
}

body.dark-mode .home2-category-content p {
    color: #AAB4C0;
}


/* ARROW */

body.dark-mode .home2-category-arrow {
    border-color: #26364A;
    color: #E5EAF0;
}

body.dark-mode .home2-category-item:hover .home2-category-arrow {
    background: #F28C28;
    border-color: #F28C28;
    color: #FFFFFF;
}

/* =========================================
   HOME 2 - PREMIUM BRAND SPOTLIGHT
   DARK MODE
========================================= */

body.dark-mode .home2-brand-spotlight {
    background: #0B1421;
}

body.dark-mode .home2-brand-spotlight-header h2 {
    color: #E5EAF0;
}

body.dark-mode .home2-brand-spotlight-header > p {
    color: #AAB4C0;
}


/* FEATURED */

body.dark-mode .home2-brand-featured {
    background: #111D2D;
}

body.dark-mode .home2-brand-featured-content h3 {
    color: #E5EAF0;
}

body.dark-mode .home2-brand-featured-content p {
    color: #AAB4C0;
}

body.dark-mode .home2-brand-featured-badge {
    background: #1A293B;
    border-color: #26364A;
}


/* MINI CARDS */

body.dark-mode .home2-brand-mini {
    background: #111D2D;
    border-color: #26364A;
}

body.dark-mode .home2-brand-mini:hover {
    background: #1A293B;
    border-color: #F28C28;
    box-shadow: 0 15px 35px rgba(0,0,0,0.30);
}

body.dark-mode .home2-brand-mini-number {
    color: #667487;
}

body.dark-mode .home2-brand-mini-bottom {
    border-color: #26364A;
}

body.dark-mode .home2-brand-mini-bottom span {
    color: #AAB4C0;
}

body.dark-mode .home2-brand-mini-bottom i {
    color: #E5EAF0;
}


/* VIEW ALL */

body.dark-mode .home2-brand-view-all {
    background: #F28C28;
}

body.dark-mode .home2-brand-view-all:hover {
    background: #172B4D;
}

/* =========================================
   HOME 2 - WHY CHOOSE US
   DARK MODE
========================================= */

body.dark-mode .home2-why {
    background: #0B1421;
}

body.dark-mode .home2-why-heading h2 {
    color: #E5EAF0;
}

body.dark-mode .home2-why-heading > p {
    color: #AAB4C0;
}


/* BENEFITS */

body.dark-mode .home2-why-benefits {
    border-color: #26364A;
}

body.dark-mode .home2-why-benefit {
    border-color: #26364A;
}

body.dark-mode .home2-why-benefit:hover {
    background: #111D2D;
}

body.dark-mode .home2-why-number {
    color: #667487;
}

body.dark-mode .home2-why-icon {
    background: #1A293B;
    color: #F28C28;
}

body.dark-mode .home2-why-benefit:hover .home2-why-icon {
    background: #F28C28;
    color: #FFFFFF;
}

body.dark-mode .home2-why-benefit h3 {
    color: #E5EAF0;
}

body.dark-mode .home2-why-benefit p {
    color: #AAB4C0;
}


/* STATS */

body.dark-mode .home2-why-stats {
    border-color: #26364A;
}

body.dark-mode .home2-why-stat {
    border-color: #26364A;
}

body.dark-mode .home2-why-stat strong {
    color: #E5EAF0;
}

body.dark-mode .home2-why-stat span {
    color: #AAB4C0;
}

/* =========================================
   HOME 2 - COMPATIBILITY CTA
   DARK MODE
========================================= */

body.dark-mode .home2-fit-cta {
    background: #0B1421;
}

body.dark-mode .home2-fit-cta-content h2 {
    color: #E5EAF0;
}

body.dark-mode .home2-fit-cta-content p {
    color: #AAB4C0;
}

body.dark-mode .home2-fit-cta-primary {
    background: #F28C28;
    color: #FFFFFF;
}

body.dark-mode .home2-fit-cta-primary:hover {
    background: #FFFFFF;
    color: #172B4D;
}

body.dark-mode .home2-fit-cta-note {
    color: #AAB4C0;
}

body.dark-mode .home2-fit-cta-car {
    background: #111D2D;
    border-color: #26364A;
}

body.dark-mode .home2-fit-cta-floating {
    background: #111D2D;
    color: #E5EAF0;
}

body.dark-mode .home2-fit-cta-circle-two {
    border-color: rgba(242,140,40,0.16);
}

/* =========================================
   HOME 2 - FAQ DARK MODE
========================================= */

body.dark-mode .home2-faq {
    background: #0B1421;
}

body.dark-mode .home2-faq-intro h2 {
    color: #E5EAF0;
}

body.dark-mode .home2-faq-intro > p {
    color: #AAB4C0;
}

body.dark-mode .home2-faq-contact {
    background: #F28C28;
    color: #FFFFFF;
}

body.dark-mode .home2-faq-contact:hover {
    background: #FFFFFF;
    color: #172B4D;
}


/* FAQ */

body.dark-mode .home2-faq-list {
    border-color: #26364A;
}

body.dark-mode .home2-faq-item {
    border-color: #26364A;
}

body.dark-mode .home2-faq-item summary > span {
    color: #667487;
}

body.dark-mode .home2-faq-item summary strong {
    color: #E5EAF0;
}

body.dark-mode .home2-faq-item summary i {
    border-color: #26364A;
    color: #E5EAF0;
}

body.dark-mode .home2-faq-item[open] summary i {
    background: #F28C28;
    border-color: #F28C28;
    color: #FFFFFF;
}

body.dark-mode .home2-faq-answer p {
    color: #AAB4C0;
}