/*background contrast */
body.dark-mode *, body.gray-mode * {
    color: #ff0;
}

body.dark-mode img, body.gray-mode img {
    background: #fff;
}

body.dark-mode .topbar,
body.dark-mode .top_nevigation_bar,
body.dark-mode .menu li a:hover, body.dark-mode .menu li:hover > a,
body.dark-mode .menu li ul,
body.dark-mode .nav_top_nav,
body.dark-mode .search-wrapper,
body.dark-mode .marquee_list_main,
body.dark-mode .marquee,
body.dark-mode .banner_btns,
body.dark-mode .tiles_box_heading,
body.dark-mode .about_minister_title,
body.dark-mode .minister_tiles_section,
body.dark-mode .newProfilesInfo,
body.dark-mode .newProfInfoTwo,
body.dark-mode .footer_logobg,
body.dark-mode .imp-links-bg::before,
body.dark-mode #DivFooterCopyRight,
body.dark-mode .main_header,
body.dark-mode #DivHomeDecription,
body.dark-mode .mobile_view_vid .card,
body.dark-mode #h4VideoGallery,
body.dark-mode .mobie_view_twi .card,
body.dark-mode #TwitterFeeds,
body.dark-mode .mobile_view_pic .card,
body.dark-mode #h4PhotoGallery,
body.dark-mode #dfpd_top_menu .menu li ul li a,
body.dark-mode .breadcrumb_page,
body.dark-mode .main_content_section_test,
body.dark-mode #divPageContent,
body.dark-mode #divOrganisation,
body.dark-mode #logo-slider .swiper-button-next,
body.dark-mode #logo-slider .swiper-button-prev,
body.dark-mode .table-bordered thead tr,
body.dark-mode .find-button .submit-button,
body.dark-mode .find-button .reset-button,
body.dark-mode .main_content_section,
body.dark-mode .accordion-button:not(.collapsed),
body.dark-mode .accordion-body,
body.dark-mode .accordion-button,
body.dark-mode .custom-select,
body.dark-mode #dataTable_filter .form-control,
body.dark-mode .page-link,
body.dark-mode #txtSelectCategory,
body.dark-mode .content-card > h5,
body.dark-mode .moreless-button,
body.dark-mode .Wrapper,
body.dark-mode .responsive-menu,
body.dark-mode .menu li a,
body.dark-mode .social_insta,
body.dark-mode .sidebar_sidebar,
body.dark-mode .card,
body.dark-mode .accordion-item,
body.dark-mode .head1,
body.dark-mode .import td,
body.dark-mode .effect td,
body.dark-mode .head3,
body.dark-mode .head5,
body.dark-mode .video_slider_btn,
body.dark-mode .mobile_view {
    background: black !important;
}

body.dark-mode .imp-links-bg::before {
    opacity: 1;
}




body.dark-mode #toggleButton,
body.dark-mode .back-to-top,
body.dark-mode .cus-tile-btn,
body.dark-mode .imp-links-bg,
body.dark-mode #logo-slider .swiper-button-next > div,
body.dark-mode #logo-slider .swiper-button-prev > div {
    background: unset !important;
}


body.dark-mode .breadcrumb_page {
    background: unset;
}



body.dark-mode #toggleButton,
body.dark-mode .social-links-icon li:nth-child(1) a,
body.dark-mode .social-links-icon li:nth-child(2) a,
body.dark-mode .social-links-icon li:nth-child(3) a,
body.dark-mode .newProfInfoTwo,
body.dark-mode .back-to-top,
body.dark-mode .tiles_section,
body.dark-mode #logo-slider .swiper-button-next,
body.dark-mode #logo-slider .swiper-button-prev,
body.dark-mode .mobile_view_vid .card,
body.dark-mode #h4VideoGallery,
body.dark-mode .mobie_view_twi .card,
body.dark-mode #TwitterFeeds,
body.dark-mode .mobile_view_pic .card,
body.dark-mode #h4PhotoGallery,
body.dark-mode .topbar .white-const,
body.dark-mode .topbar .black-const,
body.dark-mode .main_content_section_test,
body.dark-mode .minister_box,
body.dark-mode .secretary_box,
body.dark-mode .container_box .inner_sec_box,
body.dark-mode .state_minster_box .right,
body.dark-mode .state_minster_box .left,
body.dark-mode .customer-table .table,
body.dark-mode .officiar-search .submit-button,
body.dark-mode .officiar-search .reset-button,
body.dark-mode .accordion-button,
body.dark-mode table.table-bordered.dataTable,
body.dark-mode table.table-bordered.dataTable tbody th,
body.dark-mode table.table-bordered.dataTable tbody td,
body.dark-mode .paginate_button,
body.dark-mode .custom-select,
body.dark-mode #dataTable_filter .form-control,
body.dark-mode .page-link,
body.dark-mode .accordion-body,
body.dark-mode .card,
body.dark-mode #txtSelectCategory,
body.dark-mode .table.table-bordered,
body.dark-mode .content-card > h5,
body.dark-mode .table-bordered,
body.dark-mode .moreless-button,
body.dark-mode .border,
body.dark-mode .sidebar_sidebar,
body.dark-mode .social-media-links-sidebar li:nth-child(1) a,
body.dark-mode .social-media-links-sidebar li:nth-child(2) a,
body.dark-mode .social-media-links-sidebar li:nth-child(3) a,
body.dark-mode .social-media-links-sidebar li:nth-child(4) a {
    border: 1px solid #ff0 !important;
}

    body.dark-mode .accordion-button:not(.collapsed) {
        box-shadow: unset !important;
    }





    body.dark-mode .footer_link_headings::before,
    body.dark-mode .footer_headings::before,
    body.dark-mode #dfpd_top_menu ul ul li.has-sub > a:after,
    body.dark-mode #dfpd_top_menu ul ul li.has-sub > a:before,
    body.dark-mode .org_border,
    body.dark-mode .org_border::after,
    body.dark-mode .org_border::before,
    body.dark-mode .border_one,
    body.dark-mode .border_third,
    body.dark-mode .border_four,
    body.dark-mode .border_five,
    body.dark-mode .border_six,
    body.dark-mode .border_seven,
    body.dark-mode .minister_box::before,
    body.dark-mode .secretary_box::before {
        background: #ff0 !important;
    }



    /*color contrast */

    body.dark-mode .menu li a,
    body.dark-mode .topbar ul li:first-child a,
    body.dark-mode .logo-wrapper .logo-text p,
    body.dark-mode .search-wrapper,
    body.dark-mode .topbar ul li p,
    body.dark-mode .topbar ul li a,
    body.dark-mode .blink,
    body.dark-mode #toggleButton,
    body.dark-mode .text-dark-900,
    body.dark-mode #arfWhatsNewAll,
    body.dark-mode .customPreviousBtn,
    body.dark-mode .customNextBtn,
    body.dark-mode .customPause,
    body.dark-mode .customPlay,
    body.dark-mode .tiles_box_heading,
    body.dark-mode .tilesPrevBtns,
    body.dark-mode .tilesNextBtns,
    body.dark-mode .tilesPauseBtn,
    body.dark-mode .tilesPlayBtn,
    body.dark-mode .about_minister_title,
    body.dark-mode .newProfInfoTwo .heading,
    body.dark-mode .newProfInfoTwoInfo p.greyFont,
    body.dark-mode .profileLink, .speechLink,
    body.dark-mode .newProfilesInfo .heading,
    body.dark-mode .newProfilesInfo .greyFont,
    body.dark-mode .social-links-icon li:nth-child(1) a,
    body.dark-mode .social-links-icon li:nth-child(2) a,
    body.dark-mode .bottom_top .top_arr,
    body.dark-mode .footer_headings,
    body.dark-mode .footer_link_headings,
    body.dark-mode .footer_polices ul li a,
    body.dark-mode .copy_right,
    body.dark-mode .footer_updated p,
    body.dark-mode #logo-slider .swiper-button-next,
    body.dark-mode #logo-slider .swiper-button-prev,
    body.dark-mode #VideoGalleryViewAll,
    body.dark-mode #h4VideoGallery,
    body.dark-mode #TwitterFeeds,
    body.dark-mode #h4PhotoGallery,
    body.dark-mode #PhotoGalleryViewAll,
    body.dark-mode .breadcrumb_page .bread_crumb_top .bread_heading,
    body.dark-mode .breadcrumb_cust ol li a,
    body.dark-mode .breadcrumb-item + .breadcrumb-item::before,
    body.dark-mode .main_content_section ul li::before,
    body.dark-mode .main_heading,
    body.dark-mode p,
    body.dark-mode h4,
    body.dark-mode .container_box .inner_sec_box .minster_bullet li,
    body.dark-mode .container_box .inner_sec_box h6,
    body.dark-mode .container_box .inner_sec_box h4,
    body.dark-mode .state_minster_box h6,
    body.dark-mode .state_minster_box h5,
    body.dark-mode .state_minster_box h4,
    body.dark-mode .minister_box h6,
    body.dark-mode .minister_box h5,
    body.dark-mode .minister_box h4,
    body.dark-mode .secretary_box h6,
    body.dark-mode .secretary_box h5,
    body.dark-mode .secretary_box h4,
    body.dark-mode .table_who_section .bold_who_name,
    body.dark-mode .table-bordered tbody tr td,
    body.dark-mode .table-bordered thead th,
    body.dark-mode .find-button .submit-button,
    body.dark-mode .find-button .reset-button,
    body.dark-mode .heading_title2,
    body.dark-mode .text-primary,
    body.dark-mode .accordion-button:not(.collapsed),
    body.dark-mode .accordion-body,
    body.dark-mode .accordion-button,
    body.dark-mode span,
    body.dark-mode .dataTables_info,
    body.dark-mode .custom-select,
    body.dark-mode .dataTables_length > label,
    body.dark-mode #dataTable_filter > label,
    body.dark-mode .page-link,
    body.dark-mode .bulletText li p a,
    body.dark-mode .sub_heading,
    body.dark-mode .form-label,
    body.dark-mode #txtSelectCategory,
    body.dark-mode .text-info,
    body.dark-mode tfoot > tr > td,
    body.dark-mode .content-card > h5,
    body.dark-mode .heading,
    body.dark-mode .bulletText li::before,
    body.dark-mode .moreless-button,
    body.dark-mode table > thead > tr > td,
    body.dark-mode .social_insta,
    body.dark-mode .social-media-links-sidebar li:nth-child(1) a,
    body.dark-mode .social-media-links-sidebar li:nth-child(2) a,
    body.dark-mode .social-media-links-sidebar li:nth-child(3) a,
    body.dark-mode .text-secondary,
    body.dark-mode .head1,
    body.dark-mode .import td,
    body.dark-mode .effect td,
    body.dark-mode .head3,
    body.dark-mode .head5,
    body.dark-mode .custom_navtabs .nav-link,
    body.dark-mode .custom_navtabs .nav-tabs .nav-link.active,
    body.dark-mode .bulletText li,
    body.dark-mode .font-space,
    body.dark-mode .zoomin,
    body.dark-mode .smallLargeFont,
    body.dark-mode .zoomout,
    body.dark-mode .video_slider_btn, body.dark-mode .custom-dialog-content {
        color: #ff0 !important;
    }

body.dark-mode .main_content_section ul li::before {
    content: none !important;
}

body.dark-mode .custom_navtabs .nav-tabs .nav-link.active {
    border-color: #ff0 !important;
}
/*border contrast */
body.dark-mode .heading_title2::before {
    border: 2px solid #ff0 !important;
}

body.dark-mode #txtName::placeholder {
    color: #ff0 !important;
}

body.dark-mode .top_nevigation_bar,
body.dark-mode .footer_logobg,
body.dark-mode .copy_right {
    border-top: 1px solid #ff0 !important;
}

body.dark-mode .topbar,
body.dark-mode .nav_top_nav .border-btm,
body.dark-mode .footer_logobg,
body.dark-mode #dfpd_top_menu .menu li ul li a,
body.dark-mode .breadcrumb_page,
body.dark-mode .officiar-search #txtName,
body.dark-mode .border-bottom,
body.dark-mode .accordion-button:not(.collapsed),
body.dark-mode .act_and_rules tr > td,
body.dark-mode .border-bottom-1,
body.dark-mode .mobile_view {
    border-bottom: 1px solid #ff0 !important;
}

body.dark-mode .logo-wrapper .logo-image::after,
body.dark-mode .search-wrapper,
body.dark-mode .border-end,
body.dark-mode .marquee_list_main > div {
    border-right: 1px solid #ff0 !important;
}

body.dark-mode .search-wrapper,
body.dark-mode .marquee_list_main > div {
    border-left: 1px solid #ff0 !important;
}

body.dark-mode .logo-wrapper .logo-image img,
body.dark-mode .header_logo img,
body.dark-mode .profileLink:before,
body.dark-mode .footer_qr img,
body.dark-mode #logo-slider img {
    background-color: #fff;
}



/*Gray mode styling*/

body.gray-mode .topbar,
body.gray-mode .top_nevigation_bar,
body.gray-mode .menu li a:hover, body.dark-mode .menu li:hover > a,
body.gray-mode .menu li ul,
body.gray-mode .nav_top_nav,
body.gray-mode .search-wrapper,
body.gray-mode .marquee_list_main,
body.gray-mode .marquee,
body.gray-mode .banner_btns,
body.gray-mode .tiles_box_heading,
body.gray-mode .about_minister_title,
body.gray-mode .minister_tiles_section,
body.gray-mode .newProfilesInfo,
body.gray-mode .newProfInfoTwo,
body.gray-mode .sectionDesign,
body.gray-mode .footer_logobg,
body.gray-mode .imp-links-bg::before,
body.gray-mode #DivFooterCopyRight,
body.gray-mode .main_header,
body.gray-mode #DivHomeDecription,
body.gray-mode .mobile_view_vid .card,
body.gray-mode #h4VideoGallery,
body.gray-mode .mobie_view_twi .card,
body.gray-mode #TwitterFeeds,
body.gray-mode .mobile_view_pic .card,
body.gray-mode #h4PhotoGallery,
body.gray-mode #dfpd_top_menu .menu li ul li a,
body.gray-mode .breadcrumb_page,
body.gray-mode .main_content_section_test,
body.gray-mode #divPageContent,
body.gray-mode #divOrganisation,
body.gray-mode #logo-slider .swiper-button-next,
body.gray-mode #logo-slider .swiper-button-prev,
body.gray-mode .table-bordered thead tr,
body.gray-mode .find-button .submit-button,
body.gray-mode .find-button .reset-button,
body.gray-mode .main_content_section,
body.gray-mode .accordion-button:not(.collapsed),
body.gray-mode .accordion-body,
body.gray-mode .accordion-button,
body.gray-mode .custom-select,
body.gray-mode #dataTable_filter .form-control,
body.gray-mode .page-link,
body.gray-mode #txtSelectCategory,
body.gray-mode .content-card > h5,
body.gray-mode .moreless-button,
body.gray-mode .Wrapper,
body.gray-mode .responsive-menu,
body.gray-mode .menu li a,
body.gray-mode .social_insta,
body.gray-mode .sidebar_sidebar,
body.gray-mode .card,
body.gray-mode .accordion-item,
body.gray-mode .head1,
body.gray-mode .import td,
body.gray-mode .effect td,
body.gray-mode .head3,
body.gray-mode .head5,
body.gray-mode .video_slider_btn,
body.gray-mode .mobile_view {
    background: #545454 !important;
}

body.gray-mode .imp-links-bg::before {
    opacity: 1;
}


body.gray-mode #toggleButton,
body.gray-mode .back-to-top,
body.gray-mode .cus-tile-btn,
body.gray-mode .imp-links-bg,
body.gray-mode #logo-slider .swiper-button-next > div,
body.gray-mode #logo-slider .swiper-button-prev > div {
    background: unset !important;
}


body.gray-mode .breadcrumb_page {
    background: unset;
}



body.gray-mode #toggleButton,
body.gray-mode .social-links-icon li:nth-child(1) a,
body.gray-mode .social-links-icon li:nth-child(2) a,
body.gray-mode .social-links-icon li:nth-child(3) a,
body.gray-mode .newProfInfoTwo,
body.gray-mode .back-to-top,
body.gray-mode .tiles_section,
body.gray-mode #logo-slider .swiper-button-next,
body.gray-mode #logo-slider .swiper-button-prev,
body.gray-mode .mobile_view_vid .card,
body.gray-mode #h4VideoGallery,
body.gray-mode .mobie_view_twi .card,
body.gray-mode #TwitterFeeds,
body.gray-mode .mobile_view_pic .card,
body.gray-mode #h4PhotoGallery,
body.gray-mode .topbar .white-const,
body.gray-mode .topbar .black-const,
body.gray-mode .main_content_section_test,
body.gray-mode .minister_box,
body.gray-mode .secretary_box,
body.gray-mode .container_box .inner_sec_box,
body.gray-mode .state_minster_box .right,
body.gray-mode .state_minster_box .left,
body.gray-mode .customer-table .table,
body.gray-mode .officiar-search .submit-button,
body.gray-mode .officiar-search .reset-button,
body.gray-mode .accordion-button,
body.gray-mode table.table-bordered.dataTable,
body.gray-mode table.table-bordered.dataTable tbody th,
body.gray-mode table.table-bordered.dataTable tbody td,
body.gray-mode .paginate_button,
body.gray-mode .custom-select,
body.gray-mode #dataTable_filter .form-control,
body.gray-mode .page-link,
body.gray-mode .accordion-body,
body.gray-mode .card,
body.gray-mode #txtSelectCategory,
body.gray-mode .table.table-bordered,
body.gray-mode .content-card > h5,
body.gray-mode .table-bordered,
body.gray-mode .moreless-button,
body.gray-mode .border,
body.gray-mode .sidebar_sidebar,
body.gray-mode .social-media-links-sidebar li:nth-child(1) a,
body.gray-mode .social-media-links-sidebar li:nth-child(2) a,
body.gray-mode .social-media-links-sidebar li:nth-child(3) a,
body.gray-mode .social-media-links-sidebar li:nth-child(4) a {
    border: 1px solid #ff0 !important;
}

    body.gray-mode .accordion-button:not(.collapsed) {
        box-shadow: unset !important;
    }




    body.gray-mode .footer_link_headings::before,
    body.gray-mode .footer_headings::before,
    body.gray-mode #dfpd_top_menu ul ul li.has-sub > a:after,
    body.gray-mode #dfpd_top_menu ul ul li.has-sub > a:before,
    body.gray-mode .org_border,
    body.gray-mode .org_border::after,
    body.gray-mode .org_border::before,
    body.gray-mode .border_one,
    body.gray-mode .border_third,
    body.gray-mode .border_four,
    body.gray-mode .border_five,
    body.gray-mode .border_six,
    body.gray-mode .border_seven,
    body.gray-mode .minister_box::before,
    body.gray-mode .secretary_box::before {
        background: #ff0 !important;
    }



    /*color contrast */

    body.gray-mode .menu li a,
    body.gray-mode .topbar ul li:first-child a,
    body.gray-mode .logo-wrapper .logo-text p,
    body.gray-mode .search-wrapper,
    body.gray-mode .topbar ul li p,
    body.gray-mode .topbar ul li a,
    body.gray-mode .blink,
    body.gray-mode #toggleButton,
    body.gray-mode .text-dark-900,
    body.gray-mode #arfWhatsNewAll,
    body.gray-mode .customPreviousBtn,
    body.gray-mode .customNextBtn,
    body.gray-mode .customPause,
    body.gray-mode .customPlay,
    body.gray-mode .tiles_box_heading,
    body.gray-mode .tilesPrevBtns,
    body.gray-mode .tilesNextBtns,
    body.gray-mode .tilesPauseBtn,
    body.gray-mode .tilesPlayBtn,
    body.gray-mode .about_minister_title,
    body.gray-mode .newProfInfoTwo .heading,
    body.gray-mode .newProfInfoTwoInfo p.greyFont,
    body.gray-mode .profileLink, .speechLink,
    body.gray-mode .newProfilesInfo .heading,
    body.gray-mode .newProfilesInfo .greyFont,
    body.gray-mode .social-links-icon li:nth-child(1) a,
    body.gray-mode .social-links-icon li:nth-child(2) a,
    body.gray-mode .bottom_top .top_arr,
    body.gray-mode .footer_headings,
    body.gray-mode .footer_link_headings,
    body.gray-mode .footer_polices ul li a,
    body.gray-mode .copy_right,
    body.gray-mode .footer_updated p,
    body.gray-mode #logo-slider .swiper-button-next,
    body.gray-mode #logo-slider .swiper-button-prev,
    body.gray-mode #VideoGalleryViewAll,
    body.gray-mode #h4VideoGallery,
    body.gray-mode #TwitterFeeds,
    body.gray-mode #h4PhotoGallery,
    body.gray-mode #PhotoGalleryViewAll,
    body.gray-mode .breadcrumb_page .bread_crumb_top .bread_heading,
    body.gray-mode .breadcrumb_cust ol li a,
    body.gray-mode .breadcrumb-item + .breadcrumb-item::before,
    body.gray-mode .main_content_section ul li::before,
    body.gray-mode .main_heading,
    body.gray-mode p,
    body.gray-mode .container_box .inner_sec_box .minster_bullet li,
    body.gray-mode .container_box .inner_sec_box h6,
    body.gray-mode .container_box .inner_sec_box h4,
    body.gray-mode .state_minster_box h6,
    body.gray-mode .state_minster_box h5,
    body.gray-mode .state_minster_box h3,
    body.gray-mode .minister_box h6,
    body.gray-mode .minister_box h5,
    body.gray-mode .minister_box h3,
    body.gray-mode .secretary_box h6,
    body.gray-mode .secretary_box h5,
    body.gray-mode .secretary_box h4,
    body.gray-mode .table_who_section .bold_who_name,
    body.gray-mode .table-bordered tbody tr td,
    body.gray-mode .table-bordered thead th,
    body.gray-mode .find-button .submit-button,
    body.gray-mode .find-button .reset-button,
    body.gray-mode .heading_title2,
    body.gray-mode .text-primary,
    body.gray-mode .accordion-button:not(.collapsed),
    body.gray-mode .accordion-body,
    body.gray-mode .accordion-button,
    body.gray-mode span,
    body.gray-mode .dataTables_info,
    body.gray-mode .custom-select,
    body.gray-mode .dataTables_length > label,
    body.gray-mode #dataTable_filter > label,
    body.gray-mode .page-link,
    body.gray-mode .bulletText li p a,
    body.gray-mode .sub_heading,
    body.gray-mode .form-label,
    body.gray-mode #txtSelectCategory,
    body.gray-mode .text-info,
    body.gray-mode tfoot > tr > td,
    body.gray-mode .content-card > h5,
    body.gray-mode .heading,
    body.gray-mode .bulletText li::before,
    body.gray-mode .moreless-button,
    body.gray-mode table > thead > tr > td,
    body.gray-mode .social_insta,
    body.gray-mode .social-media-links-sidebar li:nth-child(1) a,
    body.gray-mode .social-media-links-sidebar li:nth-child(2) a,
    body.gray-mode .social-media-links-sidebar li:nth-child(3) a,
    body.gray-mode .text-secondary,
    body.gray-mode .head1,
    body.gray-mode .import td,
    body.gray-mode .effect td,
    body.gray-mode .head3,
    body.gray-mode .head5,
    body.gray-mode .custom_navtabs .nav-link,
    body.gray-mode .custom_navtabs .nav-tabs .nav-link.active,
    body.gray-mode .bulletText li,
    body.gray-mode .video_slider_btn,
    body.gray-mode .custom-dialog-content {
        color: #ff0 !important;
    }

body.gray-mode .main_content_section ul li::before {
    content: none !important;
}

body.gray-mode .custom_navtabs .nav-tabs .nav-link.active {
    border-color: #ff0 !important;
}
/*border contrast */
body.gray-mode .heading_title2::before {
    border: 2px solid #ff0 !important;
}

body.gray-mode #txtName::placeholder {
    color: #ff0 !important;
}

body.gray-mode .top_nevigation_bar,
body.gray-mode .footer_logobg,
body.gray-mode .copy_right {
    border-top: 1px solid #ff0 !important;
}

body.gray-mode .topbar,
body.gray-mode .nav_top_nav .border-btm,
body.gray-mode .footer_logobg,
body.gray-mode #dfpd_top_menu .menu li ul li a,
body.gray-mode .breadcrumb_page,
body.gray-mode .officiar-search #txtName,
body.gray-mode .border-bottom,
body.gray-mode .accordion-button:not(.collapsed),
body.gray-mode .act_and_rules tr > td,
body.gray-mode .border-bottom-1,
body.gray-mode .mobile_view {
    border-bottom: 1px solid #ff0 !important;
}

body.gray-mode .logo-wrapper .logo-image::after,
body.gray-mode .search-wrapper,
body.gray-mode .border-end,
body.gray-mode .marquee_list_main > div {
    border-right: 1px solid #ff0 !important;
}

body.gray-mode .search-wrapper,
body.gray-mode .marquee_list_main > div {
    border-left: 1px solid #ff0 !important;
}

body.gray-mode .logo-wrapper .logo-image img,
body.gray-mode .header_logo img,
body.gray-mode .profileLink:before,
body.gray-mode .footer_qr img,
body.gray-mode #logo-slider img {
    background-color: #fff;
}


body.dark-mode .footer_updated p span,
body.dark-mode .footer_updated p time,
body.dark-mode .footer_link_headings,
body.dark-mode .footer_headings,
body.dark-mode .footer_polices ul li a {
    background-color: #000;
}

body.dark-mode img[alt="mission-img"],
body.dark-mode img[alt="vision-img"],
body.dark-mode img[alt="objective-img"] {
    background-color: #fff;
}

body.dark-mode a,
body.gray-mode a {
    color: #ff0 !important;
}

body.dark-mode #DivMarquee, body.dark-mode .sectionDesign,
body.dark-mode .breadcrumb_page .bread_crumb_top .bread_heading, body.dark-mode .breadcrumb_cust ol li a,
body.gray-mode .breadcrumb_page .bread_crumb_top .bread_heading, body.gray-mode .breadcrumb_cust ol li a,
body.gray-mode #DivMarquee,
body.dark-mode .sectionDesign,
body.gray-mode .sectionDesign {
    background-color: transparent;
}

body.gray-mode .footer_headings, body.gray-mode .footer_link_headings,
body.gray-mode .footer_polices ul li a,
body.gray-mode .footer_updated p span, body.gray-mode .footer_updated p time {
    background-color: #545454 !important;
}

body.dark-mode .table-bordered tbody tr td a, body.gray-mode .table-bordered tbody tr td a {
    color: #ff0;
}

body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
    background-color: black !important;
    border: 1px #ff0 solid !important;
    color: #ff0;
}

    body.dark-mode input::placeholder {
        color: #ff0;
    }
    body.dark-mode textarea::placeholder {
        color: #ff0;
    }


body.gray-mode input,
body.gray-mode select,
body.gray-mode textarea {
    background-color: #545454 !important;
    border: 1px #ff0 solid !important;
    color: #ff0;
}

    body.gray-mode input::placeholder {
        color: #ff0;
    }

    body.gray-mode textarea::placeholder {
        color: #ff0;
    }

    body.dark-mode input:focus,
    body.gray-mode input:focus {
        color: #ff0;
    }

body.dark-mode .custom-dialog-content,
body.gray-mode .custom-dialog-content {
    background-color: black;
    border: 1px solid #ff0;
}

    body.dark-mode .custom-dialog-content #customConfirmYes,
    body.dark-mode .custom-dialog-content #customConfirmNo,
    body.gray-mode .custom-dialog-content #customConfirmYes,
    body.gray-mode .custom-dialog-content #customConfirmNo {
        background-color: black !important;
        color: #ff0 !important;
        border: 1px solid #ff0 !important;
    }

        body.dark-mode .custom-dialog-content #customConfirmYes:hover,
        body.dark-mode .custom-dialog-content #customConfirmNo:hover,
        body.gray-mode .custom-dialog-content #customConfirmYes:hover,
        body.gray-mode .custom-dialog-content #customConfirmNo:hover {
            background-color: #ff0 !important;
            color: #000 !important;
        }



body.dark-mode #languageIcon,
body.gray-mode #languageIcon {
    color: #ff0;
}

body.dark-mode .login_page a:not(.btn), body.gray-mode .login_page a:not(.btn),
body.dark-mode .text-gray-900, body.gray-mode .text-gray-900,
body.dark-mode label, body.gray-mode label,
body.dark-mode .login_page h2, body.gray-mode .login_page h2 {
    color: #ff0 !important;
}

body.dark-mode .login_page .btn-green-custom, body.gray-mode .login_page .btn-green-custom {
    color: #ff0 !important;
    background: transparent;
    background-color: transparent !important;
    border: 1px solid #ff0;
}

body.dark-mode .btn-primary, body.gray-mode .btn-primary,
body.dark-mode .playAudio, body.gray-mode .playAudio,
body.dark-mode .input-group-text, body.gray-mode .input-group-text {
    color: #ff0 !important;
    background: transparent;
    background-color: transparent !important;
    border: 1px solid #ff0;
}

body.dark-mode .input-group-append, body.gray-mode .input-group-append {
    background: transparent;
    background-color: transparent !important;
}

body.dark-mode #captchaImage {
    filter: invert(1)
}

body.dark-mode .error-message,
body.gray-mode .error-message {
    color: #ff0 !important;
    font-size: 0.875rem;
}

body.dark-mode #qrModal .modal-content {
    background: #000;
    border: 1px solid #ff0;
}

body.dark-mode #qrModal .modal-header .btn-close {
    background: #ff0 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

body.gray-mode #qrModal .modal-content {
    background: #545454;
    border: 1px solid #ff0;
}

body.gray-mode #qrModal .modal-header .btn-close {
    background: #ff0 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

body.dark-mode .accordion-button::after, body.gray-mode .accordion-button::after {
    filter: invert(1);
}

body.gray-mode
.topbar ul li button {
    color: #ff0;
}

body.gray-mode .sr-only-custom, body.dark-mode .sr-only-custom {
    background-color: transparent;
}

body.dark-mode .contact-item .icon, body.dark-mode .toggle_sec, body.dark-mode .mobile-menu-wrapper,
body.gray-mode .contact-item .icon, body.gray-mode .toggle_sec {
    background: transparent;
    border: 1px solid #ff0;
}

body.dark-mode #lightContrastSpan, body.gray-mode #lightContrastSpan {
    color: #000 !important;
}
body.dark-mode #btnReset, body.dark-mode #btnsave {
    background-color: #000;
    color: #ff0;
    border: 1px solid #ff0;
}
body.gray-mode #btnReset, body.gray-mode #btnsave {
    background-color: #545454;
    color: #ff0;
    border: 1px solid #ff0;
}