:root {

        --body-bg: #ffffff;
        --body-bg-dark: #000;


    }

    * {
        transition:
            background-color .3s,
            color .3s,
            border-color .3s;
    }

    body {
        background: var(--body-bg);
    }


    .personal-drop-tp.bg-grey {
        background-color: var(--color-white);
    }

    .personal-drop-tp.bg-grey-per {
        background-color: var(--color-black);
    }

    /*Menu Personal-Business Btns Light Mode*/
    .personal-drop-tp {
        background: #fff;
        transition: .3s ease;
    }

    .personal-drop-tp.inactive-menu {
        background: #f2f2f2;
    }

    .personal-drop-tp>a {
        color: #000;
        text-decoration: none;
        transition: .3s ease;
    }

    .personal-drop-tp>a.active-main-menu {
        color: #000;
        font-weight: 600;
    }

    /* Optional Hover */

    .personal-drop-tp:hover {
        background: #ececec;
    }

    @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;

        }
    }

    /*Menu Personal-Business Btns Light Mode*/



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 .personal-drop-tp {
            background-color: #fff;
        } */
        .right-nav ul li a:hover {
            color: var(--color-red) !important;
        }

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

        .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;
        }

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

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

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


        .right-nav ul li a {
            color: var(--color-white) !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;
        }

        .sendReceiveSwiper .swiper-btns-bx .swiper-button-next img {
            filter: brightness(0) invert(1);
        }

        .sendReceiveSwiper .swiper-btns-bx .swiper-button-prev img {
            filter: brightness(0) invert(1);
        }

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

        }

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

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

        }

        .partner-label {
            color: #fff;
        }

        .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%); */
        }

        /*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(180deg, #ffffff 0%, #f2f2f2 60%, #e6e6e6 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);
        }

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

        }

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

    /* .job-info-card {
    background: linear-gradient(180deg, #ffffff 0%, #f2f2f2 60%, #e6e6e6 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;
    }

    @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;

        }
    }

    /*Inner Page*/












    /* ============================
   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);
            }

        }


    }