html.dark-mode {
     body {
         background: var(--body-bg-dark);
     }

     .menu-box {
         background-color: #464646;
         border-color: #464646 !important;
     }

     .right-nav ul li a.active-right-nav-item,
     .mobile-menu-bottom ul li a.active-right-nav-item {
         color: var(--color-red) !important;
     }

     .menu-box a:hover:not(.menu-box a.active) {
         background-color: transparent;
     }

     .tab-nav-bx .menu-box {
         background-color: #fff !important;
         border-color: #fff !important;
     }

     .careers-btn:hover {
         background: linear-gradient(180deg, #C3090C 0%, #D06A2E 100%);
     }

     .timeline-item:not(:last-child)::after {
         background-color: var(--color-white);

     }

     .corporate-profile {
         background: radial-gradient(ellipse at center, #3a3a3a, #242424);
         /* background: linear-gradient(180deg, #464646 0%, #000 100%); */
     }

     #jazzcash-women-account .menu-box {
         background: transparent !important;
     }

     #money-transfer .menu-box {
         background: transparent !important;
     }

     .request-a-quote span {
         color: var(--color-white) !important;
     }

     .cp-heading .txt-black {
         color: var(--color-white) !important;
     }

     .cp-intro-txt {
         color: var(--color-white);

     }

     .cp-intro-txt a {
         color: var(--color-white);
     }

     .cp-card {
         background: var(--color-black) !important;
     }

     .cp-card-right {
         background: var(--color-black) !important;
     }

     .cp-card-title {
         color: var(--color-white);
     }

     .cp-card p {
         color: var(--color-white);

     }

     .cp-enablers-list li {
         color: var(--color-white);
     }

     .board-img {
         background-color: transparent;
     }

     .testimonials-section {
         background: radial-gradient(ellipse at center, #3a3a3a, #242424);
     }

     /* .menu-box .personal-drop-tp {
            background-color: #fff;
        } */

     .active-main-menu {
         color: var(--color-white) !important;
     }

     .menu-box .personal-drop-tp:hover {
         background-color: var(--color-black) !important;
         color: var(--color-white);
     }

     .menu-box .personal-drop-tp:hover>a {
         color: var(--color-white) !important;
     }

     .right-nav ul li a {
         color: var(--color-white) !important;
     }

     .right-nav ul li a:hover {
         color: var(--color-red) !important;
     }

     .desktop-search-btn {
         background-color: #fff;
         color: var(--color-black);
     }

     .desktop-search-btn span {
         color: rgba(0, 0, 0, 0.8);
     }


     .desktop-search-btn img {
         filter: brightness(100%) invert(0);

     }

     .lft-lv1-nav {
         background: #464646;
     }

     .lft-lv1-nav ul li a {
         color: var(--color-white);
     }

     .lft-lv1-nav ul li a:hover {
         background-color: var(--color-black) !important;
         color: var(--color-red) !important;
     }

     .rgt-lv2-nav {
         background-color: var(--color-black);
     }

     .drp-cont-bx {
         background: var(--color-black);
     }

     .rgt-lv2-nav ul li a {
         color: var(--color-white);
     }

     .rgt-lv2-nav ul li a:hover {
         color: var(--color-red);
     }

     .menu-box:has(.personal-drop-tp:hover) .personal-drop-tp:not(:hover) {
         background-color: #464646 !important;
         color: #fff !important;
     }

     .menu-box:has(.personal-drop-tp:hover) .personal-drop-tp:not(:hover)>a {
         color: var(--color-white) !important;
     }

     .section-heading {
         color: var(--color-white);
     }


     .cards-section .section-heading .txt-red {
         color: #FFDE01 !important;
     }

     .get-debit-card-section p {
         color: #fff;
     }

     .get-debit-card-section .black-button {
         color: var(--color-black);
         background-color: var(--color-white);
     }

     .get-debit-card-section .black-button:hover {
         background-color: var(--color-red);
         color: var(--color-white);
     }

     .send-receive-section p {
         color: var(--color-white);
     }

     .merchant-num {
         color: #fff;
     }

     .merchant-btn {
         color: var(--color-white);

     }

     footer {
         background-color: #212529;
     }

     .other-links a,
     .contacts-bx a {
         color: #FFFFFF !important;
     }


     footer .ftr-nav-bx ul li a {
         color: #fff;
     }

     .copyrights-bx {
         color: #fff;
     }

     .personal-drop-tp>a {
         color: #fff;
     }

     /* .menu-box .personal-drop-tp{ background-color: #000 !important; color: #fff;} */

     /* .personal-drop-tp.inactive-menu {
            background: transparent !important;
        } */

     .search-overlay {
         background-color: #464646;
     }

     .search-title {
         color: #fff;

     }

     .popular-title {

         color: #fff;

     }

     .send-receive-section .swiper-button-next,
     .swiper-button-prev {
         background-color: var(--color-white) !important;
     }

     /* .desktop-search-btn:hover, #mainHeader.no-shadow-border .desktop-search-btn span{ color:var(--color-white) ;}
        .desktop-search-btn:hover a span{color:var(--color-white) !important} */
     .close-search-btn {
         color: #fff;
     }

     .payoneer-funds-bx {
         background-image: url(../images/mobile-packages-postpaid-bg-black.png);

     }

     .payoneer-funds-bx h3 {
         color: var(--color-white);

     }

     .payoneer-funds-bx ul li {
         color: var(--color-white);

     }

     .tabs-heading span,
     .red-h3 span {
         color: var(--color-white) !important;
     }

     .partner-card {
         background-color: #000;

     }

     .partner-label {
         color: #fff;
     }

     /*Inner Page*/
     .tabs li {
         color: #fff;
         transition: all 0.5s;
     }

     .tabs li:hover {
         background: var(--color-red);
     }

     .col-sm-9.col-md-9.para-txt-section p {
         color: var(--color-white);
     }

     .faqs .faq p {
         color: var(--color-white);
     }

     /* .menu-box a:hover:not(.menu-box a.active) {
    background-color: var(--color-light-grey);
} */

     /* .menu-box a:hover:not(.menu-box a.active) {
    background-color: transparent !important;
} */
     .logoSwiper .comm-logo {

         background: linear-gradient(to bottom, #ffffff 0%, #fff5f5 50%, #ffeaea 100%);
     }

     .menu-box .business-drop {
         color: var(--color-white);
     }

     .mobile-packages .menu-box .personal-drop {
         color: var(--color-white);

     }

     .sub-heading h4 {
         color: var(--color-white);
     }

     .sub-heading p {
         color: var(--color-white);
     }

     .contact-form .custom-input {
         color: var(--color-white);
     }

     .custom-textarea {
         color: var(--color-white);
     }

     #category+.select2-container .select2-selection__rendered,
     #city+.select2-container .select2-selection__rendered {
         color: var(--color-white) !important;
     }

     .comm-logo-bx .logoSwiper .swiper-button-next {
         background-color: var(--color-white) !important;
     }

     .terms-conditions-plain h3 {
         color: var(--color-red);
     }

     .terms-conditions-plain ul li {
         color: var(--color-white);
     }

     .faq li {
         color: var(--color-white);
     }

     .faq {
         color: var(--color-white);
     }

     .real-people-section p {
         color: var(--color-white);
     }

     .custom-insurance-table {
         background-color: var(--color-black) !important;
     }

     .custom-insurance-table td {
         color: var(--color-white) !important;
     }

     .custom-insurance-table tr.table-total-row td {
         color: var(--color-black) !important;
     }

     .disclaimer li {
         color: var(--color-white);
     }

     .disclaimer p {
         color: var(--color-white);
     }

     .request-quote-form .custom-input,
     .request-quote-form .custom-select {
         color: var(--color-white);
     }

     .select2-container--default .select2-selection--single .select2-selection__rendered {
         color: #fff !important;
     }

     .careers-hero-heading {
         color: var(--color-white) !important;

     }

     .careers-hero-subheading {
         color: var(--color-white) !important;
     }

     .careers-hero-txt {
         color: var(--color-white);

     }

     .zigzag-txt {
         color: var(--color-white);
     }

     .uniqueness-subtxt {
         color: var(--color-white);

     }

     .testimonials-section .section-heading {
         color: var(--color-white);
     }

     .testimonial-card {
         background-color: var(--body-bg-dark);
     }

     .testimonial-role {
         color: var(--color-white);

     }

     .testimonial-quote {
         color: var(--color-white);

     }

     .roles-filter-input {
         color: var(--color-white);
         background-color: var(--color-black);
         border: 1px solid #fff;

     }

     .roles-filter-select {
         border: 1px solid #fff;
         color: var(--color-white);
         background-color: var(--color-black);

     }

     .roles-select-wrap::after {
         filter: brightness(0) invert(1);
     }

     .role-meta {
         color: var(--color-white);
     }

     .help-heading {
         color: var(--color-white);
     }

     .job-content-html p {
         color: var(--color-white);
     }

     .job-content-html p>strong {
         color: var(--color-white);
     }

     .job-content-html .black-heading,
     .job-content-html h1,
     .job-content-html h2,
     .job-content-html h3,
     .job-content-html h5,
     .job-content-html h6 {
         color: var(--color-white) !important;
     }

     .job-does .job-content-html li {
         color: var(--color-white) !important;
     }

     .job-content-html li {
         color: var(--color-white);
     }

     .job-red-heading .red-heading {
         color: var(--color-red);
     }

     .gradient-icon-txt-bx {
         background: linear-gradient(180deg, #ffffff 0%, #f2f2f2 60%, #e6e6e6 100%);
     }

     .logoSwiper .comm-logo {
         background: linear-gradient(180deg, #ffffff 0%, #f2f2f2 60%, #e6e6e6 100%);
         /* background: linear-gradient(to bottom, #ffffff 0%, #fff5f5 50%, #ffeaea 100%); */
     }

     .btn-primary:hover {
         background: linear-gradient(180deg, #C3090C 0%, #D06A2E 100%);
     }

     .job-info-card {
         background: linear-gradient(180deg, #ffffff 0%, #f2f2f2 60%, #e6e6e6 100%);
     }

     .helpline-card {
         background: linear-gradient(180deg, #ffffff 0%, #f2f2f2 60%, #e6e6e6 100%);
     }

     .channel-card {
         background: linear-gradient(180deg, #ffffff 0%, #f2f2f2 60%, #e6e6e6 100%);
     }

     .regulatory-card {
         background: linear-gradient(180deg, #ffffff 0%, #f2f2f2 60%, #e6e6e6 100%);
     }

     .office-details-box {
         background: linear-gradient(180deg, #ffffff 0%, #f2f2f2 60%, #e6e6e6 100%);
     }

     .regulatory-wrapper {
         background: black;
     }

     .contact-help-section p {
         color: var(--color-white);
     }

     .custom-radio-label:hover {
         color: #fff;
     }

     .tc-section .tc-content p,
     li {
         color: var(--color-white);
     }

     .tc-section .tc-content {
         color: white;
     }

     .tc-content .custom-insurance-table tr:last-child td {
         border-right: 1px solid #D9D8D8 !important;
         border-bottom: 1px solid #D9D8D8 !important;
     }

     .tc-content .custom-insurance-table td:last-child {
         border-right: 1px solid #D9D8D8 !important;
         border-bottom: 1px solid #D9D8D8 !important;
     }
         .tab-gradient-box {
        background: linear-gradient(to bottom, #2A2A2A 0%, #2A2A2A 50%, #2A2A2A 100%);
    }

     /*Inner Page*/


     @media (min-width:991px) and (max-width: 1024px) {
         .desktop-search-btn {

             padding: 10px 10px;
             max-width: 75px;
             min-width: 50px !important;
         }

         .desktop-search-btn span {
             font-size: 11px;

         }
     }

 }






 /* ============================
   DARK MODE
============================ */

 .dark-mode .personal-drop-tp {
     background: #1d1d1d;
 }

 .dark-mode .personal-drop-tp.inactive-menu {
     background: #353535;
 }

 .dark-mode .personal-drop-tp>a {
     color: #fff;
 }

 .dark-mode .personal-drop-tp>a.active-main-menu {
     color: #fff;
 }

 .dark-mode .personal-drop-tp:hover {
     background: #444;
 }

 /* Arrow Icon (optional) */

 .dark-mode .personal-drop-tp span img {
     filter: brightness(0) invert(1);
 }

 .dark-mode .personal-drop-tp.inactive-menu {
     background: transparent;
 }



 /* ============================
   DARK MODE
============================ */

 @media (max-width: 991px) {

     .themeToggle.theme-btn img.theme-image {
         min-height: 22px;
     }

     html.dark-mode {
         .drk-white {
             color: var(--color-white);
         }

         a.drk-white img {
             filter: brightness(0) invert(1);
         }

         .sendReceiveSwiper .swiper-button-next {
             background-color: white;
         }

         .sendReceiveSwiper .swiper-button-prev {
             background-color: white;
         }

         .swiper-button-next.testimonials-next-business {
             background: white;
         }

         .swiper-button-prev.testimonials-prev-business {
             background: white;
         }

         footer .accordion-header {
             color: #fff;
         }

         footer .accordion-content ul li a {
             color: #fff;
         }

         .menu-level {
             background: #000;

         }

         .mob-show .menu-box .active-main-menu {
             background-color: var(--color-black) !important;
         }

         .menu-box .business-drop {
             color: var(--color-white);
         }

         .mobile-menu-bx ul li a {
             color: var(--color-white);
         }

         .back-btn {
             color: #fff;
         }

         .level-1 .mobile-menu-bottom {
             background: var(--color-black);
         }

         a.personal-drop {
             color: var(--color-white);
         }

         .menu-box a:hover:not(.menu-box a.active) {
             background-color: black !important;
         }
     }


 }