body {
    transition: background-color 0.3s, color 0.3s;
}
/* Light mode styles */
.light-mode {
    background-color: white;
    color: black;
}
/* Dark mode styles */
.dark-mode {
    background-color: #121212;
    color: white;
}

    .dark-mode .question-collapse2 .card {
        background: #121212;
    }

.toggle-button {
    padding: 10px 15px;
    margin-bottom: 20px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background-color: #007BFF;
    color: white;
    font-size: 16px;
}
/* Default styles for headings and paragraphs */
h1, h2, h3, h4, h5, h6, p {
    transition: background-color 0.3s, color 0.3s;
}
/* Light mode for headings and paragraphs */
.light-mode h1, .light-mode h2, .light-mode h3, .light-mode h4, .light-mode h5, .light-mode h6, .light-mode p {
    background-color: transparent !important; /* Transparent for light mode */
}
/* Dark mode for headings and paragraphs */
.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode p, .dark-mode a.normal-link, .dark-mode .counter2-text span, .dark-mode .audit-monitoring-block a:hover span, .dark-mode #cb-cookie-banner, .dark-mode .news-main-date, .dark-mode .news-main-date span.month, .dark-mode .latest-news-block a h4, .dark-mode .training-programs .icon-training-programmes, .dark-mode .__accessibility span, .dark-mode .__calender-sticky span, .dark-mode #scrollUp, .dark-mode .footer-text ul li span, .dark-mode .footer-wrapper .fab, .dark-mode .breadcrumb-menu li a, .dark-mode .breadcrumb-menu li, .dark-mode .opening-details .small-date, .dark-mode .tab-section .nav-tabs .nav-item.show .nav-link, .dark-mode a .pdf-block .block h6, .dark-mode .small-date, .dark-mode .ag-message .otro-blockquote::before, .dark-mode .ag-message .otro-blockquote::after, .dark-mode .like-page-section .like-page-wrapper .like-dislike-buttons-area button.dislike-button-area span, .dark-mode a, .dark-mode .contact-address ul li span, .dark-mode ul.events-block-footer li a, .dark-mode ul.events-block-footer li:nth-of-type(1):before, .dark-mode ul.events-block-footer li:nth-of-type(2):before, .dark-mode .pagination li a, .dark-mode .question-collapse2 .card .card-header .btn.btn-link.collapsed, .dark-mode .question-collapse2 .card .card-header h5 .btn.btn-link, .dark-mode .question-collapse2 .card .card-header .btn.btn-link.collapsed::before, .dark-mode .question-collapse2 .card .card-header .btn.btn-link::before, .dark-mode ul.list-style li, .dark-mode ul.events-block-footer li, .dark-mode .iconmoon, .dark-mode .__ex-link-rt::after, .dark-mode .__ex-link::before, .dark-mode .like-page-section .like-page-wrapper .like-dislike-buttons-area button, .dark-mode .__site_map_sec ul li ul li a, .dark-mode .__site_map_sec.__site-no-sub .__single_links li a, .dark-mode ul.current-openings li .small-date, .dark-mode ul.events-block-footer li:nth-of-type(2):after, .dark-mode .executive-management-list .cont p.sub-title, .dark-mode .pdf-block-manual .block span, .dark-mode label, .dark-mode .contact-form p.sub-title, .dark-mode .contact-form small, .dark-mode .contact-form small a, .dark-mode .md-tabs .nav-link {
    color: white; /* Text color for dark mode */
}

    .dark-mode #cb-cookie-banner a, .dark-mode .popover h6, .dark-mode .__customer-icons a span, .dark-mode .filter-checkbox input[type=checkbox] ~ label.first-label, .dark-mode .__head-size span a, .dark-mode .footer-link li a:hover, .dark-mode .footer-bottom-link li a:hover, .dark-mode .dropzone.dz-clickable .dz-message:before, .dark-mode .option-input input:checked::before, .dark-mode .contact-form, .dark-mode .contact-form a, .dark-mode a .executive-management-list .cont p.sub-title, a .executive-management-list small, .dark-mode .tab-section .nav-tabs .nav-item.show .nav-link, .tab-section .nav-tabs .nav-link.active, .dark-mode .pagination li.active, .dark-mode .search-listing-box .search-button, .dark-mode .executive-management-list .cont p.sub-title, .dark-mode .tab-section .nav-tabs .nav-link.active, .dark-mode .form-switch .form-check-label{
        color: #000000;
    }

.dark-mode .__font-size-options .icon-TextAa {
    color: #000 !important;
}

.dark-mode .__font-size-options a:hover .icon-TextAa, .dark-mode div.error-box, .dark-mode .error-label, .dark-mode .__big-font.active span, .dark-mode .__small-font.active span, .dark-mode .__normal-font.active span{
    color: #fff !important;
}

.dark-mode .home-values, .dark-mode .experience-area-overlay, .dark-mode .publication-bg, .dark-mode .counter-bg, .dark-mode .counter-area, .dark-mode #cb-cookie-banner, .international-cooperation .owl-dots .owl-dot:hover span, .dark-mode .news-main-date, .dark-mode .sitemap-bg, .dark-mode .abt-grey-bg, .dark-mode .gray-bg, .dark-mode ul.media-filter .submit{
    background: #525252;
}

.dark-mode .advantage-area, .dark-mode .training-programs-overlay {
    background: #525252;
}

.dark-mode .international-cooperation .main-title h2 {
    background-color: transparent !important;
}

.dark-mode .home-values .owl-dots .owl-dot span, .dark-mode .white-menu .main-menu > nav > ul > li > a::before {
    background: #ffffff50;
}

.dark-mode .btn, .dark-mode .__accessibility, .dark-mode .__calender-sticky, .dark-mode #scrollUp, .dark-mode .footer-link li a::before, .dark-mode .header-transparent .sticky, .dark-mode .main-menu nav > ul > li:hover > .sub-menu li > a:hover, .dark-mode .footer-bottom-link li a::before, .dark-mode .like-page-section .like-page-wrapper .like-dislike-buttons-area button.like-button-area {
    background: #000000;
}

.dark-mode .slider-area .btn, .dark-mode .values-block-inner .owl-dots .owl-dot.active span, .values-block-inner .owl-dots .owl-dot:hover span, .dark-mode ul.media-filter li .form-control[disabled], ul.media-filter li .form-control[readonly], ul.media-filter li fieldset[disabled] .form-control, .dark-mode .international-cooperation .owl-dots .owl-dot.active span {
    background: #ffffff;
}

.dark-mode .training-programs-overlay, .dark-mode .inputfile + label strong, .dark-mode .nav-tabs .slide {
    background: #00000095;
}

.dark-mode .filter-checkbox input[type=checkbox] + .label-hidden {
    background-color: #000000;
    border: 1px solid #000000;
}

.dark-mode .filter-checkbox input[type=checkbox]:checked + .label-hidden {
    background-color: #E9E9E9;
    border: 1px solid #E9E9E9;
}

    .dark-mode .filter-checkbox input[type=checkbox]:checked + .label-hidden:after {
        background-color: #ffffff !important;
        left: calc(100% - 2px) !important;
        transform: translateX(-100%) !important;
    }

.filter-checkbox input[type=checkbox]:checked + .label-hidden:after {
    background-color: #ffffff;
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.dark-mode .like-page-section .like-page-wrapper .like-dislike-buttons-area button.dislike-button-area {
    border: 1px solid #000000;
}

.dark-mode .pdf-block-manual .block h6 a {
    color: #ffffff !important;
}

.dark-mode input.error-box {
    border: 1px solid #000000 !important;
}

.dark-mode .executive-management-bg {
    background: url(../img/auditor_general_BG.png) #000000;
}

.dark-mode .pagination li {
    border: 1px solid #ffffff;
}

.dark-mode .vision-mission-block .experience-area-overlay {
    background: #000000 !important;
}

.dark-mode .__site_map_sec ul li ul li a {
    border-bottom: 1px solid #ffffff15;
}

/* Dark Mode Buttons */
.dark-mode-btn {
    padding: 6px 15px;
    background-color: #E9E9E9;
    color: #333;
    border: 0px solid #ccc;
    border-radius: 0px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .dark-mode-btn:hover {
        background-color: #d0d0d0;
    }

    .dark-mode-btn.active {
        background-color: #07466A;
        color: white;
        border-color: #07466A;
    }

.dark-mode .dark-mode-btn {
    background-color: #333;
    color: #fff;
    border-color: #555;
}

    .dark-mode .dark-mode-btn:hover {
        background-color: #444;
    }

    .dark-mode .dark-mode-btn.active {
        background-color: #07466A;
        border-color: #07466A;
    }

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.dark-mode .inner-banner-overlay {
    background: rgba(19, 19, 20, 0.6);
}