/* Dark Mode Styles */
.dark-mode {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* Text colors in dark mode */
.dark-mode .text-muted {
    color: #b0b0b0 !important;
}

.dark-mode .text-dark {
    color: #e0e0e0 !important;
}

/* Background colors in dark mode */
.dark-mode .bg-white,
.dark-mode .card,
.dark-mode .modal-content,
.dark-mode .dropdown-menu {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
}

/* Form controls in dark mode */
.dark-mode .form-control {
    background-color: #1a1a1a !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

.dark-mode .form-control::placeholder {
    color: #808080 !important;
}

/* Labels and form text in light backgrounds */
.dark-mode .bg-white label,
.dark-mode .bg-white .text-dark,
.dark-mode .dropdown-menu .text-dark {
    color: #e0e0e0 !important;
}

/* Contact form specific - force black text on white background */
.dark-mode .contact-form label,
.dark-mode .contact-form .form-control,
.dark-mode .bg-white .form-label,
.dark-mode .bg-white .form-control {
    color: #000000 !important;
}

/* Contact form background in dark mode */
.dark-mode .contact-form,
.dark-mode .bg-white {
    background-color: #2d2d2d !important;
}

/* Dropdown items in dark mode */
.dark-mode .dropdown-item {
    color: #e0e0e0 !important;
}

.dark-mode .dropdown-item:hover {
    background-color: #404040 !important;
}

.dark-mode .dropdown-item-text {
    color: #e0e0e0 !important;
}

/* Navbar toggler in dark mode */
.dark-mode .navbar-toggler {
    background-color: #404040 !important;
    border-color: #505050 !important;
}

.dark-mode .navbar-toggler-icon {
    filter: invert(1);
}

/* Navbar toggler icon in dark mode */
.dark-mode .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Dashboard specific dark mode fixes */
.dark-mode .bg-white .text-muted {
    color: #000000 !important;
}

.dark-mode .bg-white h4,
.dark-mode .bg-white p,
.dark-mode .bg-white small {
    color: #000000 !important;
}

/* Contact page specific fixes */
.dark-mode .bg-white .bi,
.dark-mode .bg-white i {
    color: #000000 !important;
}

.dark-mode .bg-white a {
    color: #000000 !important;
}

/* Dropdown full name in dark mode */
.dark-mode .dropdown-item-text {
    color: #e0e0e0 !important;
}

/* Navbar dropdown in dark mode */
.dark-mode .dropdown-menu {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
}

.dark-mode .dropdown-menu .dropdown-item {
    color: #e0e0e0 !important;
}

.dark-mode .dropdown-menu .dropdown-item:hover {
    background-color: #404040 !important;
}

/* Navbar brand and links in dark mode */
.dark-mode .navbar-brand,
.dark-mode .navbar-nav .nav-link {
    color: #e0e0e0 !important;
}

.dark-mode .navbar-nav .nav-link:hover {
    color: #ffffff !important;
}

.dark-mode .navbar-nav .nav-link.active {
    color: #ffffff !important;
    font-weight: bold;
}

/* Navbar background in dark mode */
.dark-mode .navbar {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
}

.dark-mode .navbar-light {
    background-color: #2d2d2d !important;
}

/* Navbar collapse in dark mode */
.dark-mode .navbar-collapse {
    background-color: #2d2d2d !important;
}

/* Navbar dropdown buttons in dark mode */
.dark-mode .btn-light {
    background-color: #404040 !important;
    border-color: #505050 !important;
    color: #e0e0e0 !important;
}

.dark-mode .btn-light:hover {
    background-color: #505050 !important;
    border-color: #606060 !important;
    color: #ffffff !important;
}

/* Language dropdown in dark mode */
.dark-mode .dropdown-toggle::after {
    border-top-color: #e0e0e0 !important;
}

/* List group items in dark mode */
.dark-mode .list-group-item {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

.dark-mode .list-group-item:hover {
    background-color: #404040 !important;
}

.dark-mode .list-group-item.active {
    background-color: #007bff !important;
    border-color: #007bff !important;
}

/* Card headers in dark mode */
.dark-mode .card-header {
    background-color: #007bff !important;
    border-color: #007bff !important;
}

/* Card body in dark mode */
.dark-mode .card-body {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
}

/* Form labels in dark mode (except in white backgrounds) */
.dark-mode .form-label {
    color: #e0e0e0 !important;
}

/* Form labels in white backgrounds (contact form, dashboard user info) */
.dark-mode .bg-white .form-label,
.dark-mode .contact-form .form-label {
    color: #000000 !important;
}

/* Buttons in dark mode */
.dark-mode .btn-outline-dark {
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

.dark-mode .btn-outline-dark:hover {
    background-color: #404040 !important;
    color: #ffffff !important;
}

/* Modal content in dark mode */
.dark-mode .modal-content {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
}

.dark-mode .modal-header {
    border-color: #404040 !important;
}

.dark-mode .modal-footer {
    border-color: #404040 !important;
}

.dark-mode .modal-title {
    color: #e0e0e0 !important;
}

.dark-mode .modal-body {
    color: #e0e0e0 !important;
}

/* Close button in dark mode */
.dark-mode .btn-close {
    filter: invert(1);
}

/* Footer in dark mode */
.dark-mode footer {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
}

.dark-mode footer a {
    color: #e0e0e0 !important;
}

.dark-mode footer a:hover {
    color: #ffffff !important;
}

/* WhatsApp button in dark mode */
.dark-mode .whatsapp-float {
    background-color: #25d366 !important;
}

.dark-mode .whatsapp-float:hover {
    background-color: #128c7e !important;
}

/* Container and sections in dark mode */
.dark-mode .container {
    color: #e0e0e0 !important;
}

.dark-mode .bg-light {
    background-color: #1a1a1a !important;
}

.dark-mode .shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5) !important;
}

/* Text colors in dark mode for better contrast */
.dark-mode .text-dark {
    color: #e0e0e0 !important;
}

.dark-mode .text-muted {
    color: #b0b0b0 !important;
}

/* Links in dark mode */
.dark-mode a {
    color: #007bff !important;
}

.dark-mode a:hover {
    color: #0056b3 !important;
}

/* Links in white backgrounds */
.dark-mode .bg-white a,
.dark-mode .contact-form a {
    color: #000000 !important;
}

.dark-mode .bg-white a:hover,
.dark-mode .contact-form a:hover {
    color: #000000 !important;
    opacity: 0.8;
}

/* Display classes in dark mode */
.dark-mode .display-5 {
    color: #e0e0e0 !important;
}

.dark-mode .fw-bold {
    color: #e0e0e0 !important;
}

/* Text center in dark mode */
.dark-mode .text-center {
    color: #e0e0e0 !important;
}

/* Text start in dark mode */
.dark-mode .text-start {
    color: #e0e0e0 !important;
}

/* Display classes in white backgrounds */
.dark-mode .bg-white .display-5,
.dark-mode .contact-form .display-5 {
    color: #000000 !important;
}

.dark-mode .bg-white .fw-bold,
.dark-mode .contact-form .fw-bold {
    color: #000000 !important;
}

.dark-mode .bg-white .text-center,
.dark-mode .contact-form .text-center {
    color: #000000 !important;
}

.dark-mode .bg-white .text-start,
.dark-mode .contact-form .text-start {
    color: #000000 !important;
}

/* Height classes in dark mode */
.dark-mode .h-100 {
    color: #e0e0e0 !important;
}

.dark-mode .d-flex.flex-column {
    color: #e0e0e0 !important;
}

.dark-mode .justify-content-center {
    color: #e0e0e0 !important;
}

/* Height classes in white backgrounds */
.dark-mode .bg-white .h-100,
.dark-mode .contact-form .h-100 {
    color: #000000 !important;
}

.dark-mode .bg-white .d-flex.flex-column,
.dark-mode .contact-form .d-flex.flex-column {
    color: #000000 !important;
}

.dark-mode .bg-white .justify-content-center,
.dark-mode .contact-form .justify-content-center {
    color: #000000 !important;
}

/* Padding classes in dark mode */
.dark-mode .p-4 {
    color: #e0e0e0 !important;
}

.dark-mode .p-3 {
    color: #e0e0e0 !important;
}

/* Padding classes in white backgrounds */
.dark-mode .bg-white .p-4,
.dark-mode .contact-form .p-4 {
    color: #000000 !important;
}

.dark-mode .bg-white .p-3,
.dark-mode .contact-form .p-3 {
    color: #000000 !important;
}

/* Margin classes in dark mode */
.dark-mode .me-4 {
    color: #e0e0e0 !important;
}

.dark-mode .me-5 {
    color: #e0e0e0 !important;
}

.dark-mode .me-2 {
    color: #e0e0e0 !important;
}

/* Margin classes in white backgrounds */
.dark-mode .bg-white .me-4,
.dark-mode .contact-form .me-4 {
    color: #000000 !important;
}

.dark-mode .bg-white .me-5,
.dark-mode .contact-form .me-5 {
    color: #000000 !important;
}

.dark-mode .bg-white .me-2,
.dark-mode .contact-form .me-2 {
    color: #000000 !important;
}

/* Width classes in dark mode */
.dark-mode .w-100 {
    color: #e0e0e0 !important;
}

/* Width classes in white backgrounds */
.dark-mode .bg-white .w-100,
.dark-mode .contact-form .w-100 {
    color: #000000 !important;
}

/* Text decoration classes in dark mode */
.dark-mode .text-decoration-none {
    color: #e0e0e0 !important;
}

/* Text decoration classes in white backgrounds */
.dark-mode .bg-white .text-decoration-none,
.dark-mode .contact-form .text-decoration-none {
    color: #000000 !important;
}

/* Border classes in dark mode */
.dark-mode .border-0 {
    border-color: #404040 !important;
}

/* Border classes in white backgrounds */
.dark-mode .bg-white .border-0,
.dark-mode .contact-form .border-0 {
    border-color: #dee2e6 !important;
}

/* Object fit classes in dark mode */
.dark-mode .object-fit-cover {
    color: #e0e0e0 !important;
}

/* Object fit classes in white backgrounds */
.dark-mode .bg-white .object-fit-cover,
.dark-mode .contact-form .object-fit-cover {
    color: #000000 !important;
}

.dark-mode .text-muted {
    color: #b0b0b0 !important;
}

/* Text muted class in white backgrounds */
.dark-mode .bg-white .text-muted,
.dark-mode .contact-form .text-muted {
    color: #6c757d !important;
}

/* Text dark class in dark mode */
.dark-mode .text-dark {
    color: #e0e0e0 !important;
}

/* Text dark class in white backgrounds */
.dark-mode .bg-white .text-dark,
.dark-mode .contact-form .text-dark {
    color: #ffffff !important;
}

/* Button classes in dark mode */
.dark-mode .btn {
    color: #e0e0e0 !important;
}

.dark-mode .btn-primary {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #ffffff !important;
}

.dark-mode .btn-primary:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: #ffffff !important;
}

.dark-mode .btn-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
}

.dark-mode .btn-secondary:hover {
    background-color: #545b62 !important;
    border-color: #545b62 !important;
    color: #ffffff !important;
}

.dark-mode .btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #ffffff !important;
}

.dark-mode .btn-danger:hover {
    background-color: #c82333 !important;
    border-color: #c82333 !important;
    color: #ffffff !important;
}

/* Button classes in white backgrounds */
.dark-mode .bg-white .btn,
.dark-mode .contact-form .btn {
    color: #000000 !important;
}

.dark-mode .bg-white .btn-primary,
.dark-mode .contact-form .btn-primary {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #ffffff !important;
}

.dark-mode .bg-white .btn-primary:hover,
.dark-mode .contact-form .btn-primary:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: #ffffff !important;
}

/* Disabled buttons in dark mode */
.dark-mode .btn:disabled {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #adb5bd !important;
    opacity: 0.65 !important;
}

.dark-mode .btn:disabled:hover {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #adb5bd !important;
}

/* Disabled buttons in white backgrounds */
.dark-mode .bg-white .btn:disabled,
.dark-mode .contact-form .btn:disabled {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #adb5bd !important;
    opacity: 0.65 !important;
}

.dark-mode .bg-white .btn:disabled:hover,
.dark-mode .contact-form .btn:disabled:hover {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #adb5bd !important;
}

/* Active buttons in dark mode */
.dark-mode .btn.active {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #ffffff !important;
}

.dark-mode .btn.active:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: #ffffff !important;
}

/* Active buttons in white backgrounds */
.dark-mode .bg-white .btn.active,
.dark-mode .contact-form .btn.active {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #ffffff !important;
}

.dark-mode .bg-white .btn.active:hover,
.dark-mode .contact-form .btn.active:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: #ffffff !important;
}

/* List group item action in dark mode */
.dark-mode .list-group-item-action {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

.dark-mode .list-group-item-action:hover {
    background-color: #404040 !important;
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.active {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.active:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: #ffffff !important;
}

/* List group item action in white backgrounds */
.dark-mode .bg-white .list-group-item-action,
.dark-mode .contact-form .list-group-item-action {
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #000000 !important;
}

.dark-mode .bg-white .list-group-item-action:hover,
.dark-mode .contact-form .list-group-item-action:hover {
    background-color: #f8f9fa !important;
    color: #000000 !important;
}

.dark-mode .bg-white .list-group-item-action.active,
.dark-mode .contact-form .list-group-item-action.active {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #ffffff !important;
}

.dark-mode .bg-white .list-group-item-action.active:hover,
.dark-mode .contact-form .list-group-item-action.active:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: #ffffff !important;
}

/* Font size classes in dark mode */
.dark-mode .fs-1 {
    color: #e0e0e0 !important;
}

/* Font size classes in white backgrounds */
.dark-mode .bg-white .fs-1,
.dark-mode .contact-form .fs-1 {
    color: #000000 !important;
}

/* Text center class in dark mode */
.dark-mode .text-center {
    color: #e0e0e0 !important;
}

/* Text center class in white backgrounds */
.dark-mode .bg-white .text-center,
.dark-mode .contact-form .text-center {
    color: #000000 !important;
}

/* Py-4 class in dark mode */
.dark-mode .py-4 {
    color: #e0e0e0 !important;
}

/* Py-4 class in white backgrounds */
.dark-mode .bg-white .py-4,
.dark-mode .contact-form .py-4 {
    color: #000000 !important;
}

/* Mt-2 class in dark mode */
.dark-mode .mt-2 {
    color: #e0e0e0 !important;
}

/* Mt-2 class in white backgrounds */
.dark-mode .bg-white .mt-2,
.dark-mode .contact-form .mt-2 {
    color: #000000 !important;
}

/* List group class in dark mode */
.dark-mode .list-group {
    color: #e0e0e0 !important;
}

/* List group class in white backgrounds */
.dark-mode .bg-white .list-group,
.dark-mode .contact-form .list-group {
    color: #000000 !important;
}

/* Rows class in dark mode */
.dark-mode .rows-4 {
    color: #e0e0e0 !important;
}

/* Rows class in white backgrounds */
.dark-mode .bg-white .rows-4,
.dark-mode .contact-form .rows-4 {
    color: #000000 !important;
}

/* Required attribute in dark mode */
.dark-mode [required] {
    color: #e0e0e0 !important;
}

/* Required attribute in white backgrounds */
.dark-mode .bg-white [required],
.dark-mode .contact-form [required] {
    color: #000000 !important;
}

/* Data attributes in dark mode */
.dark-mode [data-i18n] {
    color: #e0e0e0 !important;
}

.dark-mode [data-i18n-placeholder] {
    color: #e0e0e0 !important;
}

/* Data attributes in white backgrounds */
.dark-mode .bg-white [data-i18n],
.dark-mode .contact-form [data-i18n] {
    color: #ffffff !important;
}

.dark-mode .bg-white [data-i18n-placeholder],
.dark-mode .contact-form [data-i18n-placeholder] {
    color: #000000 !important;
}

/* ID attributes in dark mode */
.dark-mode #name,
.dark-mode #email,
.dark-mode #message,
.dark-mode #supportSubject,
.dark-mode #supportMessage,
.dark-mode #editFirstName,
.dark-mode #editLastName,
.dark-mode #editEmail,
.dark-mode #currentPassword,
.dark-mode #newPassword,
.dark-mode #confirmNewPassword {
    color: #e0e0e0 !important;
}

/* ID attributes in white backgrounds */
.dark-mode .bg-white #name,
.dark-mode .bg-white #email,
.dark-mode .bg-white #message,
.dark-mode .contact-form #name,
.dark-mode .contact-form #email,
.dark-mode .contact-form #message {
    color: #000000 !important;
}

/* Form controls in white backgrounds */
.dark-mode .bg-white .form-control,
.dark-mode .contact-form .form-control {
    color: #000000 !important;
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
}

.dark-mode .bg-white .form-control::placeholder,
.dark-mode .contact-form .form-control::placeholder {
    color: #6c757d !important;
}

/* Textarea in dark mode */
.dark-mode textarea {
    color: #e0e0e0 !important;
    background-color: #1a1a1a !important;
    border-color: #404040 !important;
}

/* Textarea in white backgrounds */
.dark-mode .bg-white textarea,
.dark-mode .contact-form textarea {
    color: #000000 !important;
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
}

/* Input elements in dark mode */
.dark-mode input[type="text"],
.dark-mode input[type="email"],
.dark-mode input[type="password"] {
    color: #e0e0e0 !important;
    background-color: #1a1a1a !important;
    border-color: #404040 !important;
}

/* Input elements in white backgrounds */
.dark-mode .bg-white input[type="text"],
.dark-mode .bg-white input[type="email"],
.dark-mode .bg-white input[type="password"],
.dark-mode .contact-form input[type="text"],
.dark-mode .contact-form input[type="email"],
.dark-mode .contact-form input[type="password"] {
    color: #000000 !important;
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
}

/* Rounded classes in dark mode */
.dark-mode .rounded-3 {
    border-color: #404040 !important;
}

.dark-mode .rounded {
    border-color: #404040 !important;
}

/* Shadow classes in dark mode */
.dark-mode .shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;
}

/* Margin and padding classes in dark mode */
.dark-mode .my-5 {
    color: #e0e0e0 !important;
}

.dark-mode .py-5 {
    color: #e0e0e0 !important;
}

.dark-mode .mb-3 {
    color: #e0e0e0 !important;
}

.dark-mode .mb-2 {
    color: #e0e0e0 !important;
}

.dark-mode .mb-1 {
    color: #e0e0e0 !important;
}

.dark-mode .mt-2 {
    color: #e0e0e0 !important;
}

/* Margin and padding classes in white backgrounds */
.dark-mode .bg-white .my-5,
.dark-mode .contact-form .my-5 {
    color: #000000 !important;
}

.dark-mode .bg-white .py-5,
.dark-mode .contact-form .py-5 {
    color: #000000 !important;
}

.dark-mode .bg-white .mb-3,
.dark-mode .contact-form .mb-3 {
    color: #000000 !important;
}

.dark-mode .bg-white .mb-2,
.dark-mode .contact-form .mb-2 {
    color: #000000 !important;
}

.dark-mode .bg-white .mb-1,
.dark-mode .contact-form .mb-1 {
    color: #000000 !important;
}

.dark-mode .bg-white .mt-2,
.dark-mode .contact-form .mt-2 {
    color: #000000 !important;
}

/* Flex classes in dark mode */
.dark-mode .d-flex {
    color: #e0e0e0 !important;
}

.dark-mode .flex-grow-1 {
    color: #e0e0e0 !important;
}

.dark-mode .justify-content-between {
    color: #e0e0e0 !important;
}

.dark-mode .align-items-center {
    color: #e0e0e0 !important;
}

.dark-mode .align-items-start {
    color: #e0e0e0 !important;
}

.dark-mode .text-end {
    color: #e0e0e0 !important;
}

/* Flex classes in white backgrounds */
.dark-mode .bg-white .d-flex,
.dark-mode .contact-form .d-flex {
    color: #000000 !important;
}

.dark-mode .bg-white .flex-grow-1,
.dark-mode .contact-form .flex-grow-1 {
    color: #000000 !important;
}

.dark-mode .bg-white .justify-content-between,
.dark-mode .contact-form .justify-content-between {
    color: #000000 !important;
}

.dark-mode .bg-white .align-items-center,
.dark-mode .contact-form .align-items-center {
    color: #000000 !important;
}

.dark-mode .bg-white .align-items-start,
.dark-mode .contact-form .align-items-start {
    color: #000000 !important;
}

.dark-mode .bg-white .text-end,
.dark-mode .contact-form .text-end {
    color: #000000 !important;
}

/* Grid classes in dark mode */
.dark-mode .row {
    color: #e0e0e0 !important;
}

.dark-mode .col-md-3,
.dark-mode .col-md-5,
.dark-mode .col-md-9,
.dark-mode .col-lg-2 {
    color: #e0e0e0 !important;
}

.dark-mode .order-md-1,
.dark-mode .order-md-2 {
    color: #e0e0e0 !important;
}

.dark-mode .g-4 {
    color: #e0e0e0 !important;
}

.dark-mode .justify-content-center {
    color: #e0e0e0 !important;
}

.dark-mode .text-start {
    color: #e0e0e0 !important;
}

/* Grid classes in white backgrounds */
.dark-mode .bg-white .row,
.dark-mode .contact-form .row {
    color: #000000 !important;
}

.dark-mode .bg-white .col-md-3,
.dark-mode .bg-white .col-md-5,
.dark-mode .bg-white .col-md-9,
.dark-mode .bg-white .col-lg-2,
.dark-mode .contact-form .col-md-3,
.dark-mode .contact-form .col-md-5,
.dark-mode .contact-form .col-md-9,
.dark-mode .contact-form .col-lg-2 {
    color: #000000 !important;
}

.dark-mode .bg-white .order-md-1,
.dark-mode .bg-white .order-md-2,
.dark-mode .contact-form .order-md-1,
.dark-mode .contact-form .order-md-2 {
    color: #000000 !important;
}

.dark-mode .bg-white .g-4,
.dark-mode .contact-form .g-4 {
    color: #000000 !important;
}

.dark-mode .bg-white .justify-content-center,
.dark-mode .contact-form .justify-content-center {
    color: #000000 !important;
}

.dark-mode .bg-white .text-start,
.dark-mode .contact-form .text-start {
    color: #000000 !important;
}

/* Label elements in dark mode */
.dark-mode label {
    color: #e0e0e0 !important;
}

/* Label elements in white backgrounds */
.dark-mode .bg-white label,
.dark-mode .contact-form label {
    color: #000000 !important;
}

/* Form label class in dark mode */
.dark-mode .form-label {
    color: #e0e0e0 !important;
}

/* Form label class in white backgrounds */
.dark-mode .bg-white .form-label,
.dark-mode .contact-form .form-label {
    color: #ffffff !important;
}

/* Small elements in dark mode */
.dark-mode small {
    color: #b0b0b0 !important;
}

/* Small elements in white backgrounds */
.dark-mode .bg-white small,
.dark-mode .contact-form small {
    color: #6c757d !important;
}

/* H4 elements in dark mode */
.dark-mode h4 {
    color: #e0e0e0 !important;
}

/* H4 elements in white backgrounds */
.dark-mode .bg-white h4,
.dark-mode .contact-form h4 {
    color: #000000 !important;
}

/* P elements in dark mode */
.dark-mode p {
    color: #e0e0e0 !important;
}

/* P elements in white backgrounds */
.dark-mode .bg-white p,
.dark-mode .contact-form p {
    color: #000000 !important;
}

/* Span elements in dark mode */
.dark-mode span {
    color: #e0e0e0 !important;
}

/* Span elements in white backgrounds */
.dark-mode .bg-white span,
.dark-mode .contact-form span {
    color: #000000 !important;
}

/* I elements in dark mode */
.dark-mode i {
    color: #e0e0e0 !important;
}

/* I elements in white backgrounds */
.dark-mode .bg-white i,
.dark-mode .contact-form i {
    color: #000000 !important;
}

/* Bi elements in dark mode */
.dark-mode .bi {
    color: #e0e0e0 !important;
}

/* Bi elements in white backgrounds */
.dark-mode .bg-white .bi,
.dark-mode .contact-form .bi {
    color: #ffffff !important;
}

/* Fas elements in dark mode */
.dark-mode .fas {
    color: #e0e0e0 !important;
}

/* Fas elements in white backgrounds */
.dark-mode .bg-white .fas,
.dark-mode .contact-form .fas {
    color: #000000 !important;
}

/* Text success class in dark mode */
.dark-mode .text-success {
    color: #28a745 !important;
}

/* Text success class in white backgrounds */
.dark-mode .bg-white .text-success,
.dark-mode .contact-form .text-success {
    color: #28a745 !important;
}

/* Text danger class in dark mode */
.dark-mode .text-danger {
    color: #dc3545 !important;
}

/* Text danger class in white backgrounds */
.dark-mode .bg-white .text-danger,
.dark-mode .contact-form .text-danger {
    color: #dc3545 !important;
}

/* Text danger in list group item action in dark mode */
.dark-mode .list-group-item-action.text-danger {
    color: #dc3545 !important;
}

.dark-mode .list-group-item-action.text-danger:hover {
    background-color: #404040 !important;
    color: #dc3545 !important;
}

.dark-mode .list-group-item-action.text-danger.active {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.text-danger.active:hover {
    background-color: #c82333 !important;
    border-color: #c82333 !important;
    color: #ffffff !important;
}

/* Text danger in list group item action in white backgrounds */
.dark-mode .bg-white .list-group-item-action.text-danger,
.dark-mode .contact-form .list-group-item-action.text-danger {
    color: #dc3545 !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger:hover,
.dark-mode .contact-form .list-group-item-action.text-danger:hover {
    background-color: #f8f9fa !important;
    color: #dc3545 !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger.active,
.dark-mode .contact-form .list-group-item-action.text-danger.active {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #ffffff !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger.active:hover,
.dark-mode .contact-form .list-group-item-action.text-danger.active:hover {
    background-color: #c82333 !important;
    border-color: #c82333 !important;
    color: #ffffff !important;
}

/* Me-2 class in list group item action in dark mode */
.dark-mode .list-group-item-action .me-2 {
    color: #e0e0e0 !important;
}

.dark-mode .list-group-item-action:hover .me-2 {
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.active .me-2 {
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.active:hover .me-2 {
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.text-danger .me-2 {
    color: #dc3545 !important;
}

.dark-mode .list-group-item-action.text-danger:hover .me-2 {
    color: #dc3545 !important;
}

.dark-mode .list-group-item-action.text-danger.active .me-2 {
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.text-danger.active:hover .me-2 {
    color: #ffffff !important;
}

/* Me-2 class in list group item action in white backgrounds */
.dark-mode .bg-white .list-group-item-action .me-2,
.dark-mode .contact-form .list-group-item-action .me-2 {
    color: #000000 !important;
}

.dark-mode .bg-white .list-group-item-action:hover .me-2,
.dark-mode .contact-form .list-group-item-action:hover .me-2 {
    color: #000000 !important;
}

.dark-mode .bg-white .list-group-item-action.active .me-2,
.dark-mode .contact-form .list-group-item-action.active .me-2 {
    color: #ffffff !important;
}

.dark-mode .bg-white .list-group-item-action.active:hover .me-2,
.dark-mode .contact-form .list-group-item-action.active:hover .me-2 {
    color: #ffffff !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger .me-2,
.dark-mode .contact-form .list-group-item-action.text-danger .me-2 {
    color: #dc3545 !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger:hover .me-2,
.dark-mode .contact-form .list-group-item-action.text-danger:hover .me-2 {
    color: #dc3545 !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger.active .me-2,
.dark-mode .contact-form .list-group-item-action.text-danger.active .me-2 {
    color: #ffffff !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger.active:hover .me-2,
.dark-mode .contact-form .list-group-item-action.text-danger.active:hover .me-2 {
    color: #ffffff !important;
}

/* Span elements in list group item action in dark mode */
.dark-mode .list-group-item-action span {
    color: #e0e0e0 !important;
}

.dark-mode .list-group-item-action:hover span {
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.active span {
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.active:hover span {
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.text-danger span {
    color: #dc3545 !important;
}

.dark-mode .list-group-item-action.text-danger:hover span {
    color: #dc3545 !important;
}

.dark-mode .list-group-item-action.text-danger.active span {
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.text-danger.active:hover span {
    color: #ffffff !important;
}

/* Span elements in list group item action in white backgrounds */
.dark-mode .bg-white .list-group-item-action span,
.dark-mode .contact-form .list-group-item-action span {
    color: #000000 !important;
}

.dark-mode .bg-white .list-group-item-action:hover span,
.dark-mode .contact-form .list-group-item-action:hover span {
    color: #000000 !important;
}

.dark-mode .bg-white .list-group-item-action.active span,
.dark-mode .contact-form .list-group-item-action.active span {
    color: #ffffff !important;
}

.dark-mode .bg-white .list-group-item-action.active:hover span,
.dark-mode .contact-form .list-group-item-action.active:hover span {
    color: #ffffff !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger span,
.dark-mode .contact-form .list-group-item-action.text-danger span {
    color: #dc3545 !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger:hover span,
.dark-mode .contact-form .list-group-item-action.text-danger:hover span {
    color: #dc3545 !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger.active span,
.dark-mode .contact-form .list-group-item-action.text-danger.active span {
    color: #ffffff !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger.active:hover span,
.dark-mode .contact-form .list-group-item-action.text-danger.active:hover span {
    color: #ffffff !important;
}

/* Data-i18n attributes in list group item action in dark mode */
.dark-mode .list-group-item-action [data-i18n] {
    color: #e0e0e0 !important;
}

.dark-mode .list-group-item-action:hover [data-i18n] {
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.active [data-i18n] {
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.active:hover [data-i18n] {
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.text-danger [data-i18n] {
    color: #dc3545 !important;
}

.dark-mode .list-group-item-action.text-danger:hover [data-i18n] {
    color: #dc3545 !important;
}

.dark-mode .list-group-item-action.text-danger.active [data-i18n] {
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.text-danger.active:hover [data-i18n] {
    color: #ffffff !important;
}

/* Data-i18n attributes in list group item action in white backgrounds */
.dark-mode .bg-white .list-group-item-action [data-i18n],
.dark-mode .contact-form .list-group-item-action [data-i18n] {
    color: #000000 !important;
}

.dark-mode .bg-white .list-group-item-action:hover [data-i18n],
.dark-mode .contact-form .list-group-item-action:hover [data-i18n] {
    color: #000000 !important;
}

.dark-mode .bg-white .list-group-item-action.active [data-i18n],
.dark-mode .contact-form .list-group-item-action.active [data-i18n] {
    color: #ffffff !important;
}

.dark-mode .bg-white .list-group-item-action.active:hover [data-i18n],
.dark-mode .contact-form .list-group-item-action.active:hover [data-i18n] {
    color: #ffffff !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger [data-i18n],
.dark-mode .contact-form .list-group-item-action.text-danger [data-i18n] {
    color: #dc3545 !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger:hover [data-i18n],
.dark-mode .contact-form .list-group-item-action.text-danger:hover [data-i18n] {
    color: #dc3545 !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger.active [data-i18n],
.dark-mode .contact-form .list-group-item-action.text-danger.active [data-i18n] {
    color: #ffffff !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger.active:hover [data-i18n],
.dark-mode .contact-form .list-group-item-action.text-danger.active:hover [data-i18n] {
    color: #ffffff !important;
}

/* Data-section attributes in list group item action in dark mode */
.dark-mode .list-group-item-action [data-section] {
    color: #e0e0e0 !important;
}

.dark-mode .list-group-item-action:hover [data-section] {
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.active [data-section] {
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.active:hover [data-section] {
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.text-danger [data-section] {
    color: #dc3545 !important;
}

.dark-mode .list-group-item-action.text-danger:hover [data-section] {
    color: #dc3545 !important;
}

.dark-mode .list-group-item-action.text-danger.active [data-section] {
    color: #ffffff !important;
}

.dark-mode .list-group-item-action.text-danger.active:hover [data-section] {
    color: #ffffff !important;
}

/* Data-section attributes in list group item action in white backgrounds */
.dark-mode .bg-white .list-group-item-action [data-section],
.dark-mode .contact-form .list-group-item-action [data-section] {
    color: #000000 !important;
}

.dark-mode .bg-white .list-group-item-action:hover [data-section],
.dark-mode .contact-form .list-group-item-action:hover [data-section] {
    color: #000000 !important;
}

.dark-mode .bg-white .list-group-item-action.active [data-section],
.dark-mode .contact-form .list-group-item-action.active [data-section] {
    color: #ffffff !important;
}

.dark-mode .bg-white .list-group-item-action.active:hover [data-section],
.dark-mode .contact-form .list-group-item-action.active:hover [data-section] {
    color: #ffffff !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger [data-section],
.dark-mode .contact-form .list-group-item-action.text-danger [data-section] {
    color: #dc3545 !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger:hover [data-section],
.dark-mode .contact-form .list-group-item-action.text-danger:hover [data-section] {
    color: #dc3545 !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger.active [data-section],
.dark-mode .contact-form .list-group-item-action.text-danger.active [data-section] {
    color: #ffffff !important;
}

.dark-mode .bg-white .list-group-item-action.text-danger.active:hover [data-section],
.dark-mode .contact-form .list-group-item-action.text-danger.active:hover [data-section] {
    color: #ffffff !important;
}

/* Mb-4 class in dark mode */
.dark-mode .mb-4 {
    color: #e0e0e0 !important;
}

/* Mb-4 class in white backgrounds */
.dark-mode .bg-white .mb-4,
.dark-mode .contact-form .mb-4 {
    color: #000000 !important;
}

/* Shadow-sm class in dark mode */
.dark-mode .shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5) !important;
}

/* Shadow-sm class in white backgrounds */
.dark-mode .bg-white .shadow-sm,
.dark-mode .contact-form .shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

/* Bg-primary class in dark mode */
.dark-mode .bg-primary {
    background-color: #007bff !important;
}

/* Bg-primary class in white backgrounds */
.dark-mode .bg-white .bg-primary,
.dark-mode .contact-form .bg-primary {
    background-color: #007bff !important;
}

/* Text-white class in dark mode */
.dark-mode .text-white {
    color: #ffffff !important;
}

/* Text-white class in white backgrounds */
.dark-mode .bg-white .text-white,
.dark-mode .contact-form .text-white {
    color: #ffffff !important;
}

/* Mb-0 class in dark mode */
.dark-mode .mb-0 {
    color: #e0e0e0 !important;
}

/* Mb-0 class in white backgrounds */
.dark-mode .bg-white .mb-0,
.dark-mode .contact-form .mb-0 {
    color: #000000 !important;
}

/* Card-body class in dark mode */
.dark-mode .card-body {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
}

/* Card-body class in white backgrounds */
.dark-mode .bg-white .card-body,
.dark-mode .contact-form .card-body {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Form-control class in dark mode */
.dark-mode .form-control {
    background-color: #1a1a1a !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

/* Form-control class in white backgrounds */
.dark-mode .bg-white .form-control,
.dark-mode .contact-form .form-control {
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #000000 !important;
}

/* Make sun icon yellow in dark mode for theme toggle */
.dark-mode .theme-toggle i.bi-sun,
.dark-mode #themeToggle i.bi-sun {
    color: #FFD600 !important;
}