.dark-mode .fund-item,
.dark-mode .control-image-upload,
.dark-mode .nav-tabs-fund,
.dark-mode .nav-tabs-fund.nav-tabs .nav-item.nav-link,
body.dark-mode {
    background-color: #1A1D2E;
}
    .dark-mode .nav-tabs-fund.nav-tabs .nav-item.nav-link.active {
        background-color: #1db9c3;
    }
    body .dark-mode main {
    background-color: #23273F;
}
    body.dark-mode .box-complete-profile,
    body.dark-mode .placeholder-container .placholder-span span,
    body.dark-mode .loginSection .account-form {
        background-color: #23273F;
    }
.dark-mode .form-control:disabled, .form-control[readonly],
.dark-mode .label-style-information b {
    background: #1A1D2E;
    color: #fff;
}
.dark-mode .img-title-container p,
body.dark-mode .placeholder-container .placholder-span span {
    color: #ccc
}
.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 .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 .img-title-container h5,
.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 .period-payments {
    background: #1A1D2E;
}
.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 .main-content-logo h4 {
    color: #fff;
}
.dark-mode .main-content-logo p {
    color: #fff;
}
.dark-mode .delegate-container label {
    color: #fff;

}
.dark-mode .input-group .main-form-input {
    background-color: #1a1d2e;
    color: #fff !important;
}
.dark-mode .input-group .main-form-input:focus {
    background-color: #0D0D0D;
    color: #fff !important;
}
.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 .select2.select2-container .select2-selection .select2-selection__rendered {
    color: #ffff;
}
.dark-mode .select2.select2-container.select2-container--open .select2-selection.select2-selection--single,
.dark-mode .select2-container--default .select2-selection--single {
    background: #1a1d2e;
}
.dark-mode .form-btn.back {
    color: #fff !important;
}
.dark-mode .wizard-step span {
    color: #fff;
    background: #1A1D2E;
}
.dark-mode .flag-dropdown .dropdown-toggle,
.dark-mode .wizard-between {
    background: #1A1D2E;
}
.dark-mode .input-month-date input.form-control[readonly] {
    background-color: #1A1D2E !important;
}
.dark-mode .wizard-step.active span {
    background: #1db9c3;
    color: #fff;
}
/*.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 .upload-status .file-label span,
.dark-mode .dropdown-item,
.dark-mode .list-ticketing .ticket-item .ticket-header .status p,
.dark-mode .list-ticketing .ticket-item .ticket-body h6,
.dark-mode .card-new-title .title-fund,
.dark-mode .card-new-title,
.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: #1A1D2E;
    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 .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 #3d3d3d;
    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 .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: #1db9c3;
    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 .white-in-dark,
    .dark-mode .replay-comment-container .attach-btn .attach-btn-content button,
    .dark-mode .item-fund h2 img,
    .dark-mode .filter-section a img,
    .dark-mode currency img,
    .dark-mode dakhli_salary + img,
    .dark-mode layout_style .list-of-fund-new .collapse-fund-condition img,
    .dark-mode .modal-header .modal-close 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 .title-condition h6 {
    color: #d1d1d1;
}
.dark-mode .Confirmation-Finance p.large-text,
.dark-mode layout_style .ImgUser.top {
    color: #fff;
}
.dark-mode layout_style .dropdown-menu {
    background-color: #000629;
    box-shadow: 0 0 13px #000629;
}
.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 .comming-soon {
    background-color: #1A1D2E !important;
    border: 1px solid #535353;
}
.dark-mode .countdown-container {
    color: #cbcbcb;
}
.dark-mode .verification-code-message-container {
    color: #ffffffd9;
    background-color: #1A1D2E;
    border: 1px solid #535353;
}
.dark-mode .current-item-fund {
    background-color: #23273f;
    box-shadow: 0 0 27px #373737;
}
.dark-mode .img-item-fund:before {
    display: none
}
.dark-mode .item-fund h2,
.dark-mode .current-item-fund p {
    color: #dcdcdc;
}
.dark-mode .fund-item h6 {
    color: #dadada;
}
.dark-mode .owl-dots .owl-dot.active {
    background-color: #bebebe !important;
}
.dark-mode .list-ticketing .ticket-item,
.dark-mode .search-container .search-container-group {
    border: 2px solid #353535;
    background-color: #1a1d2e;
}
.dark-mode .list-ticketing .ticket-item {
    box-shadow: none
}
.dark-mode .file-label {
    border: 1px solid #868686;
    box-shadow: 0 5px 16px 0 #19191929;
    background-color: #23273f;
}
.dark-mode .control-image-upload {
    border: 2px solid #666666;
}
.dark-mode .replay-comment-container textarea {
    background-color: #1a1d2e;
}
.dark-mode textarea.form-control,
.dark-mode .replay-comment-container .attach-btn .attach-btn-content button {
    background-color: transparent;
    color: #fff;
}
.dark-mode .btn-theme.btn-light {
    background-color:  #1DB9C3;
}
.dark-mode .main-canvas-container .input-group .main-form-input {
    border: 0.6px solid #bfbfbf !important;
}
.dark-mode .item-fund.item-fund-calculator {
    background-color: #23273f;
    box-shadow: 0 0 11px #6c6c6c;
}
@media print {
    .dark-mode .cat-item.choose .information-section {
            background: #1A1A1A !important;
        }
    }