.dark-mode {
    background-color: #343a40;
    color: #ffffff;
}

.dark-mode .navbar {
    background-color: #343a40 !important;
}

.dark-mode .navbar .nav-link {
    color: #ffffff;
}
body.dark-mode {
    background-color: #343a40;
    color: #ffffff;
}

.dark-mode .navbar {
    background-color: #555555;
    border-color: #444;
}

.dark-mode .navbar-brand, .dark-mode .nav-link {
    color: #ffffff;
}

.dark-mode .dropdown-menu {
    background-color: #333333;
    color: #ffffff;
}

.dark-mode .service-item, .dark-mode .dynamic-div {
    background-color: #454545;
    color: #ffffff;
}

.dark-mode .table {
    background-color: #333333;
}

.dark-mode .table th,
.dark-mode .table td {
    border-color: #484848;
}

.dark-mode .carousel-inner {
    background-color: #555555;
}
.dark-mode p, .dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6 {
    color: #ffffff;
}
.dark-mode {
    background-color: #343a40; /* Dark background for dark mode */
    color: #ffffff; /* Light text color for dark mode */
}
body.dark-mode section {
    background-color: #282c34; /* Darker background for the sections */
    color: #ffffff; /* Light text color for readability */
}
.dark-mode a {
    color: #ffffff; /* Light text color for links in dark mode */
}
.dark-mode footer {
    color: #ffffff; /* Light text color for links in dark mode */
}
.dark-mode #toastContainer .toast {
    background-color: #555555;
}