body.dark-mode {
    background-color: #1A1D2E;
}

body.dark-mode main {
    background-color: #23273F;
}

body.dark-mode .placeholder-container .placholder-span span,
body.dark-mode .loginSection .account-form {
    background-color: #23273F;
}

.dark-mode .form-control:disabled,
.dark-mode .form-control[readonly],
.dark-mode .label-style-information b {
    background: #1A1D2E;
    color: #fff;
}

body.dark-mode .placeholder-container .placholder-span span {
    color: #ccc
}

body.dark-mode .request-section,
.dark-mode main>nav {
    background: #1a1d2e;
}

.dark-mode main>nav .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.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.dark-mode .language-btn {
    background: #23273f;
    color: #fff !important;
}

.dark-mode .list-month ul li.selected,
.dark-mode .list-month ul li:hover {
    background-color: #000629;
}

.dark-mode .nav-item.nav-language-dropdown .language-dropdown-menu {
    background: #1a1d2e;
}

.dark-mode .nav-task-header.language {
    color: #fff;
}


.dark-mode .nav-task-body-name {
    color: #fff;
}

.dark-mode .btn {
    color: #fff;
}

.dark-mode .btn i {
    color: #fff;
}

.dark-mode .offer-info-container,
.dark-mode .offer-info-container .offer-info-head b span {
    color: #fff;
}

.dark-mode .offer-info-container .offer-info-head span {
    color: #999999;
}

.dark-mode .sorting-container {
    background: #000629;
}

.dark-mode .sorting-container-label,
.dark-mode .offers-counter-head {
    color: #fff;
}

.dark-mode .information-section {
    background: #000629;
}

.dark-mode .img-section span,
.dark-mode .label-style-information,
.dark-mode .offer-info-edit-head {
    color: #fff;
}

.dark-mode .main-canvas-container {
    background: #23273F;
}

.dark-mode .offer-info-edit-content {
    background: #1A1A1A;
}

.dark-mode .offer-info-edit-content-car-details {
    color: #fff;
}

.dark-mode .sorting-form-check-container {
    color: #fff;
}

.dark-mode .input-group label {
    color: #fff;
}

.dark-mode .cat-item.choose .information-section {
    background: #103202;
}

.dark-mode .confirm-offer-container {
    background: #294211;
    color: #ffff;
}

.dark-mode .col-item-compare-section {
    background: #0D0D0D;
    color: #fff;
}

.dark-mode .fund-name,
.dark-mode a.remove-item,
.dark-mode .col-item-compare-section .row-section.card-img,
.dark-mode aside.active .sidebar .sidemenu-body .list-group-item.active a.nav-link,
.dark-mode aside .sidebar .sidemenu-body .list-group-item a {
    color: #fff;
}

.dark-mode aside {
    background: #23273F;
}

.dark-mode .text-dark,
.dark-mode .checklist-item.success .step-text,
.dark-mode .main-content-logo h4 {
    color: #fff !important;
}

.dark-mode .main-content-logo p {
    color: #fff;
}

.dark-mode .delegate-container label {
    color: #fff;

}

.dark-mode .input-group .main-form-input {
    background-color: #0D0D0D;
    color: #fff !important;
}

.dark-mode .upload-box {
    border: 1.5px solid #E20714 !important;
    background-color: #3a0000 !important;
}

.dark-mode .upload-box:hover {}

.dark-mode .input-group .main-form-input:disabled,
.dark-mode .hint-group .main-form-input:disabled+.hint-span {
    background-color: #252733;
}

.dark-mode .input-group .main-form-input:focus {
    background-color: #0D0D0D;
    color: #fff !important;
}

.dark-mode .offer-details-toggle,
.dark-mode .status-box {
    color: #fff;
}

.dark-mode .info-box,
.dark-mode .tenure-card,
.dark-mode .verification-checklist,
.dark-mode .verification-code-message-container {
    color: #fff;
    background: #000629;
    border: 1px solid #061e2e;
}

.dark-mode .tenure-card.active {
    background-color: #042515;
    border: 2px solid #00BC7D;
}

.dark-mode .verification-code-message-container.verification-danger-message-container {
    background: #1e0000;
    border: 1px solid #87000b;
    color: #FF3B30;
}

.dark-mode .box-error .status-box .info-box-light {
    background-color: #251717;
    border: 1px solid #272727;
}

.dark-mode .verification-code-message-container.verification-warning-message-container {
    background: #0c0c09;
    border: 1px solid #413200;
    color: #ffe5b1;
}

.dark-mode .hint-try-count {
    background-color: #000629;
    color: #dfdfdf;
}

.dark-mode .loginSection .account-form .form-control {
    background-color: #1A1D2E !important;
    color: #ffffff;
    border: 1px solid #535353;
    height: 55px;
}

.dark-mode .input-group .main-form-input:-internal-autofill-selected,
.dark-mode .input-group .main-form-input::placeholder {
    color: #fff !important;
}

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

.dark-mode .bottom-sheet .modal-header .modal-title,
.dark-mode .select2.select2-container .select2-selection .select2-selection__rendered {
    color: #ffff;
}

.dark-mode .info-box-light {
    background-color: #000629;
    border: 1px solid #272727;
}

.bottom-sheet .modal-content::before {
    background: #23273f;
}

.dark-mode .timer-otp i,
.dark-mode .information-calls .contact-item,
.dark-mode .custom-bullet-list li {
    color: #dbd6d6 !important;
    text-decoration: none !important;
}

.dark-mode .information-calls .contact-item i {
    color: #E20714 !important;
}

.dark-mode .select2.select2-container.select2-container--open .select2-selection.select2-selection--single,
.dark-mode .select2-container--default .select2-selection--single {
    background: #0D0D0D;
}

.dark-mode .form-btn.back {
    color: #fff !important;
}

.dark-mode .wizard-step span {
    color: #fff;
    background: #1A1D2E;
}

.dark-mode .wizard-between {
    background: #1A1D2E;
}

.dark-mode .input-month-date input.form-control[readonly] {
    background-color: #0D0D0D !important;
}

.dark-mode .wizard-step.active span {
    background: #E20714;
    color: #fff;
}

.dark-mode .form-btn:disabled {
    background-color: #85000a !important;
}

/*.dark-mode .wizard-step span{*/
/*    background: #1A1D2E;*/
/*    color: #fff;*/
/*}*/
/*.dark-mode .wizard-step {*/
/*    color: #fff;*/
/*}*/
.dark-mode layout_style .loginSection .account-form customer_id_info .form-control,
.dark-mode .select2-container .select2-dropdown .select2-results ul {
    background: #1A1D2E;
    color: #fff;
}

.dark-mode .select2-container .select2-dropdown .select2-search input {
    background: #1A1D2E;
    caret-color: #fff;
    color: #fff;
}

.dark-mode .timeline-header i {
    color: #fff !important;
}

.dark-mode .timeline-item.box-error .status-name,
.dark-mode .entity-name,
.dark-mode .nav-task-body,
.dark-mode .promo-data h6,
.dark-mode .modal-header h5,
.dark-mode .Confirmation-Finance h5,
.dark-mode .sidebar-collapse,
.dark-mode layout_style .nafaz-btn.nafaz-btn-show nic_hint span,
.dark-mode a.remove-item i,
.dark-mode .list-month ul li,
.dark-mode .accept-policy-section,
.dark-mode layout_style .loginSection .account-form label,
.dark-mode .price-unit,
.dark-mode .loginSection .account-form h6,
.dark-mode .Header-mobile>a>span,
.dark-mode .Header-mobile .part-footer>span,
.dark-mode layout_style fund-condition-container,
.dark-mode layout_style .list-of-fund-new .collapse-fund-condition,
.dark-mode layout_style .list-of-fund-new .collapse-fund-condition h6,
.dark-mode layout_style .products-details .item-content .btn,
.dark-mode layout_style .products-details .item-content h5,
.dark-mode layout_style .products-details .item-content h3,
.dark-mode layout_style .products-details:before,
.dark-mode layout_style .fund-title-section,
.dark-mode .payment-methods-container,
.dark-mode .main-content-logo h3,
.dark-mode .input-group .main-form-input:placeholder-shown,
.dark-mode .payment-methods-content-head,
.dark-mode .payment-methods-content-value,
.dark-mode .success-return-message,
.dark-mode .wizard-info-car-head,
.dark-mode .startTimerContainer,
.dark-mode .wizard-step,
.dark-mode .input-icon .hint,
.dark-mode .wizard-step.active,
.dark-mode .wizard-step.passed {
    color: #fff;
}

.dark-mode .wizard-between.passed,
.dark-mode .wizard-step.passed span,
.dark-mode .wizard-step.passed span:before {
    background: #265812 !important
}

.dark-mode .form-check .form-check-input:checked,
.dark-mode .sorting-form-check-container .form-check-input:checked {
    background-color: #265812;
    border-color: #265812;
}

.dark-mode .error {
    color: #9f0202 !important;
}

.dark-mode .form-control.is-invalid,
.dark-mode .form-control.is-invalid~.select2.select2-container .select2-selection {
    border-color: #9f0202 !important;
}

.dark-mode .confirmation-code .input:focus,
.dark-mode .confirmation-code .input {
    background: #000629;
    color: #fff;
}

.dark-mode .wizard-info-car-details {
    color: #fff;
    border-color: #fff;
}


.dark-mode .discount-input {
    background-color: #0D0D0D !important;
    color: #fff !important;
}

.dark-mode .payment-methods-content-container {
    background: #1A1D2E;
}

.dark-mode .discount-cancel-btn i {
    color: #1A1D2E;
}

.dark-mode .discount-success-container>i {
    color: #265812;
}

.dark-mode layout_style .loginSection .account-form h4 {
    color: #fff !important;
}

.dark-mode .iframe-form .body-iframe ul li h6,
.dark-mode .dropdown-footer .ImgUser,
.dark-mode .main-form-input:-webkit-autofill,
.dark-mode .main-form-input:-webkit-autofill:hover,
.dark-mode .main-form-input:-webkit-autofill:focus,
.dark-mode .main-form-input:-webkit-autofill:active {
    color: #fff !important;
    -webkit-text-fill-color: white !important;
}

.dark-mode .list-months,
.dark-mode .footer-sec p {
    background-color: #23273F;
    box-shadow: 0 0 8px #6b6b6b;
    color: #fff;
}

.dark-mode .loaderContainer::before {
    background-color: #262626d9;
}

.dark-mode .loader {
    color: #fff;
}

.dark-mode .whatsapp-link {
    background: #4D4D4D;
    color: #fff;
}

.dark-mode .cat-item.unavailable .information-section {
    background: #645600;
}

.dark-mode .nav-task-body:hover .nav-task-body-name {
    color: #4D565C;
}

.dark-mode .offers-error-message-container p {
    color: #fff;
}

.dark-mode .payment-container .payment-box,
.dark-mode .wpwl-target,
.dark-mode .grid-full-page.white-bg,
.dark-mode .benifit-container,
.dark-mode .box-style,
.dark-mode .page-container .card,
.dark-mode .Personal-Finance-Parent,
.dark-mode .First-step .First-step-text .btn,
.dark-mode .First-step .First-step-text,
.dark-mode .First-step,
.dark-mode layout_style {
    background-color: #23273F;
    color: #fff;
}

.dark-mode .option-resend-code {
    background-color: #23273F;
}

.dark-mode .nav-task-body:hover,
.dark-mode .card-salary,
.dark-mode .Header-mobile,
.dark-mode .list-month ul li:hover,
.dark-mode .form-label label span,
.dark-mode layout_style .products-details:before,
.dark-mode layout_style .list-of-fund-new .collapse-fund-condition,
.dark-mode layout_style .navbar {
    background-color: #000629;
}

.dark-mode layout_style .list-of-fund-new .products-item {
    box-shadow: 0 0 10px #1A1D2E75;
}

.dark-mode layout_style .list-of-fund-new .collapse-fund-condition.active:hover,
.dark-mode layout_style .list-of-fund-new .collapse-fund-condition.active {
    background-color: #06091a;
}

.dark-mode layout_style .First-step .First-step-text form .form-check label {
    color: #cecece;
}

.dark-mode .home-img img,
.dark-mode .main-canvas-container .btn img,
.dark-mode layout_style .offers-page-container .btn img,
.dark-mode layout_style .offers-page-container .offer-info-edit-btn img {
    filter: brightness(0) invert(1);
}

.dark-mode .select2-container--default .select2-results__option[aria-selected=true],
.dark-mode .from-to-group .from-text input,
.dark-mode .from-to-group .to-text input {
    background-color: #3b3b3b;
    color: #fff;
}

.dark-mode .select-old-fund .select2.select2-container .select2-selection,
.dark-mode layout_style .from-to-group .to-text,
.dark-mode layout_style .from-to-group .from-text {
    background-color: #3b3b3b !important;
    border: 0.6px solid #595959 !important;
}

.dark-mode .col-item-compare-section,
.dark-mode .col-item-compare-section .box-fund {
    box-shadow: 0 0 5px #595959;
}

.dark-mode .list-months .tabs-header a {
    background-color: #4c4c4c;
    color: #cbcbcb;
}

.dark-mode .handle-preloader {
    background-color: #1A1D2Ee3;
}

.dark-mode .list-months .tabs-header a.active {
    background-color: #E20714;
    color: #fff;
}

.dark-mode .payment-form .wpwl-form .wpwl-control {
    background-color: #1A1D2E !important;
    color: #fff !important;
}

.dark-mode layout_style .nafaz-btn.nafaz-btn-show {
    background-color: #1A1D2E !important;
    border: 1px solid #535353;
}

.dark-mode .funds-installment-container .funds-installment-item img,
.dark-mode .back-btn img,
.dark-mode .modal-header .modal-close img,
.dark-mode .Confirmation-Finance img.not-found-img,
.dark-mode .img-dark,
.dark-mode layout_style .nafaz-btn.nafaz-btn-show nic_hint img {
    filter: brightness(0) invert(1);
}

.dark-mode layout_style .products-details.personal-fund:before {
    opacity: 0.95;
}

.dark-mode .hint-icon-new span {
    border: 1px solid #a5a5a5;
    background-color: #23273f;
}

.dark-mode .list-attach p {
    color: #000
}

.dark-mode .detail-row,
.dark-mode .title-condition h6 {
    color: #d1d1d1;
}

.dark-mode .control-group label,
.dark-mode .detail-value,
.dark-mode .tenure-duration,
.dark-mode .fund-progress-label,
.dark-mode layout_style .ImgUser.top {
    color: #fff;
}

.dark-mode .fund-progress-step.is-waiting .fund-progress-label {
    color: #A8A8A8;
}

.dark-mode .fund-progress-step:not(:last-child)::after {
    background-color: #4A4A4A;
}

.dark-mode .fund-progress-step.is-done:not(:last-child)::after {
    background-color: #29BD8B;
}

.dark-mode .offers-control-bar,
.dark-mode layout_style .dropdown-menu {
    background-color: #000629;
    box-shadow: 0 0 13px #000629;
}

.dark-mode .control-select,
.dark-mode .offers-control-bar .select2-container .select2-selection--single,
.dark-mode .offers-control-bar .select2.select2-container .select2-selection {
    background-color: #22263e;
    border-color: #535353 !important;
    color: #fff;
}

.dark-mode .order-summary-card,
.dark-mode .fund-items-summary-card,

.dark-mode .select2.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: #000629;
    color: #ffffff;
    border: 1px solid #5f5f5f;
}

.dark-mode .timeline-section-wrapper {
    border: none;
    background-color: #010729;
}

.dark-mode .fund-items-summary-list {
    border-bottom-color: #3d4263;
}

.dark-mode .fund-items-summary-total .fund-items-summary-price {
    color: #ff2734;
}

.dark-mode .fund-items-summary-total .fund-items-summary-price img {
    filter: brightness(0) saturate(100%) invert(21%) sepia(97%) saturate(3957%) hue-rotate(343deg) brightness(107%) contrast(103%);
}

.dark-mode .select2-container--default .select2-selection--multiple {
    background-color: #22263e;
    border-color: #535353;
}

.dark-mode .view-toggles {
    background-color: #23273f;
}

.dark-mode layout_style .dropdown-menu-profile .dropdown-item {
    border-bottom: 1px solid #2a2a2a;
    color: #fff;
}

.dark-mode layout_style .dropdown-menu-profile .dropdown-item:hover,
.dark-mode layout_style .dropdown-menu-profile .dropdown-item:focus {
    color: #000
}

.dark-mode .modal-content {
    background-color: #1a1d2e;
}

.dark-mode .modal-header {
    border-bottom: 1px solid #444650;
}

.dark-mode layout_style .faQ-body-style,
.faQ-body {
    border: 1px solid #444650;
}

.dark-mode .modal-footer {
    border-top: 1px solid #444650;
}

.dark-mode .funds-installment-container .funds-installment-item {
    background-color: #0d0d0d;
}

.dark-mode .iframe-form {
    background-color: #000629;
}

.dark-mode .page-error h1 {
    color: #fff;
}

.dark-mode .page-error h6 {
    color: #fafafa;
}

.dark-mode .input-month-date input {
    background-color: #0D0D0D !important;
    color: #ffffff;
    border: 1px solid #535353;
    height: 55px;
}

.dark-mode .offer-item-title .information-section.active {
    background-color: #000a41;
}

.dark-mode .riyal-currency img {
    filter: brightness(0) invert(1);
}

.dark-mode .hint-group .hint-span {
    background-color: #23273f;
}

.dark-mode .tenure-icon-container {
    background-color: #23273f;
}

.dark-mode .detail-value img {
    filter: brightness(0) invert(1);
}

.dark-mode .tenure-checkbox {
    border: 2px solid #d5d5d5;
    background-color: #000629;
}

.dark-mode .tenure-checkbox:checked {
    background-color: #52C41A;
    border-color: #52C41A;
}

/* Offers Screen Dark Mode */
.dark-mode .tenure-group-header {
    background-color: #1a1d2e;
    border: 1px solid #3d4263;
    color: #fff;
}

.dark-mode .tenure-group-header .group-info span {
    color: #fff;
}

.dark-mode .tenure-group-header .group-info i {
    color: #fff;
}

.dark-mode .offer-card {
    background-color: #23273f;
    border: 1px solid #3d4263;
    color: #fff;
}

.dark-mode .offer-header .offer-entity-details span {
    color: #fff;
}

.dark-mode .grid-detail-card {
    background-color: #1a1d2e;
    border: 1px solid #2a2e45;
}

.dark-mode .grid-detail-label {
    color: #a0a0a0;
}

.dark-mode .filter-subtitle,
.dark-mode .mobile-control-btn,
.dark-mode .grid-detail-value {
    color: #fff;
}

.dark-mode .grid-detail-icon-bg {
    background-color: #23273f;
}

/* List View Dark Mode */
.dark-mode .mobile-control-btn,
.dark-mode .list-view-header {
    background-color: #1a1d2e;
    border: 1px solid #3d4263;
}

.dark-mode .list-view-header .header-col {
    color: #a0a0a0;
}

.dark-mode .filter-option-item,
.dark-mode .offer-row-list {
    background-color: #23273f;
    border: 1px solid #3d4263;
    color: #fff;
}

.dark-mode .filter-option-item.active {
    border-color: #E20714;
    background: #FFF5F5;
}

.dark-mode .form-check-input {
    background-color: #23273f;
}

.dark-mode .filter-option-item span {
    color: #fff;
}

.dark-mode .filter-option-item.active span {
    color: #334155;
}

.dark-mode .offer-row-list .col-value {
    color: #fff;
}

.dark-mode .badge-approval {
    background-color: #1a1d2e;
    color: #fff;
}

.dark-mode .mobile-row-details {
    background-color: #1a1d2e;
    border-top: 1px solid #3d4263;
}

.dark-mode .mobile-row-details .detail-label {
    color: #a0a0a0;
}

.dark-mode .mobile-row-details .detail-value {
    color: #fff;
}

/* Confirmation Step Dark Mode */
.dark-mode .confirm-container {
    background-color: #23273f;
    border: 1px solid #3d4263;
    color: #fff;
}

.dark-mode .confirm-title {
    color: #fff;
}

.dark-mode .confirm-subtitle {
    color: #c1c1c1;
}

.dark-mode .summary-card {
    background-color: #1a1d2e;
    border: 1px solid #3d4263;
}

.dark-mode .checklist-item .step-text,
.dark-mode .summary-label {
    color: #c1c1c1;
}

.dark-mode .summary-value {
    color: #fff;
}

.dark-mode .confirm-icon-circle {
    background-color: #1a1d2e;
    color: #E20714;
}

.dark-mode .btn-confirm-back {
    color: #fff;
    background-color: transparent;
    border: 1px solid #3d4263;
}

.dark-mode .offer-row-list.selected {
    background-color: #2c3154;
    border: 1px solid #E20714;
}

.dark-mode .mobile-list-view-header {
    background-color: #1a1d2e;
    color: #a0a0a0;
}

.dark-mode .mobile-header-col {
    color: #a0a0a0;
}

.dark-mode .grid-detail-icon-bg img,
.dark-mode .grid-detail-value img,
.dark-mode .col-value img,
.dark-mode .detail-value img,
.dark-mode .summary-value img {
    filter: brightness(0) invert(1);
}

.dark-mode .offer-entity-logo,
.dark-mode .row-entity-logo,
.dark-mode .summary-logo {
    filter: none !important;
}

.dark-mode .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: 1;
}

.dark-mode .checklist-item.error .step-text {
    color: #EF4444;
}

.dark-mode .upload-progress-container {
    border: 1px solid #2c2f33;
    background: #000629;
}

.dark-mode layout_style .navbar .btn-light-action {
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
}

.dark-mode .offers-grid-view,
.dark-mode .offers-list-view {
    background-color: #000629;
}

.dark-mode .mobile-list-view-header {
    border: 1px solid #454545;
}

.dark-mode .container-links .link-style {
    background-color: #000629;
    border: 1px solid #1a1d2e;
    color: #ffffff;
}

.dark-mode .fund-progress-step.is-waiting .fund-progress-icon {
    background-color: #23273f;
    border: 1px solid #707070;
}

.dark-mode .sticky-complete-action-section {
    background-color: #010729;
}

.dark-mode .osc-card {
    background: #010729;
    border: 1px solid #111633;
}

.dark-mode .osc-progress-header,
.dark-mode .osc-subtitle,
.dark-mode .osc-title {
    color: #e1e1e1;
}

.dark-mode .osc-progress-panel {
    background: #23273f;
}

@media print {
    .dark-mode .cat-item.choose .information-section {
        background: #1A1A1A !important;
    }
}