.dis_flex {
    display: flex;
}

.flex {
    display: flex;
    align-items: center;
}

.flex_ali_end {
    display: flex;
    align-items: end;
}

.flex_ali_start {
    display: flex;
    align-items: start;
}

.jus_space_bet {
    display: flex;
    justify-content: space-between;
}

.flex_start {
    display: flex;
    justify-content: flex-start;
}

.primary_dark {
    color: var(--primary_dark);
}

.overflow_x_scroll {
    overflow-x: scroll;
}

.flex50 {
    flex: 0 0 50%;
}

.pad_un {
    padding: unset;
}

.pr25 {
    padding-right: 2.5rem;
}

.pl4 {
    padding-left: 4rem;
}

.mt3 {
    margin-top: 3rem;
}

.mt16 {
    margin-top: 1.6rem;
}

.mb15 {
    margin-bottom: 1.5rem;
}

.gap06 {
    gap: 0.6rem;
}

.gap02 {
    gap: 0.2rem;
}

.txt_ali_end {
    text-align: end;
}

.mb3 {
    margin-bottom: 3rem;
}

.mb_un {
    margin-bottom: unset;
}

.txt_col_green {
    color:
        #26B003;
}

.sa_col_5d {
    color: var(--color-5d5d5d);
}

.primary_dark {
    color: var(--primary_dark);
}

.pb8 {
    padding-bottom: 8px;
}

.cursor_pointer {
    cursor: pointer;
}

.flex_cen_cen {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flx_dir_col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gap_reduce{
    gap: 2rem;
}

.sa_flex_end {
    display: flex;
    justify-content: flex-end;
}

.txt_aln_cen {
    text-align: center;
}

.w100p {
    width: 100% !important;
}

.p2 {
    padding: 2rem;
}

.p24 {
    padding: 2.4rem;
}

.wid_un {
    width: unset;
}

.gap3 {
    gap: 3rem;
}

.flex1 {
    flex: 1;
}

.gap24 {
    gap: 2.4rem;
}

.gap2 {
    gap: 2rem;
}

.default_white {
    color: var(--bg_white);
}

.pt24 {
    padding-top: 2.4rem;
}

.pt34 {
    padding-top: 3.4rem;
}

.pt12 {
    padding-top: 1.2rem;
}

.gap8 {
    gap: 8px;
}

.gap4 {
    gap: 4rem;
}

.gap16 {
    gap: 1.6rem;
}

.p16 {
    padding: 1.6rem;
}

.gap12 {
    gap: 1.2rem;
}

.overflow_scroll {
    overflow: scroll;
}

.gap1 {
    gap: 1rem;
}

.p3 {
    padding: 1.8rem 3rem 3rem 3rem;
}

.sa_border_bottom_unset {
    border-bottom: unset;
    display: flex;
    justify-content: end;
    padding: 3rem 3rem 2rem 3rem;
}

.pos_rel {
    position: relative;
}

.pos_abs {
    position: absolute;
}

.how_payment_gateway_work_adj,
.what_is_payment_gateway_adj {
    display: flex;
    justify-content: end;
    align-items: end;
    position: unset;
}

.sa_payment_gateway_root_control {
    display: flex;
    flex-direction: column;
}

.sa_what_is_pay_gate_bg_wraper {
    box-shadow: 0px 0px 20px 0px #0000001A;
}

.sa_intro_basic_align {
    display: flex;
    flex-direction: column;
}

.flex_jus_cen {
    justify-content: center;
}

.sa_ved_play_btn_desg {
    height: 4.8rem;
    align-items: center;
    width: 15.6rem;
    justify-content: center;
    border-radius: 60px;
    gap: 8px;
}

.sa_ved_play_btn_desg_org {
    border: 0.5px solid #F6903A;
}

.sa_ved_play_btn_desg_red {
    border: 0.5px solid #E85153;
}

.sa_start_integrating,
.sa_go_live_wrapper,
.sa_enable_settlement {
    top: 0;
    left: 0;
    color: var(--bg_white);
    padding: 0 6.1rem 0 4rem;
    font-size: var(--font20);
    gap: 1.2rem;
    font-weight: var(--font_weight500);
    display: flex;
    height: 100%;
    justify-content: end;
    padding: 4rem 6rem 4rem 4rem;
}

.sa_introduction_heading {
    display: flex;
    flex-direction: column;
    padding: 0 4rem;
}

.sa_introduction_heading h3 {
    color: var(--black_variant_dark);
    font-weight: var(--font_weight600);
    font-size: var(--font24);
}

.sa_introduction_heading p {
    color: var(--primary_medium);
    font-size: var(--font16);
}

.sa_gen_snbx_ky {
    background-color: var(--bg_white);
    height: 4.8rem;
    padding: 1rem 2.4rem;
}

.sa_gen_snbx_ky a {
    color: #67C1C3;
}

.sa_show_live_btn {
    background: #CF9EFA;
}

.sa_enable_settlement_btn {
    background-color: #FC9E92;
}

.sa_show_live_btn,
.sa_enable_settlement_btn {
    height: 4.8rem;
    color: var(--bg_white);
    font-weight: var(--font_weight500);
    padding: 1rem 2.4rem;
}

.sa_regenrate_btn {
    height: 4.8rem;
    width: 15rem;
    background-color: var(--primary_dark);
}

.sa_regenrate_btn p {
    color: var(--bg_white);
}

.sa_model_adjustment_parent {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sa_model_adjustment {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-close.sa_btn_close_width_height {
    width: 0.7rem;
    height: 0.2rem;
}

.sa_input_sec_outer_adjustment {
    padding: 0 4rem 3rem 4rem;
}

.sa_input_section_inner_wrapper {
    padding: 1.6rem;
    box-shadow: 0px 0px 20px 0px #0000001A;
}

.sa_intro_basic_align input {
    height: 4.8rem;
}

.sa_intro_basic_align input::placeholder {
    font-size: var(--font16);
}

.sa_sandbx_head_para_styl h3 {
    color: var(--black_variant_dark);
}

.sa_sandbx_head_para_styl p {
    color: var(--color-5d5d5d);
    padding-top: 0.5rem;
}

.pk_show_password {
    /* position: absolute;
    right: 5rem; */
    cursor: pointer;
    z-index: 3;
}

.pk_show_password .pk_eye_close {
    display: block;
}
.pk_show_password .pk_eye_open {
    display: none;
}
.pk_show_password.show_inputs .pk_eye_close {
    display: none;
}
.pk_show_password.show_inputs .pk_eye_open {
    display: block;
}

/* .sa_sandbox_eye_alignment {
    position: absolute;
    top: 0;
    right: 8px;
    transform: translateY(-28px);
} */

/* .sa_sandbox_copy_alignment {
    position: absolute;
    right: 15px;
    top: 0px;
    transform: translateY(11px);
} */

.api_pw_align{
    display: flex;
    align-items: center;
    gap: 2rem;
    border: 1px solid #ABABAB;
    width: 100%;
}

.api_pw_align input{
    border: none;
}
.jc_sb_end{
    justify-content: space-between;
    padding-right: 1rem;
}

input.auth_input_sc.pk_none.w100p {
    padding-left: 1.6rem;
    background: transparent;
    /* border: 1px solid #ABABAB; */
}

.sa_input_sec_outer_adjustment input.auth_input_sc.pk_none.w100p {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 82%;
    /* padding-right: 9rem; */
    flex: 1;
}

.sa_ved_play_btn_desg_red p {
    color: #E95456;
}

.sa_ved_play_btn_desg_org p {
    color: #F6903A;
}

.sa_settelment_details_main_input_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: space-between;
}

.sa_settelment_detail_submit {
    height: 4.2rem;
    background-color: var(--primary_dark);
    width: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sa_settelment_detail_submit p {
    color: var(--bg_white);
}
.sa_settelment_detail_submit.disabled {
    pointer-events: none;
    background-color: #F1F1F1 !important;
}
.sa_settelment_detail_submit.disabled p {
    color: var(--primary_light);
}

.sa_payment_details_input_wrapper,
.sa_complete_kyc_input_wrapper {
    box-shadow: 0px 0px 20px 0px #0000001A;
}

.sa_complete_kyc_padd {
    padding: 3rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
}

.sa_settlement_details_sidebar {
    background-color: #C1DFB2;
    padding: 1.8rem 3rem;
}

.sa_complete_kyc_grn_labl {
    padding: 2rem;
    border-bottom: 1px solid #F4F4F4;
}

.sa_complete_kyc_padd input {
    height: 4.8rem;
    background-color: #F7FAFC;
    border: 1px solid #E3E8EE;
    padding: 0 1.6rem 0 1.6rem;
    font-size: var(--font16);
}

.sa_complete_kyc_padd input::placeholder {
    color: var(--primary_light);
}

textarea {
    color: #444;
    padding: 1.6rem;
}

textarea::placeholder {
    color: var(--primary_light);
}

.sa_txta {
    width: 100%;
    height: 10rem;
    font-size: var(--font16);
    overflow: hidden;
    background-color:
        #F7FAFC;
    line-height: 1.4;
    border: 1px solid #E3E8EE;
    margin-top: 1.6rem;
    color: var(--primary_dark);
}

.sa_txta:focus {
    outline: none;
}

textarea[name=vertical] {
    resize: vertical;
}

.sa_dropdown ul li,
.sa_dropdown ul li,
.sa_dropdown1 ul li,
.sa_dropdown2 ul li,
.sa_dropdown3 ul li,
.sa_dropdown4 ul li,
.sa_dropdown5 ul li,
.sa_dropdown6 ul li {
    list-style-type: none;
}

.sa_dropdown,
.sa_dropdown1,
.sa_dropdown2,
.sa_dropdown3,
.sa_dropdown4,
.sa_dropdown5,
.sa_dropdown6 {
    background-color: white;
    font-family: var(--font-family);
}

.sa_dropdown,
.sa_dropdown1,
.sa_dropdown2,
.sa_dropdown3,
.sa_dropdown4,
.sa_dropdown5,
.sa_dropdown6 label {
    padding-bottom: 8px;
}

.sa_dropdown__switch:checked+.sa_dropdown__options-filter .sa_dropdown__select {
    transform: scaleY(1);
}

.sa_dropdown__switch:checked+.sa_dropdown__options-filter .sa_dropdown__filter:after {
    transform: rotate(-135deg);
}

.sa_dropdown__options-filter {
    width: 100%;
    cursor: pointer;
}

.sa_dropdown__filter {
    position: relative;
    display: flex;
    height: 4.8rem;
    align-items: center;
    padding-left: 20px;
    color: var(--primary_light);
    background-color: #fff;
    border: 1px solid #F4F4F4;
    font-size: var(--font16);
    transition: 0.3s;
}

.sa_dropdown__filter::after {
    position: absolute;
    top: 45%;
    right: 20px;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid var(--primary_dark);
    border-bottom: 1px solid var(--primary_dark);
    transform: rotate(45deg) translateX(-45%);
    transition: 0.2s ease-in-out;
}

.sa_dropdown__select {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 5px;
    overflow: hidden;
    box-shadow: 0 5px 10px 0 rgba(152, 152, 152, 0.6);
    transform: scaleY(0);
    transform-origin: top;
    font-weight: 300;
    transition: 0.2s ease-in-out;
    z-index: 1;
}

.sa_dropdown__select-option {
    padding-left: 20px;
    display: flex;
    align-items: center;
    height: 4.8rem;
    background-color: #fff;
    border-bottom: 1px solid #d6d6d6;
    transition: 0.3s;
}

.sa_dropdown__select-option:last-of-type {
    border-bottom: 0;
}

.sa_dropdown__select-option:hover {
    background-color: #f9f9f9;
}

.sa_filter_wrapper {
    border: 0.5px solid #0000001A;
    padding: 3rem 2rem;
    margin-bottom: 3.4rem;
}

.sa_filter_date_picker_input input.auth_input_sc.pk_none.w100p {
    padding-left: 20px;
    border: 1px solid #F4F4F4;
    font-size: var(--font16);
}

.sa_filter_date_picker_input input.auth_input_sc.pk_none.w100p::placeholder {
    color: var(--primary_light);
}

.sa_filter_date_picker_input input.auth_input_sc.pk_none.w100p:focus {
    outline: none;
}

.sa_clear_all_btn {
    height: 4.8rem;
    width: 15rem;
    border: 0.5px solid var(--primary_dark);
}

.sa_clear_all_btn p {
    color: var(--primary_dark);
}

.sa_input_value_color {
    color: var(--primary_light);
}

.status_btn.sa_plr_un {
    padding-left: unset;
    padding-right: unset;
}

.sa_transaction_settlementy_input_wrapper {
    height: 4.8rem;
    border: 1px solid #F4F4F4;
}

.sa_search_bar_icon {
    position: absolute;
    top: 0;
    right: 0;
}

.sa_payment_table_download_btn_wraper {
    border: 0.5px solid #E3E8EE;
    height: 4.8rem;
}

.sa_payment_table_download_btn_wraper a {
    width: 100%;
    padding: 1.2rem 1.6rem;
    color: var(--primary_dark);
    outline: unset;
    font-size: var(--font16);
    font-weight: var(--font_weight500);
    display: flex;
    justify-content: center;
    align-items: center;
}

.left_section_search.sa_flex_50 {
    flex: 0 0 50%;
}

.sa_transaction_filter_switch {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.dis_none {
    display: none;
}

.dis_blok {
    display: block;
}

.modal-dialog.sa_model_width_adjustment {
    max-width: 75%;
}

.sa_table_inner_boder {
    padding: 1rem;
    border: 1px solid #E4E4E4;
}

.sa_left_side_payment_link_no_data,
.sa_right_side_payment_link_no_data img {
    align-items: center;
}

.sa_left_side_payment_link_no_data img,
.sa_right_side_payment_link_no_data img {
    width: 20rem;
}

.sa_right_side_payment_link_no_data {
    align-items: center;
    width: 100%;
}

.sa_right_side_payment_link_no_data h3 {
    color: var(--primary_dark);
    margin-top: 2rem;
}

.sa_right_side_payment_link_no_data img {
    width: 25%;
}

.sa_right_side_payment_link_no_data ul {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 1.6rem;
}

.sa_right_side_payment_link_no_data ul li {
    color: var(--color-5d5d5d);
    font-size: var(--font16);
    font-weight: 400;
    list-style-type: initial;
}

.left_section_search.sa_mt_adj {
    margin-top: 2.6rem;
}

.left_section.sa_left_outer_padd {
    padding: 3rem;
}

.sa_right_side_no_data_btn {
    background-color: var(--primary_dark);
    height: 4.8rem;
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sa_right_side_no_data_btn p {
    color: var(--bg_white);
    padding: 0rem 2.4rem;
}
.sa_toggle-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
    margin: 10px;
}

.sa_toggle-switch .sa_toggle-input {
    display: none;
}

.sa_toggle-switch .sa_toggle-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 20px;
    background-color: var(--primary_light);
    border-radius: 34px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.sa_toggle-switch .sa_toggle-label::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    top: 2px;
    left: 3px;
    background-color: #fff;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s;
}

.sa_toggle-switch .sa_toggle-input:checked+.sa_toggle-label {
    background-color: var(--light_green_color);
}

.sa_toggle-switch .sa_toggle-input:checked+.sa_toggle-label::before {
    transform: translateX(14px);
}

.sa_fotter_align {
    width: 100%;
    padding-inline: unset;
}

.pay-btn-details-plus-preview_gs.sa_intro_basic_align.sa_flex_unset> :nth-child(2) {
    flex: unset;
}

.modal.right .modal-dialog.sa_modal_width_adjustment {
    width: 70rem;
}

.sa_payment_link_border_btm_wrapper {
    border-top: 0.5px solid #0000001a;
    border-right: 0.5px solid #0000001a;
    border-left: 0.5px solid #0000001a;
    border-bottom: unset;
}

.sa_payment_link_border_wrapper {
    border: 0.5px solid #0000001a;
    flex-grow: 1;
}

.sa_border_un {
    border: unset;
}

.sa_dropdown.pad_btm_un,
.sa_dropdown1.pad_btm_un,
.sa_dropdown2.pad_btm_un {
    padding-bottom: unset;
}

.sa_inner_padding_step_1 {
    padding: 3rem 2rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 3.2rem;
}

.sa_customize_pay_link_wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.sa_customize_pay_link_card {
    transition: all 0.3s;
}

.sa_customize_pay_link_card:hover {
    transform: scale(1.05);
}

.hidden {
    display: none;
}

.sa_customize_pay_link_card img {
    max-width: 18rem;
    height: auto;
}

.preview-container img {
    width: 100%;
    height: auto;
}

.sa_customize_pay_link_card_container .sa_customize_pay_link_card input.radio {
    top: 0px;
    right: 0px;
    width: 2rem;
    height: 2rem;
    transform: translate(13px, -164px);
}


.sa_pay_link_radio_setting {
    top: 0;
    left: 0;
}

.sa_theme_color_picker {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.sa_outer_setting {
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 50%;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.sa_theme_color_picker_box_styl {
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 50%;
}

.sa_pink_bg {
    background-color: #E54E4E;
}

.sa_parrot_bg {
    background-color: #4EE58A;
}

.sa_green_bg {
    background-color:
        #90C300;
}

.sa_outer_setting.active {
    border: 1px solid #6FA614;
}

#radio3,
#radio1,
#radio2 {
    background-color: transparent;
    border: 2px solid #6FA614;
}

.radio.pos_abs.sa_pay_link_radio_setting {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    border: 2px solid #6FA614;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: relative;
}

.radio.pos_abs.sa_pay_link_radio_setting::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.radio.pos_abs.sa_pay_link_radio_setting:checked::before {
    background-color: #6FA614;
}

.sa_common_bx_shad {
    box-shadow: 0px 0px 20px 0px #0000000F;
}

.border_unset {
    border: unset;
}

.sa_payment_link_collection_details {
    border: 1px solid #E4E4E4;
}

.sa_collection_details_header {
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 1rem;
}

.invoice_content_top_sec {
    padding: 1.2rem;
}

.fnt_clr_add{
    color: #B91C1D;
}

.new_dwnld_btn{
    display: flex;
    align-items: center;
    gap: 1rem;
}

.sa_payment_link_collection_details_row {
    padding: 4rem 2.2rem;
    border-bottom: 1px solid #E4E4E4;
    width: 100%;
    display: flex;
}

.sa_invoice_content_top_sec {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sa_payment_link_collection_amount_status {
    padding: 1.8rem 2.2rem 0.6rem 2.2rem;
}

.sa_collection_details_amt_status {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sa_payment_link_collection_bg {
    background-color: #ECF6FF;
    padding: 1rem 1.1rem;
}

.sa_payment_link_collection_bg p {
    color: #2188E4;
}

.sa_invoice_content_top_sec h3 {
    color: var(--primary_dark);
}

.sa_payment_link_collection_detail {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.sa_copy_payment_link {
    height: 4.8rem;
    border: 1px solid var(--primary_dark);
    display: flex;
    align-items: center;
}

.sa_copy_payment_link p {
    padding: 0rem 2rem;
    color: var(--primary_dark);
}

.sa_copy_payment_link_tooltip {
    box-shadow: 0px 0px 10px 0px #0000001A;
}

.sa_copy_payment_link_tooltip_inner_pad {
    padding: 1.2rem;
}

.sa_copy_payment_link_tooltip {
    background-color: var(--bg_white);
}

.sa_tooltip_inner_pad:hover {
    background: #6565651A;
    cursor: pointer;
}

.sa_tooltip_inner_pad p {
    padding: 1.2rem 1.6rem;
    color: var(--primary_dark);
}

.sa_copy_payment_link_tooltip {
    top: 0;
    right: 0;
    transform: translate(3px, 41px);
}

.sa_copy_payment_link_tooltip {
    display: none;
}

.show-tooltip {
    display: block;
}

.payment_link_first_popup {
    width: 50%;
}

.payment_link_popup_wrapper {
    background-color: #fff;
    height: 75dvh;
}

.payment_link_popup_inner_wrapper_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.payment_link_popup_inner_wrapper {
    padding: 2rem 4rem;
}

.sa_payment_link_popup_profile_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.4rem;
    padding-bottom: 4.4rem;
}


.sa_first_popup_bg {
    background-color: #ECECEC;
}

.sa_fifth_popup_bg {
    background-color: #BFBFBF;
}

.sa_second_popup_bg,
.sa_third_popup_bg,
.sa_fourth_popup_bg {
    background-repeat: no-repeat;
    background-size: cover;
}

.sa_second_popup_bg {
    background-image: url('/wegofin_ai/images/payment_gateway/payment_link_banner_1.png');
}

.sa_third_popup_bg {
    background-image: url('/wegofin_ai/images/payment_gateway/payment_link_banner_2.png');
}

.sa_fourth_popup_bg {
    background-image: url('/wegofin_ai/images/payment_gateway/payment_link_banner_3.png');
}


.sa_payment_link_radio_wrapper {
    display: flex;
    align-items: center;
    gap: 6rem;
}

.sa_payment_link_radio_wrapper .input-radio {
    box-shadow: 0px 0px 0px 1px #6d6d6d;
    font-size: 3em;
    width: 20px;
    height: 20px;
    margin-right: 7px;
    border: 4px solid #fff;
    background-clip: border-box;
    border-radius: 50%;
    appearance: none;
    transition: background-color 0.3s, box-shadow 0.3s;
}

.input-radio {
    cursor: pointer;
}

.sa_payment_link_radio_wrapper label {
    display: flex;
    gap: 1rem;
}

.input-radio.on:checked {
    box-shadow: 0px 0px 0px 2px #26B003;
    background-color: #26B003;
}

.sa_payment_link_proceed_payment_btn {
    height: 4.8rem;
    background-color: var(--primary_dark);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--bg_white);
}

.sa_payment_link_payment_method_box .sa_box_wrapper {
    box-shadow: 0px 0px 20px 0px #0000001A;
    height: 10.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0.8rem;
}

.sa_box_wrapper img {
    width: 3.2rem;
}

.payment_method_box_adj {
    gap: 1.6rem;
}

.sa_payment_link_popup_fotter_logo img {
    width: 17rem;
}

.payment_link_netbanking_option {
    height: 10.2rem;
    width: 100%;
    border: 1px solid #F2F9EE;
    box-shadow: 0px 0px 20px 0px #0000001A;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.payment_link_netbanking_option img {
    width: 3.2rem;
}

.payment_link_netbanking_option p {
    text-align: center;
}

.payment_link_netbanking_option.active {
    border: 1px solid var(--lime_green)
}

.modal.right.fade.show .modal-dialog.mw-700-gs {
    max-width: 70rem;
}

.sa_start_integration_bg,
.sa_go_live_bg,
.sa_enable_settlement {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

.sa_start_integration_bg {
    background-image: url('/wegofin_ai/images/payment_gateway/start1.webp');
    background-size: cover;
    flex: 1;
    background-position: center;
    background-repeat: no-repeat;
}

.sa_go_live_bg {
    background-image: url('/wegofin_ai/images/payment_gateway/start2.webp');
    flex: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sa_enable_settlement {
    background-image: url('/wegofin_ai/images/payment_gateway/start3.webp');
    background-size: cover;
    flex: 1;
    background-position: center;
    background-repeat: no-repeat;

}

.sa_payment_gateway_card_top_image_adj img {
    width: 25rem;
}

#sa_payment_gateway_intro,
.sa_payment_gateway_root_control {
    height: 100%;
}

.what_is_payment_gateway_avt_img_wrapper,
.how_payment_gateway_avt_img_wrapper {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.flex.gap4.height100{
    justify-content: space-between;
    width: 100%;
}
.sa_gateway_count_image3,
.sa_gateway_count_image2 {
    bottom: 0;
    width: 12rem;
    right: 0;
}

.sa_gateway_count_image1 {
    bottom: 0;
    width: 10rem;
    right: 0;
}

.z_ind_999 {
    z-index: 999;
}

.sa_gen_snbx_ky {
    color: #67C1C3;
}

.flex_dir_colm {
    display: flex;
    gap: 3rem;
}

#sa_submit_settlement_details {
    width: 100%;
    display: flex;
    justify-content: end;
}

.no_data_text {
    max-width: 50rem;
    width: 100%;
    margin: 0 auto;
}

.how_payment_gateway_work_adj .sa_play_top_btn,
.what_is_payment_gateway_adj .sa_play_top_btn {
    width: 6rem;
}

.sa_selectedPdf_width img {
    width: 100%;
}

.customer_trans_table_body .invoice__customers_table.sa_height_100p {
    max-height: 100%;
}

.sa_no_data_mob_view {
    display: none;
}

.right_section {
    height: 100%;
}

.sngle-set-of-btn-opt-gs span {
    color: var(--color-5d5d5d);
}

.sa_invoice_table_deatils_mob_view {
    display: none;
}

.sa_invoice_table_deatils_mob_view {
    background-color: var(--theme_bg_color);
}

.sa_invoice_table_deatil_inner_padding {
    padding: 1.35rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.customer_trans_amt h4 {
    padding: 4px;
}

.header__search__input__sa {
    display: flex;
    align-items: center;
    width: 100%;
    height: 5rem;
    background: var(--bg_white);
    border: 1px solid #F4F4F4;
    gap: 1.2rem;
    padding: 1.5rem 2.4rem;
    justify-content: space-between;
}

.header__search__input__sa input {
    border: none;
}

.sa_mob_netbanking_option {
    display: block;
}

.sa_payment_link_popup_profile_content img {
    height: 7rem;
}

.sa_payment_link_error_slide {
    height: 4.4rem;
    border: 0.5px solid #2D2D2D;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sa_payment_link_error_slide_root {
    width: 75%;
    text-align: center;
    padding: 2rem;
}

.sa_payment_link_error_slide_btn_wrapper {
    display: flex;
}

.sa_cancel_btn_bg {
    background-color: var(--bg_white);
    color: var(--primary_dark);
}

.sa_retry_btn_bg {
    background-color: var(--primary_dark);
    color: var(--bg_white);
}
.payment__link__nodataImg__sc.payment__link__nodataImg__sc {
    width: 15rem;
    height: auto;
}
.right_nodata_section {
    height: 100%;
}
.jrk_select-menu.active_new .jrk_select-btn img {
    transform: rotate(-180deg);
}
.left_section_content_wrap.customer_content_show {
    height: 100%;
}
.sa_card_parent {
    padding: 1.6rem;
    background: var(--bg_white);

}
.imgFirstGateway{
    background-image: url(../images/payment_gateway/what_is_payment_gateway.webp);
    background-size: cover;
    background-position: center;
    position: unset;
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding-top: 3rem;
}
.how_payment_gateway_avt_img_wrapper img,.what_is_payment_gateway_avt_img_wrapper img{
/*    max-height: 26rem;*/
    width: 100%; /* Makes the image responsive */
    height: auto; /* Maintains aspect ratio */
    max-height: 100%; /* Ensures it fits within the container */
    object-fit: contain;
}

.imgFirstGateway2{
    background-image: url(../images/payment_gateway/gateway2.webp);
    background-size: cover;
    background-position: center;
    position: unset;
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding-top: 3rem;
}
.flx_dir_col.gap24.mb3.sa_responsive_gap{
    padding-bottom: 3rem;
    padding-right: 2rem;
}
.payment_gateway_datatbl{
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 1.3rem;
    cursor: pointer;
}

.invoice_info_btns ul li .bill_payment_but_mobil {
    display: none;
}
@media screen and (min-width: 1700px) {
    .sa_sandbox_copy_alignment {
        /* top: 0px;
        transform: translateY(16px); */
    }

    .sa_sandbox_eye_alignment {
        /* transform: translateY(-33px); */
    }

    .sa_customize_pay_link_card_container .sa_customize_pay_link_card input.radio {
        transform: translate(13px, -201px);
    }
}
@media  (min-width:1025px) and (max-width:1199px) {
    .api_pw_align{
        gap: 1rem;
    }
}

@media screen and (max-width:1200px) {
    .flx_dir_col.gap24.mb3.sa_responsive_gap {
        gap: 1rem;
    }

    .flex.gap4.sa_card_parent {
        gap: 2rem;
    }

    .sa_ved_play_btn_desg {
        height: 4.8rem;
    }

    .sa_ved_play_btn_desg_red img,
    .sa_ved_play_btn_desg_org img {
        width: 2.5rem;
    }
    .invoice_top_bg .customer_trans_details_bg {
        height: 12rem;
    }

    .customer_trans_amt {
        display: flex;
        height: 100%;
        align-items: flex-start;
        flex-direction: column;
    }

    .customer_trans_amt_img {
        display: flex;
        align-items: flex-end;
        flex: 0 0 auto;
    }

    .customer_trans_details_bg {
        padding: unset;
    }
}

@media screen and (min-width:1025px) {

    #sa_data_show .right_section,
    #sa_data_show .left_section {
        display: block;
    }

    .right_section,
    .left_section {
        display: block;
    }

    .sa_error_popup_bg_red_icon {
        background: rgba(255, 255, 255, 0.75);
        padding: 2rem;
    }

    .pd_up_12{
        padding: 1.2rem 0;
    }

}

@media screen and (max-width:1024px) {

    .modal-dialog.modal-fullscreen.modal-dialog-scrollable.mod_widthFull.mod_widthFull,
    .modal.right .modal-dialog,
    .repetitve_modal .modal-dialog.modal-fullscreen.modal-dialog-scrollable.mod_widthFull.jrk_width_expand {
        width: 100%;
    }
    .sa_payment_gateway_card_top_image_adj img{
        width: 15rem;
    }
    .sa_show_live_btn, .sa_enable_settlement_btn{
        width: fit-content;
        height: 4.1rem;
    }
    .modal-header.mar_30_20.w100p.sa_border_bottom_unset p{
        display: none;
    }
    .sa_border_bottom_unset{
        padding: 2rem;
    }
    .sa_sandbx_head_para_styl h3{
        font-size: 1.4rem !important;
    }
    .sa_sandbx_head_para_styl p{
        font-size: 1.2rem;
    }
    .sa_sandbox_copy_alignment{
        /* top: .3rem; */
    }
    .api_pw_align{
        gap: 1rem;
    }
    .jc_sb_end{
        padding-right: 2rem;
    }
    .sa_intro_basic_align.gap16.z_ind_999{
        gap: 1.2rem;
    }
    .sa_gen_snbx_ky{
        height: 4.1rem;
        font-size: 1.4rem;
       width: fit-content;
    }
    .flex_dir_colm{
        display: grid;
        grid-template-columns: repeat(1,1fr);
    }
    .sa_intro_basic_align.gap16.flex_jus_cen{
        background: #FFFFFF;
    }
    .sa_start_integrating, .sa_go_live_wrapper, .sa_enable_settlement{
        padding: 1.8rem;
    }
    .sa_what_is_pay_gate_bg_wraper{
        box-shadow: unset;
    }
    .sa_payment_gateway_vedio_modal_card{
        gap: 1.6rem;
    }
   .payment-button-details-form__gs-body-step2 .list-of-fields-to-added-item-gs_split{
    flex-direction: row;
    align-items: start;
   }
   .payment__btn__apd__sc{
    padding: 0;
   }
   .payment-button-details-form__gs-header{
    padding: 1rem;
   }
   .tds__input__row__sc{
    flex: 1;
   }
   .payment-button-details-form__gs-body {
    padding: 1rem 1rem;
}
   .payment-button-details-form__gs-body {
    padding: 1rem 1rem;
}
.payment__btn__check__sc{
    gap: 2.4rem;
}
.payment__btn__check__sc{
    grid-template-columns: repeat(1,1fr);
}
.it-is-fixed-div-gs{
    height: calc(100dvh - 40.5rem);
}
.modal-footer-gs>button{
    height: 4.4rem;
}
.payment_button_modal .modal-content--gs{
    gap: 0;
}
   .payment-button-details-form__gs-body-step2> :not(:last-child){
    margin-bottom: 1.2rem;
   }
    #sa_payment_gateway_intro {
        overflow: hidden auto;
    }
    .payment_dashboard_wrap {
        overflow: hidden auto;
        height: 100%;
    }

    .modal.right.fade.show .modal-dialog.mw-700-gs {
        max-width: 100%;
        width: 100%;
    }

    .pay-btn-details-plus-preview_gs {
        flex-direction: column;
    }

    .sa_card_parent {
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }

    .sa_sandbox_eye_alignment {
        /* transform: translateY(-37px); */
    }

    .sa_start_integration_bg {
        height: auto;
        flex: 0 0 100%;
    }

    .sa_go_live_bg,
    .sa_enable_settlement {
        height: auto;
        flex: 1;
    }

    .sa_payment_gateway_vedio_modal_card {
        flex-direction: column;
    }

    .flex.gap4.sa_card_parent {
        gap: 4rem;
    }

    .sa_payment_gateway_root_control.gap3 {
        gap: 5rem;
    }

    .left_section {
        width: 100%;
        position: relative;
        height: calc(100vh - 8rem);
    }

    #sa_data_show .right_section {
        display: none;
    }

    .right_section {
        display: none;
    }

    .main_layout_grid {
        grid-template-areas: unset;
        grid-template-columns: unset;
    }

    .sa_invoice_payment_activity_card_wrapper {
        row-gap: 1.5rem;
    }

    .payment_activity_card_mob_wrapper_width100 {
        width: 100%;
    }

    .payment_activity_card_mob_wrapper_flex1 {
        flex: 1;
    }

    .invoice_info_btns .btn_trans {
        display: none;
    }

    .invoice_info_btns ul li .bill_payment_but_mobil {
        display: block;
    }

    .main_layout_grid {
        display: block;
    }

    .main_layout_grid.sa_no_data_tab_styl_switch {
        grid-template-columns: 1fr;
    }

    .main_layout_grid.sa_no_data_tab_styl_switch .sa_no_data_tab_view {
        position: unset;
    }

    .main_layout_grid.sa_no_data_tab_styl_switch .left_section.sa_no_data_tab_view {
        width: 100%;
    }

    .main_layout_grid.sa_no_data_tab_styl_switch .right_section.sa_no_data_tab_view {
        grid-column-start: unset;
        grid-column-end: unset;
    }

    .toggle_pdf_design .flex_default {
        overflow-x: scroll;
    }

    .toggle_pdf_design .flex_default .sngle-set-of-btn-opt-gs {
        width: 100%;
    }

    .filterMainSec {
        width: 100%;
    }

    .reconcilerightside {
        display: none;
    }

    .reconcileContainer {
        height: unset;
    }

    .TableSec.reconcile {
        margin: 1.2rem 0 0 0;
        max-width: 100%;
    }

    .reconcilerightside {
        max-width: 100%;
    }

    .payement-btn-user-sel-btn-prev {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .left_content_item.active {
        border-color: #F4F4F4;
        border-width: 1px;
    }

    .text__close {
        display: none;
    }

    .sa_payment_link_collection_details {
        background-color: #ffffff;
    }

    .sa_payment_link_collection_detail {
        background: transparent;
    }

    .right_section.sa_bx_shadow_rem_mob {
        box-shadow: unset;
    }

    .sa_no_data_mob_view {
        display: block;
    }

    .sa_second_popup_bg,
    .sa_third_popup_bg,
    .sa_fourth_popup_bg {
        background-image: none;
    }

    .sa_mobile_total_amount {
        background: var(--bg_white);
        height: 4.9rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0rem 1rem;
    }

    .payment_link_first_popup {
        width: 100%;
    }

    .payment_link_popup_wrapper {
        background-color: transparent;
    }

    .payment_link_popup_wrapper {
        height: 100dvh;
    }

    .sa_payment_link_payment_method_box .sa_box_wrapper,
    .payment_link_netbanking_option {
        background-color: #FDFDFD;
    }

    .sa_desktop_netbanking_option {
        display: none;
    }

    .sa_mob_netbanking_option {
        display: block;
    }

    .header__search__input__sa {
        padding: 1.5rem 1.4rem;
    }

    .sa_payment_link_error_slide_root {
        background-color: transparent;
        width: 50%;
    }

    .sa_error_back_close {
        display: none;
    }

    .are_you_sure h3{
        font-size: 1.4rem !important;
        color: #2D2D2D;
    }

    .btn_hide_mob {
        display: none;
    }
    .left_section_search.sa_mt_adj {
        margin-top: 0;
    }
}
@media screen and (max-width:992px) {
    .sa_input_section_inner_wrapper .sa_mob_input_alignment {
        display: flex;
        flex-direction: column;
    }

    .sa_input_sec_outer_adjustment {
        padding: 0 2rem 1rem 2rem;
    }

    .sa_payment_gateway_trans_settle_wrap .sa_transaction_toggle,
    .sa_payment_gateway_trans_settle_wrap .sa_settlement_toggle,
    .sa_payment_gateway_trans_settle_wrap,
    .left_section_search.sa_flex_50 {
        width: 100%;
    }

    .sa_customer_trans_table_tabs_mob_adj {
        flex-direction: column-reverse;
        gap: 1.2rem;
    }

    .sa_left_side_payment_link_no_data img,
    .sa_right_side_payment_link_no_data img {
        width: 14rem;
    }

    .sa_colen {
        display: none;
    }

    .aftermath-create-button_list-summary {
        flex-direction: column;
    }

    .aftermath-create-button_list-summaries>* {
        gap: 0.8rem;
    }

    .aftermath-create-button_list-summary>p {
        min-width: unset;
    }

    .list-of-fields-to-added-item-gs_split {
        flex-direction: column;
    }

    .payment-button-details-preview__gs> :not(:last-child) {
        margin-bottom: 1.6rem;
    }

    .payment-button-details-preview__gs-header> :not(:last-child) {
        margin-bottom: 0.6rem;
    }

    .modal.right div.modal-dialog--gs {

        height: calc(100dvh - 0rem);
    }
    .payment_dashboard_wrap .reconcileContainer {
        height: 100%;
    }
    .payment_dashboard_wrap .reconcileMain.bgWhite.sales__teconcile__sect__sc {
        padding: 0;
        height: max-content;
    }
    .filterMainSec.popup_right_filterMainSec.active {
        z-index: 1060;
    }
}
.modal-body.modal-body--gs.payment-button-body-gs {
    padding:0rem 2rem 12rem;
}
.modal-body.modal-body--gs.payment-button-body-gs .payment-button-body-gs__steps{
    padding-top: 1.6rem;
}
@media screen and (max-width:767px) {
    .filterMainSec.popup_right_filterMainSec.active .DateAndTypeSec_structure {
        padding: 1.5rem;
    }
    .main_layout_grid.sa_no_data_mob_styl_switch .sa_no_data_desktop_view {
        display: none;
    }

    .sa_mob_flex_dir_col {
        flex-direction: column;
    }

    .main_layout_grid .left_section {
        padding: 0rem;
    }

    .select-template-box-gs {
        flex-wrap: wrap;
    }

    .payment-button-details-form__header-caption p {
        font-size: 1.4rem;
    }

    .cus_color_btn {
        width: 4.4rem;
        height: 4.4rem;
    }

    .cus_color_btn.active::after {
        width: 4.9rem;
        height: 4.9rem;
    }

    .pdf_gridcontainer .item1 {
        grid-row: 2;
        grid-column: 1 / -1;
    }

    .pdf_gridcontainer .item2 {
        grid-row: 1;
        grid-column: 1 / -1;
    }

    .pdf_gridcontainer .item3 {
        grid-row: 3;
        grid-column: 1 / -1;
    }

    .selectedPdf {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .selectedPdf img {
        width: 40rem;
    }

    section.left_section.sa_left_outer_padd.sa_no_data_mob_view {
        height: calc(100vh - 10rem);
    }

    .sa_no_data_mob_view .sa_right_side_no_data_btn {
        margin: unset;
    }

    .svg_edit_icon .font_green {
        display: none;
    }

    .invoice_content_details {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.8rem;
    }

    .item_left span {
        display: none;
    }

    .invoice_content_bgwhite {
        padding: 2rem;
    }

    .main__container {
        padding: 1rem;
    }

    .invoice_item .item_left {
        min-width: auto;
    }

    .invoice_content_top_sec .row .col-lg-6 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .invoice_content_top_sec .row .col-lg-6 .row {
        width: 100%;
    }

    .sa_noto_data_bg {
        background-color: #F7F6F8;
    }

    .sa_noto_data_bg .filter_btns a {
        border: unset;
        background-color: #fff;
    }

    .pop_back_btn {
        display: none;
    }

    .modal.right .modal-content {
        border: unset !important;
    }

    .invoice_details_input_box .rem_bs_mg .col-lg-6,
    .invoice_details_input_box .col-lg-6 {
        width: 100%;
    }

    .btn-toggle.btn-lg {
        height: 2rem;
        width: 4.5rem;
    }

    .btn-toggle.btn-lg>.handle {
        top: 0.2rem;
        left: 0.3125rem;
        width: 1.6rem;
        height: 1.6rem;
    }

    .sa_invoice_table_deatils_mob_view {
        display: block;
    }

    .sa_invoice_deatils_desktop_view {
        display: none;
    }

    .customer_trans_details_bg.sa_customer_trans_details_bg_mob_update {
        flex-direction: column;
        height: 100%;
    }

    .sa_customer_trans_details_bg_mob_update .sa_customer_trans_amt_mob_update {
        justify-content: flex-start;
        width: 100%;
    }

    .sa_customer_trans_details_bg_mob_update .sa_customer_trans_amt_img_mob_update {
        width: 100%;
        justify-content: end;
    }

    .btnReconsile.mt64 {
        margin-top: 3.4rem;
    }

    .sa_payment_link_radio_wrapper .font18 {
        font-size: 1.3rem;
    }

    .sa_payment_link_radio_wrapper {
        gap: 4rem;
    }

    .payment_link_popup_inner_wrapper {
        padding: 2rem 1rem;
    }

    .sa_payment_link_error_slide_root {
        width: 100%;
    }
    .payment__link__nodataImg__sc.payment__link__nodataImg__sc {
        width: 10rem;
    }
    .gap_reduce{
        gap: 2rem;
    }
    .sa_transection_settlement_table h6{
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-left: 0.6rem;
    }
}

@media screen and (max-width: 576px) {

    .modal-content .modal-body.p24 {
        padding: 1;
    }

    .line {
        margin: unset;
    }

    .invoice_content_bgwhite {
        padding: 1rem;
    }

    .available-buttons-to-choose {
        height: 5rem;
    }

    .payment-button-varients__inner.sa_buttons-to-choose {
        padding: 0.5rem 0.6rem 0.5rem 6rem;
    }

    .payment-button-varients.sa_payment-button-varients {
        width: 17rem;
    }

    .review_and_submit_wrap-form::before,
    .review_and_submit_wrap-btn::before {
        display: none;
    }

    .review_and_submit_wrap-row {
        flex-direction: column;
        gap: 1.6rem;
    }
}

@media screen and (max-width: 540px) {

    .payment-button_sel-tmplt-gs {
        padding-left: 1rem;
    }

    .payment-button-varients__inner {
        padding: 1rem 1.4rem 1rem 6rem;
    }

    .select-template-box-gs {
        padding: 1.6rem;
    }

    .sa_responsive_gap img {
        width: 4.5rem;
    }

    .sa_responsive_gap h3 {
        font-size: 1.4rem;
    }

    .sa_responsive_gap p {
        font-size: 1.2rem;
    }

    .sa_ved_play_btn_desgv p {
        font-size: 1.4rem;
    }

    .sa_ved_play_btn_desg {
        height: 3.7rem;
        width: 12.2rem;
    }

    .sa_ved_play_btn_desg img {
        width: 2rem;
    }

    .what_is_payment_gateway_adj .gap4,
    .how_payment_gateway_work_adj .gap4 {
        gap: 2.5rem;
    }
    .how_payment_gateway_work_adj .sa_play_top_btn, .what_is_payment_gateway_adj .sa_play_top_btn{
        width: 3rem !important;
    }
    .sa_responsive_gap h3{
        font-size: 1.2rem !important;
    }
.what_is_payment_gateway_avt_img_wrapper, .how_payment_gateway_avt_img_wrapper{
    height: auto;
}
    .sa_what_is_pay_gate_bg_wraper img {
        height: 20rem;
    }

    .flex_dir_colm {
        gap: 1.2rem;
    }

    .what_is_payment_gateway_avt_img_wrapper img,
    .how_payment_gateway_avt_img_wrapper img {
        width: 16rem;
    }

    .sa_regenrate_btn {
        height: 4.8rem;
        font-size: 1.3rem;
        width: 13rem;
    }

    .sa_left_side_payment_link_no_data img,
    .sa_right_side_payment_link_no_data img {
        width: 12rem;
    }

    .step-container .line {
        width: 4rem;
        margin: unset;
    }

    .invoice_info_numbers {
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }

    .invoice_content_bgwhite {
        padding: 0rem;
    }

    .invoice_content_top_sec .flex.gap24 {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.4rem;
    }

    .svg_edit_icon svg {
        width: 2.2rem;
    }

    .tabList ul li {
        width: 14rem;
    }

    .btnReconsile button {
        width: unset;
    }

    .btnReconsile {
        flex-direction: column;
        width: 100%;
    }

    .btn-tgl-wrap p {
        font-size: 1.2rem;
    }

    .payment-button-varients {
        width: 18rem;
    }
    .payment-button-varients__inner,.payment-button-varients{
        border-radius: 6.28px;
    }
    .payment-button-varients.sa_pay-button-varient-2 {
        width: 20rem;
    }
    .pay_btn_preview_down .select-template-box-gs_left p.font16{
            display: none;
    }
    .pay-button-varient-1 .pay-button-wego-logo{
        border-radius: 6.28px;
    }
    .payment-button-varients__inner {
        text-align: right;
    }
    .payment-button-varients__inner.sa_button-varients__inner {
        padding: 1rem 1.4rem 1rem 7rem;
    }

    .payment-button-body-gs__steps {
        gap: 6rem;
    }

    .how_payment_gateway_work_adj .sa_play_top_btn,
    .what_is_payment_gateway_adj .sa_play_top_btn {
        width: 4rem;
    }
    .sa_payment_gateway_root_control.gap3,.flex.gap4.sa_card_parent{
        gap: 1.6rem;
    }

}
@media screen and (max-width: 480px){
    .pay-button-after-sub_popup-body__r2{
        word-break: break-all;
    }
}
@media screen and (max-width:390px) {

    .sa_complete_kyc_grn_labl p,
    .sa_complete_kyc_grn_labl p {
        font-size: 1.5rem;
    }

    .payment-button-details-form__gs-body {
        padding: 3rem 1rem;
    }


    .modal-body.p3 {
        padding: 1.8rem 2rem 3rem 2rem;
    }

    .sa_complete_kyc_padd p {
        font-size: 1.4rem;
    }

    .sa_ved_play_btn_desg img {
        width: 1.5rem;
    }

    .modal-footer .btn_style.btn_trans {
        width: 13rem;
    }

    .flx_dir_col.gap24.mb3.sa_responsive_gap {
        gap: 0.7rem;
    }

    .sa_responsive_gap p {
        font-size: 1.1rem;
    }

    .sa_ved_play_btn_desg {
        width: 9.6rem;
        height: 2.3rem;
    }

    .btn-close {
        width: 0.5rem;
        height: 0.2rem;
    }

    .sa_introduction_heading h3 {
        font-size: 1.4rem;
    }
    .sa_introduction_heading{
        padding: 1.6rem 1.2rem;
    }
    .sa_introduction_heading p {
        font-size: 1.2rem;
    }

    .sa_introduction_heading.gap16 {
        gap: 1rem;
    }

    .how_payment_gateway_work_adj .sa_play_top_btn,
    .what_is_payment_gateway_adj .sa_play_top_btn {
        width: 4rem;
    }

    .modal .step-container .step p {
        font-size: 1.2rem;
        font-weight: 400;
    }

    .left_section {
        padding: 2rem;
    }

    .left_content_item {
        padding: 1.5rem;
    }

    .sa_right_side_no_data_btn {
        height: 4.3rem;
    }

    .invoice_top_bg .customer_trans_amt {
        padding: 1.2rem;
    }

    .sa_customer_trans_amt_img_mob_update img {
        max-width: 11rem;
    }

    .payment-button-body-gs {
        padding-inline: 2rem;
    }

    .aftermath-create-button__header-left {
        flex-direction: column;
        gap: 0.4rem;
    }

    .created_btn_copy_form {
        width: 8.2rem;
        height: 3.6rem;
    }

    .status_btn.sa_pad_unset_mob {
        padding: unset;
    }

    .payment-button-details-preview__gs {
        padding: unset;
    }

    .sa_payment_link_collection_details_row {
        padding: 4rem 0rem;
    }

    .bb {
        border-bottom: 1px solid #F4F4F4;
    }

    .invoice_details_wrap h5 {
        font-size: 1.4rem;
        padding-left: 2rem 0;
    }

    .textbox--wrap,
    .file--wrap {
        padding: 1.6rem 1.2rem;
    }

    .flex_default {
        font-size: 1.2rem;
        font-weight: 400;
    }

    .gap_reduce{
        gap: 1rem;
    }

    .input_wrap_cmn p{
        font-size: 1.4rem;
        font-weight: 400;
    }

    .flex_default h5 {
        font-size: 1.4rem;
        font-weight: 500;
    }

    .flex_default h2 {
        font-size: 1.4rem;
    }
    #item_template{
        margin-top: -29px;
    }

}

@media screen and (max-width: 360px) {

    .what_is_payment_gateway_avt_img_wrapper img,
    .how_payment_gateway_avt_img_wrapper img {
        width: 24rem;
    }

    .payment-button-varients {
        width: 12rem;
    }

    .payment-button-varients__inner {
        padding: 0.5rem 0.6rem 0.5rem 4rem;
    }

    .main__container {
        padding: 1rem;
        margin: 1.2rem;
    }

    .invoice_body .modal-body {
        padding: 2rem 1rem 9rem;
    }

    .sa_payment_gateway_trans_settle_wrap.gap2 {
        gap: 0;
    }

    .sa_payment_table_download_btn_wraper a {
        padding: 1.2rem 1.6rem;
    }

    .left_section.sa_left_outer_padd {
        padding: 3rem 2rem;
    }

    .modal-footer {
        padding: 1.6rem 2rem;
    }

    .left_section {
        padding: 1.5rem;
    }

    .itemDetailsWrap .modal-body {
        padding: 2rem 1.5rem 35%;
    }

    .invoice_details_wrap .gap20 {
        gap: 1rem;
        font-size: 1.4rem;
    }

    .invoice_details_wrap .item_head {
        padding-right: 1rem;
    }

    .sub_total_wrap,
    .inv_client_notes,
    .inv_internal_notes,
    .invoice_payement_item,
    .inv_total_wrap,
    .pk_invoice_accordions .accordion-button {
        padding: 1.2rem;
        margin: unset;
    }

    .reconcilerightside,
    .reconcileMain {
        padding: 1.4rem;
    }

    .payment-button-body-gs__steps> :not(:last-child)::after {
        width: 4rem;
        top: 24%;
        transform: translateX(82%);
    }

    .payment-button-body-gs__steps {
        gap: 3rem;
    }

    .pay-button-after-sub_popup-body__r2 {
        padding: 1rem;
        font-size: 1rem;
    }

    .created_btn_copy_form {
        gap: 0.5rem;
    }

    .sa_collection_details_header .font18,
    .sa_payment_link_collection_details_row .font18 {
        font-size: 1.2rem;
    }

    .font18 {
        font-size: 1.4rem;
    }

    .sa_payment_link_radio_wrapper {
        gap: 2rem;
    }

    .sa_payment_link_radio_wrapper label {
        gap: 0.5rem;
    }

}

@media screen and (max-width: 320px) {

    .how_payment_gateway_work_adj .sa_play_top_btn,
    .what_is_payment_gateway_adj .sa_play_top_btn {
        width: 3rem;
    }

    .invoice_details_wrap h5,
    .invoice_details_wrap .gap20 {
        font-size: 1.2rem;
    }
}