/*! CSS Used from: /assets/plugins/global/plugins.bundle.css?v=7.0.6 */
.payment_box :root{
    --tagify-dd-color-primary:rgb(53,149,246);
    --tagify-dd-bg-color:white;
}
.payment_box :root{
    --animate-duration:1s;
    --animate-delay:1s;
    --animate-repeat:1;
}
/*! CSS Used from: /assets/css/style.bundle.css?v=7.0.6 */
.payment_box :root{
    --blue:#007bff;
    --indigo:#6610f2;
    --purple:#6f42c1;
    --pink:#e83e8c;
    --red:#dc3545;
    --orange:#fd7e14;
    --yellow:#ffc107;
    --green:#28a745;
    --teal:#20c997;
    --cyan:#17a2b8;
    --white:#ffffff;
    --gray:#7E8299;
    --gray-dark:#3F4254;
    --primary:#0BB783;
    --secondary:#E4E6EF;
    --success:#318ce7;
    --info:#8950FC;
    --warning:#FFA800;
    --danger:#F64E60;
    --light:#F3F6F9;
    --dark:#181C32;
    --white:#ffffff;
    --breakpoint-xs:0;
    --breakpoint-sm:576px;
    --breakpoint-md:768px;
    --breakpoint-lg:992px;
    --breakpoint-xl:1200px;
    --breakpoint-xxl:1400px;
    --font-family-sans-serif:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.payment_box *,*::before,*::after{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.payment_box html{
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.payment_box body{
    margin:0;
    font-family:Poppins, Helvetica, "sans-serif";
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#3F4254;
    text-align:left;
    background-color:#ffffff;
}
.payment_box h3{
    margin-top:0;
    margin-bottom:0.5rem;
}
.payment_box p{
    margin-top:0;
    margin-bottom:0rem;
}
.payment_box strong{
    font-weight:600;
}
.payment_box a{
    color:#000;
    text-decoration:none;
    background-color:transparent;
}
.payment_box a:hover{
    color:#076f4f;
}
.payment_box img{
    vertical-align:middle;
    border-style:none;
}
.payment_box label{
    display:inline-block;
    margin-bottom:0.5rem;
}
.payment_box button{
    border-radius:0;
}
.payment_box button:focus{
    outline:1px dotted;
    outline:5px auto -webkit-focus-ring-color;
}
.payment_box input,button{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit;
}
.payment_box button,input{
    overflow:visible;
}
.payment_box button{
    text-transform:none;
}
.payment_box button,[type="button"],[type="submit"]{
    -webkit-appearance:button;
}
.payment_box button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
    padding:0;
    border-style:none;
}
.payment_box h3{
    margin-bottom:0.5rem;
    font-weight:500;
    line-height:1.2;
}
.payment_box h3{
    font-size:1.5rem;
}
 @media (max-width: 1200px){
    .payment_box h3{
        font-size:calc(1.275rem + 0.3vw);
    }
}
.payment_box .form-control{
    display:block;
    width:100%;
    height:calc(1.5em + 1.3rem + 2px);
    padding:0.65rem 1rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#3F4254;
    background-color:#ffffff;
    background-clip:padding-box;
    border:1px solid #E4E6EF;
    border-radius:0.42rem;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
 @media (prefers-reduced-motion: reduce){
    .payment_box .form-control{
        -webkit-transition:none;
        transition:none;
    }
}
.payment_box .form-control::-ms-expand{
    background-color:transparent;
    border:0;
}
.payment_box .form-control:-moz-focusring{
    color:transparent;
    text-shadow:0 0 0 #3F4254;
}
.payment_box .form-control:focus{
    color:#3F4254;
    background-color:#ffffff;
    border-color:#0ee7a5;
    outline:0;
}
.payment_box .form-control::-webkit-input-placeholder{
    color:#B5B5C3;
    opacity:1;
}
.payment_box .form-control::-moz-placeholder{
    color:#B5B5C3;
    opacity:1;
}
.payment_box .form-control:-ms-input-placeholder{
    color:#B5B5C3;
    opacity:1;
}
.payment_box .form-control::-ms-input-placeholder{
    color:#B5B5C3;
    opacity:1;
}
.payment_box .form-control::placeholder{
    color:#B5B5C3;
    opacity:1;
}
.payment_box .form-control:disabled{
    background-color:#F3F6F9;
    opacity:1;
}
.payment_box .btn{
    display:inline-block;
    font-weight:normal;
    color:#3F4254;
    text-align:center;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color:transparent;
    border:1px solid transparent;
    padding:0.65rem 1rem;
    font-size:1rem;
    line-height:1.5;
    border-radius:0.42rem;
    -webkit-transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}
 @media (prefers-reduced-motion: reduce){
    .payment_box .btn{
        -webkit-transition:none;
        transition:none;
    }
}
.payment_box .btn:hover{
    color:#3F4254;
    text-decoration:none;
}
.payment_box .btn:focus{
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.payment_box .btn:disabled{
    opacity:0.6;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.payment_box .btn-success{
    color:#ffffff;
    background-color:#318ce7;
    border-color:#318ce7;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.payment_box .btn-success:hover{
    color:#ffffff;
    background-color:#1172d4;
    border-color:#1172d4;
}
.payment_box .btn-success:focus{
    color:#ffffff;
    background-color:#1172d4;
    border-color:#1172d4;
    -webkit-box-shadow:0 0 0 0.2rem rgba(17, 114, 212, 0.5);
    box-shadow:0 0 0 0.2rem rgba(17, 114, 212, 0.5);
}
.payment_box .btn-success:disabled{
    color:#ffffff;
    background-color:#318ce7;
    border-color:#318ce7;
}
.payment_box .fade{
    -webkit-transition:opacity 0.15s linear;
    transition:opacity 0.15s linear;
}
 @media (prefers-reduced-motion: reduce){
    .payment_box .fade{
        -webkit-transition:none;
        transition:none;
    }
}
.payment_box .card{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #f2f4f9;
    border-radius: 0.25rem;
}
/* .card{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    min-width:0;
    word-wrap:break-word;
    background-color:#ffffff;
    border-radius:1rem;
}
 */
.payment_box .card-body{
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    min-height:1px;
    padding:0rem;
}
.payment_box .alert{
    position:relative;
    padding:0.75rem 1.25rem;
    margin-bottom:1rem;
    border:1px solid transparent;
    border-radius:0.42rem;
}
.payment_box .close{
    float:right;
    font-size:1.5rem;
    font-weight:500;
    line-height:1;
    color:#000000;
    text-shadow:0 1px 0 #ffffff;
    opacity:.5;
}
 @media (max-width: 1200px){
    .payment_box .close{
        font-size:calc(1.275rem + 0.3vw);
    }
}
.payment_box .close:hover{
    color:#000000;
    text-decoration:none;
}
.payment_box button.close{
    padding:0;
    background-color:transparent;
    border:0;
}
.payment_box .d-none{
    display:none!important;
}
.payment_box .d-flex{
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
}
 @media (min-width: 576px){
    .payment_box .d-sm-block{
        display:block!important;
    }
    .payment_box .d-sm-flex{
        display:flex!important;
    }
}
 @media (min-width: 768px){
    .payment_box .d-md-none{
        display:none!important;
    }
}
 @media (min-width: 992px){
    .payment_box .d-lg-none{
        display:none!important;
    }
}
 @media (min-width: 1200px){
    .payment_box .d-xl-none{
        display:none!important;
    }
}
.payment_box .flex-column{
    -webkit-box-orient:vertical!important;
    -webkit-box-direction:normal!important;
    -ms-flex-direction:column!important;
    flex-direction:column!important;
}
.payment_box .overflow-hidden{
    overflow:hidden!important;
}
.payment_box .position-relative{
    position:relative!important;
}
.payment_box .w-100{
    width:100%!important;
}
.payment_box .m-2{
    margin:0.5rem!important;
}
.payment_box .mr-2{
    margin-right:0.5rem!important;
}
.payment_box .ml-2{
    margin-left:0.5rem!important;
}
.payment_box .mb-5{
    margin-bottom:1.25rem!important;
}
.payment_box .mt-10{
    margin-top:2.5rem!important;
}
.payment_box .p-7{
    padding:1.75rem!important;
}
.payment_box .text-center{
    text-align:center!important;
}
.payment_box .font-weight-bold{
    font-weight:500!important;
}
.payment_box .font-weight-bolder{
    font-weight:600!important;
}
.payment_box .text-dark{
    color:#181C32!important;
}
 @media print{
    .payment_box *,*::before,*::after{
        text-shadow:none!important;
        -webkit-box-shadow:none!important;
        box-shadow:none!important;
    }
    .payment_box img{
        page-break-inside:avoid;
    }
    .payment_box p, .payment_box h3{
        orphans:3;
        widows:3;
    }
    .payment_box h3{
        page-break-after:avoid;
    }
    .payment_box body{
        min-width:992px!important;
    }
}
.payment_box .bgi-size-cover{
    background-size:cover;
}
.payment_box .bgi-no-repeat{
    background-repeat:no-repeat;
}
.payment_box .flex-root{
    -webkit-box-flex:1;
    flex:1;
    -ms-flex:1 0 0px;
}
.payment_box .flex-row-fluid{
    -webkit-box-flex:1;
    flex:1 auto;
    -ms-flex:1 0 0px;
    min-width:0;
}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .payment_box .flex-row-fluid{
        min-width:none;
    }
}
.payment_box .flex-center{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.payment_box .flex-mobile-top{
    justify-content: center;
    align-items: center;
}
.payment_box .opacity-60{
    opacity:0.6!important;
}
.payment_box .opacity-75{
    opacity:0.75!important;
}
.payment_box .text-dark{
    color:#181C32!important;
}
.payment_box a{
    -webkit-transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.payment_box a:hover{
    -webkit-transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.payment_box i{
    font-size:1.25rem;
    color:#B5B5C3;
}
.payment_box a, .payment_box button{
    outline:0!important;
}
.payment_box .alert.alert-custom{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    padding:1.5rem 2rem;
}
.payment_box .alert.alert-custom .alert-icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0 1.25rem 0 0;
}
.payment_box .alert.alert-custom .alert-icon i{
    font-size:2.4rem;
}
.payment_box .alert.alert-custom .alert-text{
    -ms-flex-item-align:center;
    align-self:center;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
}
.payment_box .alert.alert-custom .alert-close{
    padding:0 0 0 1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    line-height:0;
}
.payment_box .alert.alert-custom .alert-close .close{
    text-shadow:none!important;
    cursor:pointer;
    line-height:0;
}
.payment_box .alert.alert-custom .alert-close i{
    -webkit-transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    font-size:1rem;
}
.payment_box .alert.alert-custom .alert-close i.ki{
    font-size:0.75rem;
}
.payment_box .alert.alert-custom .alert-close:focus i, .payment_box .alert.alert-custom .alert-close:hover i{
    -webkit-transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.payment_box .alert.alert-custom.alert-light-danger{
    background-color:#FFE2E5;
    border-color:transparent;
}
.payment_box .alert.alert-custom.alert-light-danger .alert-icon i{
    color:#F64E60;
}
.payment_box .alert.alert-custom.alert-light-danger .alert-text{
    color:#F64E60;
}
.payment_box .alert.alert-custom.alert-light-danger .alert-close i{
    color:#F64E60;
}
.payment_box .alert.alert-custom.alert-light-danger .alert-close:focus,.alert.alert-custom.alert-light-danger .alert-close:hover{
    color:#EE2D41;
}
.payment_box .btn{
    outline:none!important;
    vertical-align:middle;
    -webkit-transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.payment_box .btn:hover:not(.btn-text),.btn:focus:not(.btn-text){
    -webkit-transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.payment_box .btn:disabled{
    -webkit-transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.payment_box .btn:focus:not(.btn-shadow):not(.btn-shadow-hover){
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
}
.payment_box .btn:not(.btn-text){
    cursor:pointer;
}
.payment_box .btn.btn-light-primary{
    color:#0BB783;
    background-color:#D7F9EF;
    border-color:transparent;
}
.payment_box .btn.btn-light-primary:focus:not(.btn-text){
    color:#FFFFFF;
    background-color:#0BB783;
    border-color:transparent;
}
.payment_box .btn.btn-light-primary:disabled{
    color:#0BB783;
    background-color:#D7F9EF;
    border-color:transparent;
}
.payment_box .btn.btn-success{
    color:#ffffff;
    background-color:#318ce7;
    border-color:#318ce7;
}
.payment_box .btn.btn-success:focus:not(.btn-text){
    color:#ffffff;
    background-color:#1172d4;
    border-color:#1172d4;
}
.payment_box .btn.btn-success:disabled{
    color:#ffffff;
    background-color:#318ce7;
    border-color:#318ce7;
}
.payment_box .btn.btn-light-danger{
    color:#F64E60;
    background-color:#FFE2E5;
    border-color:transparent;
}
.payment_box .btn.btn-light-danger:focus:not(.btn-text){
    color:#ffffff;
    background-color:#F64E60;
    border-color:transparent;
}
.payment_box .btn.btn-light-danger:disabled{
    color:#F64E60;
    background-color:#FFE2E5;
    border-color:transparent;
}
.payment_box .form-control:active,.form-control:focus{
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
}
.payment_box .page-loading *{
    -webkit-transition:none!important;
    transition:none!important;
}
.payment_box html{
    font-family:sans-serif;
    -moz-text-size-adjust:100%;
    text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.payment_box html,body{
    height:100%;
    margin:0px;
    padding:0px;
    font-size:13px!important;
    font-weight:400;
    font-family:Poppins, Helvetica, "sans-serif";
    -ms-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
 @media (max-width: 1199.98px){
    .payment_box html, .payment_box body{
        font-size:12px!important;
    }
}
 @media (max-width: 991.98px){
    .payment_box html, .payment_box body{
        font-size:12px!important;
    }
}
.payment_box html a:hover, .payment_box html a:active, .payment_box html a:focus, .payment_box body a:hover, .payment_box body a:active, .payment_box body a:focus{
    text-decoration:none!important;
}
.payment_box html a, .payment_box html button, .payment_box body a, .payment_box body button{
    outline:none!important;
}
.payment_box body{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    color:#3F4254;
}
.payment_box body{
    background:#f9fafb;
}
.payment_box .card-size{
    /* max-width:350px; */
}
.payment_box .qr_code_img{
     width: 100%;
     /* min-width: 314px; */
}
 @media (max-width: 350px){
    .payment_box .qr_code_img{
         width: 100%;
        max-width: 300px;
        min-width: auto;
    }
}
 @media (max-width: 400px){
    .payment_box .card{
         width: 100%;
    }
    /* .p-7{
        padding: 0px!important;
    }
     */
    .payment_box .flex-mobile-top {
         justify-content: start !important;
         align-items: start !important;
    }
}
.payment_box #base-timer-label{
    min-width: 35px;
    display: inline-block;
    font-weight: bold;
}
.payment_box .rupee_symbol::before{
    content: "₹ ";
}
.payment_box .btn-app-logo img{
    height: 62px;
}
