body.dark-mode {
    background-color: #131314;
    /* Dark background */
    color: #e3e3e3;
    /* Light text for dark mode */
}

/* Dark Mode Styles */
body.dark-mode header,
body.dark-mode footer {
    background-color: var(--dark-backdrop-background) !important;
    /* Darker header/footer */
    backdrop-filter: var(--backdrop-filter);
}

/* Example of Card with Bootstrap */
body.dark-mode .card {
    background-color: var(--dark-container);
}

body.dark-mode .s-contact_form {
    background-color: var(--dark-container);
}

body.dark-mode .s-contact_form form {
    background-color: var(--dark-container2);
}

body.dark-mode input,
body.dark-mode textarea {
    border-color: rgba(255, 255, 255, 0.15);
}

body.dark-mode .border-bottom,
body.dark-mode .border-top {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Search Results Container */
body.dark-mode .search-results-container {
    background: var(--dark-backdrop-background);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

body.dark-mode .search-results-container ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

body.dark-mode .search-results-container ul li:hover {
    background: var(--dark-container2);
    color: var(--primary-color);
}

body.dark-mode .search-results-container a {
    color: #e3e3e3;
}

body.dark-mode .search-results-container h2 {
    background: rgba(255, 255, 255, 0.1);
    color: #e3e3e3;
}

body.dark-mode .img-invert {
    filter: invert(1);
}

body.dark-mode .stepper-item {
    background-color: var(--dark-container);
    border: 10px solid #121212;
}

body.dark-mode .step-section {
    background-color: var(--dark-container);
    border-color: var(--bs-border-color-translucent);
}

body.dark-mode .bg-white {
    background-color: var(--dark-container) !important;
}

body.dark-mode .lens-flare::before {
    background: radial-gradient(circle at center, #ff3f81 60%, transparent 80%);
}

body.dark-mode .lens-flare::after {
    background: radial-gradient(circle at center, #3fffac 60%, transparent 80%);
}

body.dark-mode .stepper .step .circle {
    outline: 10px solid #131314;
}

body.dark-mode .user-menu{
    background-color: var(--dark-container);
    color: white;
}

body.dark-mode .user-menu li:hover {
    background: var(--dark-backdrop-background);
}

body.dark-mode .elementor-heading-title{
    color: inherit !important;
}