:root {
    --theme-home-menu-color: #be31bc;
    --theme-home-menu-highlight-color: #20B2FF;
    --theme-home-menu-hover-color: #20B2FF;
    --theme-product-menu-color: #045995;
    --theme-product-menu-hover-color: #20B2FF;
    --theme-home-product-menu-bg: linear-gradient(45deg, #20B2FF, #fba819);
    --theme-home-banner-bg: url("/Common/VariantPay/banner2.png"); /*1545x850*/
    --theme-layout-banner-bg: linear-gradient(45deg, #20B2FF,#be31bc);
    --theme-home-about-sm-banner-gradient: linear-gradient(120deg, #20B2FF,#be31bc);
    --theme-home-about-banner-bg: url("/Common/VariantPay/about_banner_new.jpg"); /*1360x180*/
    --theme-home-contact-banner-bg: url("/Common/VariantPay/contact_banner_new.jpg"); /*1360x180*/
    --theme-home-privacy-banner-bg: url("/Common/VariantPay/privacy_banner_new.jpg"); /*1360x180*/
    --theme-home-cancellation-banner-bg: url("/Common/VariantPay/cancellation_banner_new.png"); /*1360x180*/
    --theme-home-terms-banner-bg: url("/Common/VariantPay/terms_banner_new.jpg"); /*1360x180*/
    --theme-home-logo: url("/Common/VariantPay/sidebar/image/logo.png");
    --theme-loader-icon: url("/Common/VariantPay/favicon.png");
    --theme-text-highlight-color: #1975bf;
    --theme-ticker-message-bg: #fdc621;
    --theme-theme-footer-bg: linear-gradient(45deg, #0e81c8, #20B2FF );
    --theme-md-icon-bg: #1975bf;
    --theme-btn-primary: #20B2FF;
    --theme-btn-primary-border: transparent;
    --theme-btn-primary-text: #fff;
    --theme-btn-primary-hover: #bddeff;
    --theme-btn-primary-hover-border: transparent;
    --theme-btn-primary-hover-text: #000000;
    --theme-btn-secondary: #6c757d;
    --theme-btn-secondary-border: #6c757d;
    --theme-btn-secondary-text: #fff;
    --theme-btn-secondary-hover: #5a6268;
    --theme-btn-secondary-hover-border: #5a6268;
    --theme-btn-secondary-hover-text: #fff;
    --theme-modal-header-bg: linear-gradient(45deg,#20B2FF, #20B2FF );
    --theme-bg-primary: #20B2FF;
    --theme-bg-primary-hover: #182c82;
    --theme-bg-secondary: #be31bc /*#4593ef*/; /*used for product menu  highlight*/
    --theme-bg-secondary-hover: #be31bc;
    --theme-text-primary: #20B2FF;
    --theme-text-primary-hover: #1a1f8a;
    --theme-text-secondary: #6c757d;
    --theme-text-secondary-hover: #494f54;
    --theme-text-mute-dark-color: #54606d;
    --theme-input-text-color: #045995;
    --theme-bg-soft-white-bgcolor: rgba(255, 255, 255, 0.15);
    --theme-bg-soft-white-textcolor: rgba(255, 255, 255, 255);
    --theme-bg-soft-theme-bgcolor: rgb(255 238 191);
    --theme-bg-soft-theme-textcolor: #20B2FF /*rgb(55 98 174)*/;
    --theme-bg-soft-red-bgcolor: rgba(222, 68, 55, 0.15);
    --theme-bg-soft-red-textcolor: rgba(222, 68, 55, 0.75);
    --theme-bg-soft-blue-bgcolor: rgba(55, 125, 255, 0.15);
    --theme-bg-soft-blue-textcolor: rgba(55, 125, 255, 0.75);
    --theme-bg-soft-orange-bgcolor: rgba(233, 147, 29, 0.15);
    --theme-bg-soft-orange-textcolor: rgba(233, 147, 29, 0.75);
    --theme-bg-soft-pink-bgcolor: rgba(233, 30, 99, 0.15);
    --theme-bg-soft-pink-textcolor: rgba(233, 30, 99, 0.75);
    --theme-bg-soft-vilot-bgcolor: rgba(123, 87, 167, 0.15);
    --theme-bg-soft-vilot-textcolor: rgba(123, 87, 167, 0.75);
    --theme-bg-soft-green-bgcolor: rgba(0, 201, 167, 0.15);
    --theme-bg-soft-green-textcolor: rgba(0, 201, 167, 0.75);
    --theme-aeps-home-banner-bg: url("/images/AEPS_CSoon.jpg");
    --theme-matm-home-banner-bg: url("/images/mATM_CSoon.jpg");
    --theme-btn-bg: #20b2ff !important;
    --theme-btn-bgs: linear-gradient(145deg, #20b2ff, #C729B8) !important;
    --theme-or-bg: #20b2ff /*#eb5e11*/;
    --theme-desk-bg: #d9f0ff;
    --theme-wht-bg: #20b2ff;
    --theme-wht-txt: #ffffff;
    --theme-blck-txt: #333;
    --theme-btn-outline-primary: #20B2FF;
    --theme-btn-info: #17a2b8;
    --theme-btn-disable: #295cd7;
    --theme-btn-disable-bg: #dfdfdf !important;
    --theme-txtclr-red: red;
    --btn-outline-light-clr: #f8f9fa;
    --theme-text-no-records: #17a2b8;
}

.main-menu-dash > ul.navbar-nav > li > a::before {
    background: #20B2FF !important;
}

.feature-box-icon-hover.bg-secondary.rounded-circle {
    background-color: #be31bc !important;
}

.feature-box-left-icon-middle {
    background: #20B2FF; /*bbe2f9 bbe2f940*/
}

/*.card.shadow-lg.rounded-0.border-0.h-100.lgbg {
    background: linear-gradient(#fefefee6 100%, transparent);
}*/
/*.card.shadow-lg.rounded-0.border-0.h-100.lgbg {
    background: linear-gradient(123deg, #fefefe, transparent);
}*/
.card.shadow-lg.rounded-0.border-0.h-100.lgbg {
    background: linear-gradient(163deg, #fefefe 80%, transparent);
}

.bg-soft-danger {
    color: #ffffff !important;
    background: #be31bc !important;
    border-color: transparent;
}

.lsih {
    color: #20B2FF !important;
}

.prt {
    color: #be31bc !important;
}
/*.bg-warnings {
    background: #3762ae !important;
    color: #fff !important;
}*/
.bg-warnings {
    background: linear-gradient(45deg, #20B2FF 60%, transparent);
    color: #fff !important;
}

.feature-box:hover {
    background: #be31bc !important;
    color: #000000 !important;
}

    .feature-box:hover p {
        color: #343a40 !important;
    }

    .feature-box:hover span {
        color: #ffffff !important;
    }

    .feature-box:hover .light i {
        color: #ffffff !important;
        transform: scale(1.5);
    }

.bg-soft-theme {
    background: #b2cce44f !important;
    animation-name: topna;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

button.btn.btn-primary.icici {
    background: #f37e20;
}
/*.feature-box-content:hover h5 {
    color: #343a40 !important;
}
.feature-box-content:hover span {
    color: #3762ae !important;
}*/
@media only screen and (max-width: 400px) {
    .template-banner-bg {
        background: var(--theme-home-banner-bg) no-repeat center;
        background-position: center center;
        background-size: cover !important;
        background-repeat: no-repeat;
    }
}