@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
 * {
     margin: 0;
     padding: 0;
     -webkit-tap-highlight-color: transparent;
     box-sizing: border-box;
     font-family: "Inter", serif;
}
 .payment2_section {
     height: 100vh;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     margin: auto;
     width: 100%;
     max-width: 550px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100dvh;
     background:#fff;
     font-family: "Inter", sans-serif;
}
 .payment2_sec_sub {
     height: 95%;
     overflow: scroll;
}
 .payment2_sec_sub::-webkit-scrollbar {
     display: none;
}
 .payment2_sec_sub {
     padding-bottom: 20px;
}
 .payment2_main_section {

     background: radial-gradient(circle, rgba(9, 21, 121, 0.7959558823529411) 0%, rgba(255, 255, 255, 1) 100%);
}
 .main_upi_page {
     height: 100%;
     display: flex;
     justify-content: center;
     background: #97a3c6;
}
 .upi_payment_container {

     background-repeat:round;
     background-size: cover;
     background: linear-gradient(180deg, #6683FF 30%, #4D69DB 80.5%);
     min-height: 135px;
}
 .upi_title h1 {
     font-size: 16px;
     font-weight: 600;
     text-align: center;
     color: #fff;
}
 .upi_title {
     position: relative;
    /* padding: 0 15px;
     */
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .upi_title a img {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     cursor: pointer;
     width:100%;
     max-width:25px;
}
 .upi_paym_qr_sec {
     background: #fff;
     padding: 20px 12px;
     border-radius:10px;
     margin:0px 16px;
     padding-bottom:10px;
     margin-top:15px;
     box-shadow: 0px 0px 9.76px 0px #0000001A;
}
 .qr-image{
     background: #FFFFFF;
     box-shadow: 0px 0px 4px 0px #0000001A;
     padding:8px;
     border-radius: 5px;
}
 .qr_section_pay {
     display: flex;
     flex-direction: column;
     gap:8px;
}
 .up_images {
     display: flex;
     gap:22px;
}
 .paym_qr_ele h5 {
     font-size: 16px;
     font-weight: 600;
     text-align: center;
     margin-bottom: 14px;
}
 .paym_qr_ele h6 {
     font-size: 14px;
     font-weight: 500;
     color: #282828;
}
 .paym_qr_ele p {
     font-size: 12px;
     font-weight: 400;
     color: #000000;
}
 .paym_qr_ele p span {
     font-weight: 400;
     color: #F74B40;
}
 .qr_scanner {
     box-shadow: 0px 0px 12px 0px #00000026;
     background: #ffffff;
     padding: 10px 11px;
     border-radius: 5px;
     display:flex;
     flex-direction:column;
}
 .qr_scanner img {
    /* max-width: 136px;
     */
     max-width:100px;
}
 .upi_main_container .upi_paym_qr_sec{
     background-color:transparent;
}
 .upi_main_container .app_paylist li{
     border-radius:8px;
}
 .img_upipay img {
     width: 100%;
     max-width: 40px;
}
 .img_upipay.upipay_img img {
     max-width: 70px;
}
 .paytm_btn_bi {
     width: 100%;
     background: #6784FF;
     padding: 12px;
     border-radius: 8px;
     border: transparent;
     font-size: 16px;
     font-weight: 600;
     text-align: center;
     color: #fff;
     cursor: pointer;
     text-transform: uppercase;
}
/* add class */
 .pay_btn_disabled {
     cursor: not-allowed;
     pointer-events: none;
     background: #D0D0D0;
}
 .active_upiapp_bor {
     transition: all 0.5s;
     background: #F2F4FF;
}
 .upi_main_container .app_paylist li.active_upiapp_bor {
     transition: all 0.5s;
     background: #F2F4FF;
     box-shadow: 0px 0px 12px 0px #0000002e;
}
 .paym_upi_apps h4 {
     font-size: 16px;
     font-weight: 500;
     text-align: left;
     color: #000;
}
 .paym_upi_apps {
     padding: 5px 0 0px;
}
 .paym_upi_apps .app_paylist {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
}
 .app_paylist li {
     flex: 1 1 calc(50% - 10px);
     display: flex;
     justify-content: center;
     background: #FFFFFF;
     box-shadow: 0px 0px 12px 0px #0000001A;
     border-radius: 8px;
     position: relative;
     cursor: pointer;
     border: 1px solid transparent;
     -webkit-tap-highlight-color: transparent;
     height:87px;
     align-items: center;
}
 .img_upipay {
     display: flex;
     align-items: center;
     flex-direction: column;
     gap: 12px;
}
 .app_paylist li span {
     font-size: 14px;
     font-weight: 500;
     text-align: center;
     color:#4A4A4A;
}
 .payment2_paynow {
     width: 100%;
     color: #fff;
     border: none;
     border-radius: 8px;
     font-size: 16px;
     cursor: pointer;
}
 .payment2_paynow_btn {
     position: sticky;
     bottom: 0;
     display: flex;
     justify-content: center;
     padding: 10px 20px 10px;
     background:#fff;
}

 @media (min-width: 590px) {
     .payment2_main_section {
         overflow: hidden;
         height: 100dvh;
         display: flex;
         justify-content: center;
         align-items: center;
    }
     @media (max-width: 590px) {
         .payment2_section {
             border-radius: unset;
        }
    }
}
 @media (min-width: 590px) {
     .payment2_section {
         max-height: 95dvh;
         height: unset;
    }
}
 @media (min-width: 810px) {
     .payment2_section {
         max-height: 95dvh;
         height: unset;
    }
}
 @media (min-width: 1100px) {
     .payment2_section {
         height: unset !important;
         max-height: 95vh !important;
         min-height: unset !important;
    }
}
 .pay2_sucs_fail_comm {
     display: flex;
     align-items: center;
     gap: 8px;
}
 .pay2_sucs_fail_comm>img {
     width: 16px;
     height: 16px;
}
/* Index page FLOW */
 .make_pymnt_txt {
     color: #1F2732;
     font-size: 16px;
     font-weight: 500;
     padding-bottom: 16px;
    /* text-align:center;
     */
}
 .select_payment_container .make_pymnt_txt {
     color: #5F5F5F;
     font-size: 14px;
     font-weight: 600;
     padding-bottom: 16px;
    /* text-align:center;
     */
}
 .upi_pymnt_syntx {
     color: #4A4A4A;
     display: flex;
     align-items: center;
     font-size: 12px;
     font-weight: 500;
     gap: 8px;
     justify-content:space-between;
}
 .upi_sub_txt{
     font-size:12px;
     font-weight:400;
     color:#4A4A4A;
}
 .upi_left_holder{
     display:flex;
     gap:10px;
     flex-direction: column;
}
 .upi_left_holder .upi_left_holder_inner{
     display: flex;
     gap: 16px;
     align-items: center;
}
 .payment_methods_selct h1 {
     font-size: 10px;
     color: #212223;
     font-weight: 400;
     padding: 10px 0;
     min-height: 44px;
}
 .payment_methods_selct {
     border-radius: 4px;
     padding:16px 12px;
     cursor: pointer;
     width:100%;
     display:flex;
     justify-content:space-between;
     align-items:center;
     border: 2px solid transparent;
     border-bottom: 1px solid #E7E7E7 
}
 .payment_method_wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: row;
     flex-wrap: wrap;
    /* gap: 15px;
     */
     border-radius: 6px;
     background: #F9FAFB;
}
 .payment_logos_img {
     width: 100%;
     max-width: 50px;
     display: block;
}
 .upi_pymnt_syntx img {
     width: 100%;
     max-width: 26px;
}
 .index_page_sub {
     height: 100%;
     padding-bottom: 0;
}
 .money_ddd{
}
 .bank_logo {
     position: absolute;
     top: 0;
     right: 0;
     transform: translateY(-8px);
}
 .bank_lg_img {
     width: 100%;
     max-width: 120px;
}
 .bank_pymnt_txt {
     color:#5F5F5F;
     font-weight:600;
     font-size: 14px;
     padding-bottom: 15px;
     display:inline-block;
}
 .bank_lg_icn {
     width: 100%;
     max-width: 28px;
}
 .bank_pop {
     display: flex;
     flex-direction:column;
     align-items: center;
     justify-content: center;
     border-radius: 4px;
     padding: 8px;
     gap: 4px;
     flex: 0 0 33.33%;
     flex-basis: calc(33.33% - 7px);
     cursor: pointer;
     border: 1px solid #E7E8EA 
}
 .bank_pop span {
     color:#2D2D2D;
     font-weight:400;
     font-size:11px;
}
 .pop_bnk_sec {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: center;
     gap: 10px;
}
 .allbanks_sec h2 {
     color: #5F5F5F;
     font-size: 14px;
     padding: 20px 0 15px 0;
     font-weight: 500;
}
 .allbanks_close{
     float:right;
     cursor: pointer;
}
 .chose_bank a{
     border-radius: 4px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 15px 10px;
     text-decoration: none;
     border: 1px solid #E7E8EA;
}
 .chose_bank span {
     color: #2D2D2D;
     font-size: 14px;
     font-weight: 400;
}
 .bank_sec.selected {
     border: 1px solid #3C67D9;
}
 .search_bank {
     position: relative;
}
 .search-txtt {
     width: 100%;
     padding: 15px;
     border-radius: 4px;
     border: none;
     text-indent: 25px;
     border:1px solid #B5B5B5;
     height: 50px;
}
 .search_icon {
     position: absolute;
     top: 15px;
     left: 12px;
}
 .search-txtt:focus-visible {
     outline: none !important;
}
 .bank_name {
     display: flex;
     align-items: center;
     padding: 10px;
     border-radius: 6px;
     gap: 20px;
     margin: 8px 0;
     cursor: pointer;
     border: 1px solid #E7E8EA 
}
 .banks_lst_dpdn ul li {
     list-style-type: none;
}
 .banks_lst_dpdn ul {
     overflow-y: auto;
}
 .all_banks_container{
     display: none;
}
 .dlm_image{
     max-width:15px;
     width:100%;
     max-height:28px;
     margin: 0 6px;
}
 .cardtab_savedcard .cpayment_p {
     font-size: 16px;
     font-weight: 500;
     line-height: 21.17px;
     text-align: left;
     color: #121212;
}
 .sc_select_main {
     margin: 0px 10px;
     border-radius: 6px;
     padding: 16px 10px;
     border: 1px solid #E7E7E7;
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
     margin: 0 0 10px 0;
     background: #FFFFFF;
}
 .selected_bank{
     background:#F2F4FF;
}
 .sc_select_innermain {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .sc_select_card {
     display: flex;
     flex-direction: row;
     gap: 10px;
}
 .sc_bankname {
     font-size: 14px;
     font-weight: 500;
     line-height: 1.5;
     text-align: left;
     color:#4A4A4A;
}
 .sc_accountno {
     font-size: 14px;
     font-weight: 500;
     line-height: 1.5;
     text-align: left;
     color: #4A4A4A;
}
 .sc_card_icon {
     max-width: 38px;
     padding: 5px;
     width: 100%;
     height: 38px;
}
 .sc_bank_icon {
     width: 40px;
     position: relative;
   
}
 .sc_cvvcon {
     display: flex;
     justify-content: space-between;
}
 .sc_cvvcon p {
     font-size: 13px;
     font-weight: 400;
     color: #4A4A4A;
     text-align: left;
}
 .sc_cvvcon a {
     font-size: 11px;
     font-weight: 400;
     color: #000000;
     text-align: left;
     text-decoration: underline;
}
 .border_set .scc_input_con {
     box-shadow: 0px 4px 12px 0px #0000001F;
     border: 1px solid transparent;
     background-color:#ffff;
}
 .scc_input_con {
     border-radius: 6px;
     width: 100%;
     margin-top: 5px;
     display: flex;
     box-shadow: 0px 4px 12px 0px #0000001F;
     border: 1px solid transparent;
     padding: 1px 10px;
     height: 45px;
     background-color: #ffff;
}
 .cvv_input {
     width: 100%;
     border: none;
     color: #121212;
     font-size: 12px;
     font-weight: 500;
     -webkit-appearance: none;
     border-radius: 0;
     background-color: transparent;
}
 .scc_input_con .cvv_input:focus {
     outline: none;
}
 .scc_input_con .cvv_input::placeholder {
     font-size: 14px;
     color: #B5B5B5;
}
 .acc_container {
     margin-top: 10px;
}
 .clk_cvv_enter {
     display: none;
}
 button.new_card_con {
     -webkit-tap-highlight-color: transparent;
     background: #4A4A4A;
     font-size: 12px;
     background: unset;
     border: unset;
     margin: 0 auto;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     gap:10px;
     font-weight:bold;
}
 .add_new_card{
     font-size: 14px;
     font-weight: 600;
     text-decoration: underline;
     color:#4A4A4A;
}
 .addnew_plus {
     width: 100%;
     max-width:16px;
}
 .card_ddd{
     position: absolute;
     top: 0;
     right: 0;
     transform: translateY(-19px);
}
 .card_3d_img {
     width: 100%;
     max-width: 90px;
}
 .card_headr_txt {
     font-size: 14px;
     font-weight: 600;
     color: #5F5F5F;
     padding: 0 0 20px 0;
     margin-top:14px;
}
 .popuop_overlay_rk {
     position: fixed;
     height: 100vh;
     top: 0;
     left: 0;
     background: #000000cc;
     width: 100%;
     z-index: 999;
     display: none;
}
 .pop_up_con {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 90%;
     max-width: 400px;
     z-index: 9999;
     display: none;
}
 .pop_close_fun_bj {
     text-align: center;
     position: relative;
}
 .common_pop_jk img {
     cursor: pointer;
     width: 28px;
     position: absolute;
     right: -10px;
     bottom: -16px;
}
 .balence_pop_fun_bj {
     border-radius: 12px;
     box-shadow: -1px 3px 18px 0px #00000012;
     background: linear-gradient(180deg, #6683FF 30%, #4D69DB 80.5%);
     ;
}
 .balence_img_fun {
     text-align: center;
}
 .balence_pop_fun_bj h5 {
     color: #212223;
     text-align: center;
     font-size: 16px;
     font-weight: 600;
     text-align: center;
     margin-bottom:9px;
}
 .con_cvv_p {
     color:#9F9F9F;
     font-size: 14px;
     font-weight: 400;
     text-align: center;
}
 .cards_tabcontainer .cardtab_newcard {
     position: relative;
     z-index: 10;
     width: 90%;
     margin: 0 auto;
     margin-top: 50px;
}
 .newcard_inner {
     padding: 0px 2px;
     border-radius: 10px;
     background-color: #fff;
     display: flex;
     flex-direction: column;
     gap:10px;
}
 label {
     color: #000;
}
 .choose-section .form-control {
     background: #DFDFDF!important;
     border-radius: 10px!important;
     width: 100%!important;
}
 .form-control {
     display: block;
     width: 100%;
     height: calc(1.5em + .75rem + 12px);
     padding: .375rem .75rem;
     font-size: 13px;
     font-weight: 400;
     background-clip: padding-box;
     transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
     color: #4A4A4A;
     border: none;
     -webkit-appearance: none;
     border-radius: 6px;
     border: 1px solid #cccccc 
}
 .form-control:focus {
     outline: none;
     border: 1px solid #cccccc 
}
 .form-control::placeholder {
     font-size: 12px;
     font-weight: 400;
     color: #A0A0A0;
}
 .cardtab_newcard .labl_con {
     display: flex;
     align-items: center;
     gap:5px;
     margin-bottom:11px;
     justify-content:flex-start;
     padding-top:12px;
}
 .d-flex {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .d-flex .form-group {
     flex-basis: 46%;
}
 .check-sec {
     margin-top: 10px;
     display: flex;
     justify-content:flex-start;
     align-items: center;
     gap: 5px;
}
 .check-sec label {
     font-size: 12px;
     font-weight: 400;
     text-align: left;
     color: #2D2D2DDD;
}
 .labl_con a {
     text-decoration: underline;
     font-size: 11px;
     font-weight: 500;
     text-align: left;
     color: #2D2D2DDD;
     -webkit-tap-highlight-color: transparent;
     cursor: pointer;
}
 .switch {
     position: relative;
     display: inline-block;
     width: 40px;
     height: 22px;
}
 .switch {
     float: right;
}
 .slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #E0E0E0;
     -webkit-transition: .4s;
     transition: .4s;
     -webkit-tap-highlight-color: transparent;
     box-shadow: 0px 0px 4px 0px #CCCCCC inset;
}
 .slider.round {
     border-radius: 20px;
}
 .slider.round:before {
     border-radius: 50%;
}
 .slider:before {
     position: absolute;
     content: "";
     height: 16px;
     width: 16px;
     left: 3px;
     bottom: 3px;
     background-color: white;
     -webkit-transition: .4s;
     transition: .4s;
     box-shadow: 0px 1px 2px 0px #0000004D;
}
 input:checked+.slider {
     background-color: #506DF5;
}
 input:checked+.slider:before {
     -webkit-transform: translateX(18px);
     -ms-transform: translateX(18px);
     transform: translateX(18px);
}
 .labl_con label {
     font-size: 12px;
     font-weight: 400;
     color: #4A4A4A;
}
 .justify_space {
     justify-content: space-between !important;
}
 .card_inpt_bx {
     position: relative;
}
 .bank_pop.selected {
     background: #F2F4FF;
     ;
}
 .chose_bank img {
     max-width: 28px;
     margin-left: 5px;
}
 .bnk_txtwth_icn {
     display: flex;
     align-items: center;
     gap: 15px;
}
 .border_set {
     border: 1px solid #E7E8EA;
     background: #F2F4FF;
}
 .success_page_scrl{
     overflow: hidden auto;
}
 @media (min-width: 280px) and (max-width: 319px) {
     .upi_pymnt_syntx {
         font-size: 8px;
    }
     .payment_methods_selct h1 {
         font-size: 9px;
         padding: 10px 0;
         min-height: 42px;
    }
     .money_3d_img {
         width: 100%;
         max-width: 122px;
    }
     .money_ddd {
         transform: translateY(-18px);
    }
}
 @media (min-width: 320px) and (max-width: 359px) {
     .upi_pymnt_syntx {
         font-size: 11px;
    }
     .money_3d_img {
         width: 100%;
         max-width: 95px;
    }
}
 @media (min-width: 590px) {
     .index_sectn {
         max-height: 87dvh;
         height: inherit;
    }
     .upi_paym_qr_sec{
         margin-bottom:20px;
         padding-bottom: 15px;
    }
     .success_page_scrl{
         padding-bottom:10px !important;
    }
}
 @media (min-width: 768px) {
     .index_sectn {
        /* max-height: 55dvh;
         */
         height: inherit;
    }
}
 .rtyuierror {
     border: 1px solid red !important;
}
 .error {
     border: 1px solid red !important;
}
/* ==UPI==== */
 .qs_top,.qs_bottom{
     display: flex;
     justify-content: space-between;
     align-items:center;
     gap:14px;
}
 .qs_top{
     justify-content:center;
}
 .paym_qr_ele {
     border-radius: 6px;
     padding: 0px 0px 16px 0px;
     margin-top:24px;
}
/* ==Sucess== */
 .payment3_su_fa_main {
     display: flex;
     flex-direction: column;
     gap: 15px;
}
 .payment3_su_fa_header {
     margin-top: 15px;
}
 .payment3_su_fa_header img{
     cursor: pointer;
}
 .payment3_su_fa_section {
     padding: 25px 0px 20px;
     border-radius: 10px;
     background: #FFFFFF;
     text-align: center;
     display: flex;
     flex-direction: column;
     gap: 20px;
     margin:0px 20px;
}
 .payment3_su_fa_img {
     display: flex;
     flex-direction: column;
     gap: 10px;
     align-items: center;
}
 .payment3_su_fa_img_failed {
     padding: 0px 50px;
}
 .payment3_su_fa_img img{
     width: 100px;
}
 .payment3_su_fa_text, .payment3_su_fa_amt {
     display: flex;
     flex-direction: column;
     gap: 4px;
}
 .payment3_su_fa_amt {
     padding: 15px 0px 0px 0px;
}
 .success_line{
     border-top: 1px solid #E5E7EA;
     width: 100%;
}
 .payment3_su_fa_text h1 {
     font-size: 22px;
     font-weight: 600;
     color:#1F2732;
}
 .payment3_su_fa_text p {
     font-size: 13px;
     font-weight: 500;
     color: #747474;
}
 .payment3_su_fa_amt p{
     color: #45AE9F;
     font-size: 26px;
     font-weight: 600;
}
 .payment3_su_fa_amt_failed p{
     color: #E52F2E;
}
 .payment3_su_fa_amt span{
     color: #747474;
     font-size: 14px;
     font-weight: 400;
}
 .payment3_su_fa_content_common {
     display: flex;
     gap: 10px;
     width: 100%;
     justify-content: space-between;
     padding: 0px 12px;
}
 .payment3_su_fa_content_common p{
     font-size: 13px;
     font-weight: 400;
     color: #747474;
}
 .payment3_su_fa_content_common span{
     font-size: 14px;
     font-weight: 500;
     color: #212223;
}
 .payment3_su_fa_paynow{
     background: #366FE0;
     width: 100%;
     padding: 15px;
     outline: none;
     border: none;
     border-radius: 10px;
     font-size: 16px;
     font-weight: 600;
     color: #fff;
     cursor: pointer;
}
 span.payment3_su_fa_value::before {
     content: attr(data-value);
}
 .payment3_qr_scanner img {
     max-width: 84px;
}
/* Failed */
 .pay_fu_su_iMG {
     height: unset;
     justify-content: center;
}
 .pOsitioN_stiCky {
     position: sticky;
     bottom: 0;
     padding: 15px;
}
 .payment3_su_fa_paynow {
     background: #45AE9F;
     width: 100%;
     padding: 15px;
     outline: none;
     border: none;
     border-radius: 10px;
     font-size: 16px;
     font-weight: 600;
     color: #fff;
     cursor: pointer;
}
 .payment3_su_fa_main {
     display: flex;
     flex-direction: column;
     gap: 15px;
}
 @media screen and (min-width:590px) {
     .payment3_su_fa_main {
         overflow: hidden;
    }
}
/* ==saved credit card== */
 .wcvv {
     display: flex;
     justify-content: end;
}
 a.clk_ccv_pop {
     -webkit-appearance: none;
     color: #366FE0;
     font-size:11px;
     font-weight: 500;
}
 .wcvv .clk_ccv_pop {
     -webkit-appearance: none;
     color: #000000;
     font-size:11px;
     font-weight: 400;
}
 .enter_card_details{
     font-size: 14px;
     font-weight: 600;
     color:#5F5F5F;
     margin-top:14px;
     padding-bottom: 5px;
}
 button.new_card_con{
     margin-top:22px;
}
 .upi_paym_qr_sec{
     margin-bottom:20px;
}
 .card_payments_tab{
     padding-top:7px;
     padding-bottom: 15px;
}
/* ==Sucess== */
 .upi_payment_container.upi_success_header {
     padding: 28px 0 28px;
}
 .visa_cad_mg {
     width: 30px;
}
 .sc_inner_card {
     display: flex;
     flex-direction: column;
     gap: 0px;
}
 .border_set .secu_wall {
     display: none;
}
 .border_set .secu_wallact {
     display: block !important;
}
 @media screen and (max-width:550px) {
     .payment3_su_fa_section {
         padding: 25px 0px 20px;
         border-radius: 10px;
         text-align: center;
         display: flex;
         gap: 20px;
         margin: 0px 20px;
         justify-content: center;
         align-items: center;
    }
     .payment2_main_section {
         background:#F1F1F1;
    }
     .qr_section_pay{
         gap:5px;
    }
}
 .pay_fu_su_iMG {
     height: unset;
     justify-content: center;
     background: #fff;
     padding:16px 0px;
     margin:0 15px;
     border-radius: 10px;
}
 .form-group.check-sec label{
     font-optical-sizing: auto;
}
 .upi_pay_sec_failed .upi_payment_container{
     height:200px;
}
 .upi_main_container .upi_paym_qr_sec{
  padding:20px 0px;
     margin-top: -27px;
     background: none;
     box-shadow: none;
}
 .all_banks_container.allbanks_si {
     margin: 0px 11px;
}

 @media (min-width: 768px) {
     .index_sectn {
         max-height: 70dvh;
         height: inherit;
    }
}
 .all_banks_container.allbanks_si {
     margin: 24px 11px;
}
 .net_allbankslst {
     height: 59vh;
     overflow-y: scroll;
     padding-top: 0px;
     padding-right: 10px;
}
 /* @media (max-width: 551px) {
     .net_allbankslst {
         height:100vh;
    }
} */
 /* .net_allbankslst::-webkit-scrollbar {
     background: #9680B633;
     width: 8px;
     padding: 1px 0.67px 658px 1.33px;
     border-radius: 10px;
}
 .net_allbankslst::-webkit-scrollbar-thumb{
     background-color:#6784FF;
     border-radius: 10px;
} */


 @media screen and (max-width:359px){
     .qr_section_pay {
         display: flex;
         flex-direction: column;
         width: 80%;
    }
     .paym_qr_ele h6{
         font-size:10px;
    }
     .paym_qr_ele p{
         font-size:9px;
    }
     .qr_scanner img{
         max-width:80px;
    }
     .payment3_su_fa_section{
         border-radius:6px;
    }
}
 .qr_scanner_holder {
     display: flex;
     justify-content: center;
     align-items: center;
}
 @media screen and (max-width:319px) {
     .qr_section_pay {
         gap: 3px;
    }
}
 .payment2_section_active{
     background-color:#FFFFFF;
}
 .upi_paym_qr_sec_active{
     margin-top:0px;
     padding:0px;
}
 .netback_active{
     margin:0px;
     padding: 0;
}
 .payment2_section_netadded{
     background-color:#FFFFFF;
}
 .chose_bank img {
     max-width: 28px;
     margin-left: 5px;
     max-height: 27px;
}
 .bank_name span{
     color:#242424;
     font-size: 14px;
     font-weight: 500;
}
 .search-txtt::placeholder{
     color:#B5B5B5;
     font-size: 14px;
     font-weight: 400;
}
 .payment23_head_cont {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .paymennt23_hand img {
     width: 85px;
}
 .payment23_acc_pay {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: -45px 20px 0px;
     padding: 12px 20px;
     background: #FFFFFF;
     box-shadow: 0px 4px 12px 0px #0000001F;
     border-radius: 8px;
}
 .payment23_acc_pay_cont {
     display: flex;
     flex-direction: column;
     gap: 10px;
}
 .payment23_acc_pay_cont p {
     color: #5F5F5F;
     font-size: 12px;
     font-weight: 600;
}
 .payment23_acc_pay_cont span {
     color: #506DF5;
     font-size: 30px;
     font-weight: 600;
}
 .payment23_acc_pay_upi img {
     width: 55px;

}
 .payment_methods_selct:last-child {
     border-bottom: none;
}
 .whatccv_con {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     margin-top: 5px;
}
 .cvvpop_rk_inner {
     background: #fff;
     padding: 30px 10px;
     border-radius: 8px;
}
 .bank_icon_appnd {
     display: none;
}
 .payment23_scanner_sec {
     background: #FFFFFF;
     box-shadow: 0px 0px 9.76px 0px #0000001A;
     width: 70%;
     margin: 0 auto;
     padding: 10px;
     border-radius: 10px;
     position: relative;
     display: flex;
     gap: 10px;
     flex-direction: column;
     align-items: center;
     margin-bottom: 5px;
     margin-top:12px;
}
 .payment23_scanner_sec_scan_upi {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 10px;
     background: #F9FAFB;
     padding: 10px;
     width: 100%;
     border-radius: 7px;
}
 .payment23_scanner_sec_scan_upi p {
     font-size: 14px;
     font-weight: 600;
     color: #212223;
}
 .payment23_scanner_sec_upi {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 5px;
     background: #FFFFFF;
     box-shadow: 0px 0px 8px 0px #5975EB33;
     padding: 5px;
     border-radius: 30px;
     width: 100%;
     max-width: 25px;
     position: absolute;
     top: 50px;
     right: 25px;
}
 .payment23_scanner_sec_upi img {
     width: 15px;
     background: #FFFFFF;
     box-shadow: 0px 0px 8px 0px #5975EB33;
     border-radius: 50%;
}
 .payment23_scanner_sec_cont {
     padding: 0px 20px;
     display: flex;
     flex-direction: column;
     gap: 10px;
     align-items: center;
     text-align: center;
}
 .payment23_scanner_sec_cont small {
     font-size: 12px;
     font-weight: 400;
     color: #aaa;
}
 .payment23_scanner_sec_cont small span {
     color: #D4574F;
     font-weight: 600;
}
 .payment23_back_cont > a {
     display: contents;
}
/* success_line and failed page css */

@media screen and (min-width:551px){
    .payment23_main_section {
        background: #cbcffd;
   }
}





 .payment23_section {
     background: #fff;
     margin: auto;
     width: 100%;
     max-width: 550px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100dvh;
}
 .payment_23_sec_sub {
     overflow: scroll;
     display: flex;
     flex-direction: column;
     gap: 20px;
}
 .payment_23_sec_sub::-webkit-scrollbar {
     display: none;
}
 .payment23_header {
     background: linear-gradient(180deg, #6683FF 30%, #4D69DB 80.5%);
     min-height: 135px;
}
 .payment23_head_cont {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .payment23_back_cont {
     display: flex;
     align-items: center;
     gap: 12px;
     margin-left: 20px;
}
 .payment23_back_cont img {
     width: 24px;
     cursor: pointer;
}
 .payment23_back_cont p {
     font-size: 20px;
     font-weight: 500;
     color: #fff;
}
 .paymennt23_hand img {
     width: 85px;
}
 .payment23_scanner_sec_scan_upi p {
     font-size: 14px;
     font-weight: 600;
     color: #212223;
}
 .payment23_scanner_sec_scan_upi img {
     width: 110px;
}
 .payment23_scanner_sec_cont small {
     font-size: 12px;
     font-weight: 300;
     color: #aaa;
}
 .payment23_upi_section {
     padding: 0px 20px 10px;
}
 .payment23_upi_section h1 {
     font-size: 16px;
     font-weight: 600;
}
 .pay_23_hm_pg div{
     height:87px;
}
 .payment23_upi_option {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
    
}
 .payment23_upi_common {
     flex: 1 1 calc(50% - 10px);
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     gap: 15px;
     background: #FFFFFF;
     box-shadow: 0px 0px 12px 0px #0000001A;
     border-radius: 8px;
     padding: 10px;
     position: relative;
     cursor: pointer;
     border: 1px solid transparent;
     -webkit-tap-highlight-color: transparent;
}
 .payment23_upi_common.pay_upi_active {
     border: 1px solid rgba(54, 111, 224, 1);
}
 .payment23_paynow {
     width: 100%;
     padding: 15px;
     background:#6783FF;
     color: #fff;
     border: none;
     border-radius: 8px;
     font-size: 16px;
     font-weight: 600;
     cursor: pointer;
     text-transform: uppercase;
}
 .payment23_paynow_btn {
     position: sticky;
     bottom: 0;
     display: flex;
     justify-content: center;
     margin: 0px 20px 10px;
}
 .payment23_su_fa_paynow_btn {
     display: flex;
     justify-content: center;
     margin: 0px 20px 10px;
}
 .pay_btn_disabled {
     opacity: 0.5;
     cursor: not-allowed;
     pointer-events: none;
     background: #D0D0D0;
     color: #fff;
}
/* success_failed section */
 .payment_23_su_fa_sec_sub {
     gap: 12px;
}
 .payment23_su_fa_header {
     min-height: 110px;
}
 .payment23_su_fa_head {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 20px;
}
 .payment23_su_fa_head p {
     color: #fff;
     font-size: 20px;
     font-weight: 500 
}
 .payment23_su_fa_head img {
     cursor: pointer;
}
 .payment23_su_fa_acc_pay {
     text-align: center;
     flex-direction: column;
     margin: -55px 20px 0px;
}
 .payment23_success_scanner_sec_cont, .payment23_failed_scanner_sec_cont {
     padding: 0;
}
 .payment23_success_scanner_sec_cont p {
     color: #00BA00;
     font-size: 16px;
     font-weight: 500;
}
 .payment23_failed_scanner_sec_cont p {
     color: #FD4241;
     font-size: 16px;
     font-weight: 500;
}
 .payment23_success_scanner_sec_cont span, .payment23_failed_scanner_sec_cont span {
     color: #6D717D;
     font-size: 12px;
     font-weight: 400;
}
 .payment23_su_fa_upi_common {
     gap: 10px;
     cursor: default;
}
 .payment23_su_fa_upi_common p {
     font-size: 14px;
     font-weight: 500;
     color: #4A4A4A;
}
 .payment23_su_fa_upi_common span {
     font-size: 12px;
     font-weight: 400;
     color: #4A4A4A;
}
 .payment_su_fa_value::before {
     content: attr(data-value);
}
 @media (min-width:590px) {
     .payment23_main_section {
         overflow: hidden;
         height: 100dvh;
         display: flex;
         justify-content: center;
         align-items: center;
    }
     .payment23_upi_section {
         padding: 0px 20px 15px;
    }
     .payment23_section {
         height: unset !important;
         max-height: 95dvh !important;
    }
     .payment23_scanner_sec_upi {
         padding: 10px 5px;
         max-width: 40px;
         top: 15%;
         right: 35px;
    }
     .payment23_scanner_sec_upi img {
         width: 25px;
    }
     .payment23_scanner_sec_scan_upi img {
         width: 130px;
    }
     .payment23_scanner_sec_scan_upi_oth img{
         width: 80px!important;
    }
     .payment23_scanner_sec_scan_upi p {
         font-size: 18px;
    }
}
 @media (min-width:361px) and (max-width:390px) {
     .payment_23_su_fa_sec_sub {
         gap: 15px;
    }
}
 @media (min-width:280px) and (max-width:320px) {
     .paymennt23_hand img {
         width: 60px;
    }
     .payment23_acc_pay_cont span {
         font-size: 20px;
    }
     .payment23_acc_pay_upi img {
         width: 45px;
    }
     .payment23_header {
         min-height: 105px;
    }
     .payment23_back_cont img {
         width: 20px;
    }
     .payment23_back_cont p {
         font-size: 16px;
    }
     .payment23_acc_pay {
         margin: -55px 20px 0px;
    }
     .payment23_su_fa_acc_pay {
         margin: -50px 20px 0px;
    }
     .payment23_scanner_sec_scan_upi img {
         width: 90px;
    }
     .payment23_scanner_sec_upi {
         top: 60px;
         right: 20px;
         max-width: 20px;
    }
     .payment23_scanner_sec_upi img {
         width: 12px;
    }
     .payment23_scanner_sec_cont p {
         font-size: 11px;
    }
     .payment23_scanner_sec_cont small {
         font-size: 9px;
    }
     .payment23_scanner_sec_scan_upi p {
         font-size: 12px;
    }
     .payment23_upi_common img {
         width: 35px;
    }
     .payment23_upi_common p {
         font-size: 12px;
    }
     .payment_23_sec_sub {
         gap: 15px;
    }
     .payment_23_su_fa_sec_sub {
         gap: 10px;
    }
     .payment23_su_fa_upi_common p {
         font-size: 10px;
    }
     .payment23_su_fa_upi_common span {
         font-size: 9px;
    }
     .payment23_su_fa_head p {
         font-size: 16px;
    }
}
 @media (min-width:380px) and (max-width:400px) {
     .payment_23_sec_sub {
         gap: 13px;
    }
}
 .done_fxedbtn {
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     padding: 11px 15px 10px;
     background:#FFFFFF;
}
 .netbankin_sectiin .upi_paym_qr_sec {
     box-shadow: none;
     margin: 0px 12px;
     margin-top: 15px;
}
@media (min-width: 551px) {

    .done_fxedbtn {
		position: unset;
		bottom: 0;
		display: flex;
		justify-content: center;
		padding: 10px 18px 10px;
	}

	.payme2_comm_sucess_fai.index_failer_sec {
		padding: 100px;
	}

}



/* css */

.net_allbankslst::-webkit-scrollbar{
    display:none;
}
@media screen and (max-width:551px) {
    .payment23_upi_option{
        padding-bottom:65px;
    }
}
@media (min-width: 280px) and (max-width: 320px) {
    .upi_paym_qr_sec {
        padding: 40px 16px 10px;
   }
   .sc_accountno{
       font-size:13px;
   }
}