/* theme css start */
:root {
    --color: #0947c4;
}
.payment-popup {
    --color: #0947c4;
    transition: 0.3s all;
}
.payment-bg, .payment-user, .payment-user-radius-cap, .seamless-popup-header, .primary-bg {
    background: var(--color);
}
.payment-details-bg, .payment-details-main {
    background: #ffffff;
}
.payment-text, .payment-text:hover, .payment-text:focus {
    color: #101010;
    text-decoration: none;
}
.anloader {
    border-top-color: var(--color);
}
.labelup, .select-top .form-select {

    /*border-color: var(--color);*/
}
.select-top .form-select {
    border-color: var(--color);
}
.focus-filed {
    border-color: var(--color);
}
.payment-border-color {
    border-color: var(--color);
}
.paymenttext-color {
    color: #ffffff;
}
svg.paymenttext-color {
    fill: #f2f2f2;
}
.payment-arrow .arrow-svg {
    stroke: var(--color);
}
.button-bottom p a, .button-bottom p a:hover, .button-bottom p a:focus {
    color: var(--color);
}
.payment-promo-bg {
    background-color: #0840b0;
    opacity: 0.4;
}
.promo-bg-active .promo-btn .promo-icon {

    /*background: var(--color);*/
}
.coupon-top-content .coupon-code .coupon-code-bg {
    background-color: var(--color);
}
.coupon-top-content .coupon-code .coupon-code-border {
    border-color: var(--color);
}
.upi-color-1 {
    fill: #0e8635;
}
.upi-color-1, .upi-color-2, .upi-color-3 {
    fill-rule: evenodd;
    stroke-width: 0px;
}
.upi-color-2 {
    fill: #6e6f71;
}
.upi-color-3 {
    fill: #e97208;
}

/* .percent-icon {
fill: #f2f2f2;
}

.percent-bg {
fill: #ffffff;
fill-opacity: 0.25;
} */

/*button  start*/
.white-link {
    color: #ffffff;
}
.white-link:hover, .white-link:focus {
    color: #ffffff;
}
.primary-link, .primary-link:hover, .primary-link:focus {
    color: var(--color);
}
.payment-link {
    color: #101010;
}
.payment-link:hover, .payment-link:focus {
    color: #101010;
}
.default-link {
    color: #101010;
    text-decoration: underline;
}
.default-link:hover, .default-link:focus {
    color: #101010;
    text-decoration: underline;
}
.blue-btn {
    background: var(--color);
    color: #ffffff;
    transition: 0.5s all;
}
.blue-btn:hover, .blue-btn:focus {

    /*background: #1063cc;*/
    opacity: 0.9;
}
.primary-text {
    color: var(--color);
}
.secondary-btn {
    font-size: 14px;
    font-weight: normal;
    border-radius: 0;
    padding: 12px 10px;
    background: #fff;
    color: var(--color);
    border: 1px solid var(--color);
}
.secondary-btn:hover, .secondary-btn:focus {
    background: #fff;
    color: var(--color);
    border: 1px solid var(--color);
}
.ctl-active {
    color: var(--color);
    border-bottom-color: var(--color);
}

/*button End*/
.after-discount-value {
    border-color: #dcdfe4;
}
.arrow-right {
    border-top-color: var(--color);
    border-right-color: var(--color);
}
.arrow-right-white {
    border-top-color: #ffffff;
    border-right-color: #ffffff;
}
.pay-bg {
    background: var(--color);
}
.primary-color {
    fill: /*var(--color)*/ var(--color);
}
.white-color {
    fill: #ffffff;
}
.secondary-color {

    /*fill: #81e7fe;*/
    fill: #e9f1fe;
}
.wallet-secondary {
    fill: #7e9ee8;
}
.paytm-primary {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #263d8a;
}
.paytm-secondary {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #29abe2;
}
.bharat-qr0 {
    fill: #f47920;
}
.bharat-qr1 {
    fill: #00a651;
}
.bharat-qr2 {
    fill: #273370;
}
.emandate0 {
    fill: #1b3281;
}
.emandate1 {
    fill: #008c44;
}
.emandate2 {
    fill: #f47920;
}
.secondary-color2 {
    fill: #a1c7f6; /*fill-opacity: 0.3;*/
}
.stroke-color {
    stroke: var(--color);
}
.st1-5 {
    stroke-width: 1.5;
    stroke-miterlimit: 10;
}
.st0-91 {
    stroke-width: 0.9186;
    stroke-miterlimit: 10;
}
.st0-9 {
    stroke-width: 0.9;
    stroke-miterlimit: 10;
}
.payrewards-poly {
    fill: none;
    stroke-width: 3.5;
    stroke-miterlimit: 10;
}
input[type='checkbox']:checked + label .checkbox-before, .radio input[type='radio']:checked + label .radio-before {
    border-color: var(--color);
}
.radio input[type='radio']:checked + label .radio-after {
    background: var(--color);
}
.check-radio input[type='radio']:checked + label .radio-before, .check-box input[type='checkbox']:checked + label .radio-before {
    background: var(--color);
    border-color: var(--color);
}
.save-radio .check-radio input[type='radio']:checked + label .radio-before {
    border-color: var(--color);
}
.check-radio input[type='radio']:checked + label .radio-after, .check-box input[type='checkbox']:checked + label .radio-after {
    border-color: #ffffff;
}
input[type='checkbox']:checked + label .checkbox-after {

    /*border-color:var(--color);*/
    border-color: transparent;
}
input[type='checkbox']:checked + label .tick-before, input[type='checkbox']:checked + label .tick-after {
    background: var(--color);
}
.netbanking-list ul li.selected .banking-list-before {
    border-color: var(--color);
}
.netbanking-list ul li.selected .banking-list-after {
    height: 3px;
    background-color: var(--color);
}
.netbanking-list ul li:hover .banking-list-before {
    border-color: var(--color);
}
.upi-list ul li.selected a, .upi-list ul li:hover a {
    border-color: var(--color);
}
.check-radio input[type='radio']:checked + label .tick-before, .check-radio input[type='radio']:checked + label .tick-after {
    background: #ffffff;
}
.blue-btn.outline-btn {
    background: #fff;
    border-color: var(--color);
    color: var(--color);
}
.ctl-active {
    color: var(--color);
    border-bottom-color: var(--color);
}

/* lodd  page css start */
.pulsing {
    width: 20px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--color);
    box-shadow: 0 0 0 0 var(--color);
    animation: lanimtion 1.5s infinite linear;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    margin-top: -10px;
}
.pulsing:before, .pulsing:after {
    content: " ";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: 0 0 0 0 var(--color);
    animation: inherit;
    animation-delay: -0.5s;
}
.pulsing:after {
    animation-delay: -1s;
}
@keyframes lanimtion {
    100% {
        box-shadow: 0 0 0 40px #0000
    }
}

/* lodd  page css End */

/* theme css End */
@media all and (-ms-high-contrast:none) {
}
@media (max-width:990px) {
    .logo-border {
        border-color: var(--color);
    }
    .account-bg {
        background: var(--color);
        opacity: 0.1;
    }
    .m-order-text, .order-info-bottom.order-border .order-footer .order-am-text {
        color: #101010;
    }
    .after-discount-value {
        border-color: #dcdfe4;
    }
}
@media (max-width:767px) {
    .upi-list ul li.selected .banking-list-before {
        border-color: var(--color);
    }
    .upi-list ul li.selected .banking-list-after {
        height: 3px;
        background-color: var(--color);
    }
    .upi-list ul li:hover .banking-list-before {
        border-color: var(--color);
    }
}