.step_form_inner .form-control:focus,
    .step_form_inner .form-select:focus {
        border: 1px solid #377dff !important;
    }

    .modal-backdrop {
        display: none !important;
    }

    .new {
        padding: 0 24px;
        background: #DDE4FF;
    }

    .preview_logo_image_tr.pt-0 {
        padding: 0px !important;
    }

    p.company_add {
        font-size: 10px;
        line-height: 14px;
    }


    a.backbtn {
        color: #0f1b2d;
        border: 1px solid #A3A3A3;
        background: #EFEFEF;
        font-weight: 600;
        line-height: normal;
        border-radius: 0;
        padding: .5rem 1.5rem;
    }

    a.backbtn:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    a.backbtn:active {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    button.nextbtn {
        font-weight: 600;
        line-height: normal;
        border-radius: 0;
        padding: .5rem 1.5rem;
        background: linear-gradient(180deg, #64D364 0%, #249324 100%);
        border-image-source: linear-gradient(180deg, #64D364 0%, #249324 100%);
        border-image-slice: 1;
        color: #fff;
    }

    button.nextbtn:hover {
        color: #fff;
    }

    button.nextbtn:active {
        color: #fff !important;
    }

    div.nextbtn {
        font-weight: 600;
        line-height: normal;
        border-radius: 0;
        padding: .5rem 1.5rem;
        background: linear-gradient(180deg, #64D364 0%, #249324 100%);
        border-image-source: linear-gradient(180deg, #64D364 0%, #249324 100%);
        border-image-slice: 1;
        color: #fff;
    }

    div.nextbtn:hover {
        color: #fff;
    }

    div.nextbtn:active {
        color: #fff !important;
    }

    @media (max-width:767px) {

        #template1 .details h2 {
            font-size: 9px;
        }

        .add span {
            font-size: 7px !important;
        }

        .tables1 span {
            font-size: 7px !important;
        }

        .tables1 a {
            font-size: 7px !important;
        }

        .colums2 {
            width: 62% !important;
        }

        .colums1 {
            width: 38% !important;
        }

        td.ritd p {
            font-size: 7px !important;
        }

        td.ritd {
            width: 69% !important;
            font-size: 7px !important;
        }

        td.sidetd {
            width: 31% !important;
        }

        td.sd {
            padding-left: 0 !important;
        }

        td.cd {
            width: 31% !important;
        }

        table.mb {
            margin-bottom: 10px !important;
        }

        td.p-1 span {
            font-size: 6px !important;
            line-height: 7px;
        }

        .tables1 td.p-1 a {
            font-size: 6px !important;
            line-height: 7px;
        }

        .row.dghdfg {
            padding-bottom: 4px !important;
            widows: 100%;
        }


        img.epsod {
            width: 80% !important;
            height: 12px !important;
        }

        .epsod-text span {
            font-size: 6px;
        }

        .epsod-text {
            padding-top: 0px !important;
            line-height: 8px;
        }

        /*?pag2....................222?*/



        .bill_preview.preview.border-top-0.p-4.pb-0.pt-0.template_2 {
            padding: 0px !important;
        }

        .fs h2.company_name {
            font-size: 7px !important;
            font-weight: 600;
            margin: 0px !important;
        }

        p.user_name.ynamePreview {
            font-size: 6px !important;
        }

        span.user_zip.zipPreview {
            font-size: 6px;
        }

        span.user_state.statePreview {
            font-size: 6px;
        }

        span.user_city.cityPreview {
            font-size: 6px;
        }

        span.user_address.staddPreview {
            font-size: 6px !important;
            padding: 0px !important;
            line-height: 1px !important;
        }

        tbody.teer img {
            width: 72%;
            height: 9px !important;
        }

        tbody.teer div {
            padding-bottom: 0px;
            margin-top: 0px;
        }

        b.payway {
            font-size: 8px !important;
        }

        td.llli {
            padding-bottom: 4px !important;
        }

        .onlypp {
            padding: 3px 8px 3px 9px !important;
        }

        td.onlmm table {
            margin-bottom: 9px !important;
        }


        p.hoiwh {
            font-size: 6px !important;
            line-height: 7px !important;
            padding-top: 0px !important;
        }

        .error {
            border-radius: 5px !important;
            padding: 5px !important;
            font-size: 6px !important;
        }

        .error p {
            font-size: 6px !important;
        }

        td.eud {
            font-size: 10px !important;
            font-weight: 700 !important;
            margin: 0px !important;
            padding-bottom: 2px !important;
            padding-top: 0px !important;
        }

        td.elba {
            font-size: 5px !important;
            padding-top: 1px !important;
            font-weight: 500 !important;
        }

        tr.colsoannn td p input {
            width: 4px !important;
            height: 9px !important;
            font-weight: 100 !important;
        }

        tr.colsoannn td p {
            font-size: 12px !important;
            font-weight: 600;
        }

        tr.colsoannn td {
            margin: 0px !important;
            padding: 6px 0px 0px 0px !important;
        }

        .buutms {
            padding-bottom: 5px !important;
            line-height: 8px;
        }

        .buutms span.company_address.compny_streetPreview {
            font-size: 7px !important;
        }

        .buutms span.comapny_zip.compny_zipPreview {
            font-size: 7px !important;
        }

        .buutms span.comapny_state.compny_statePreview {
            font-size: 7px !important;
        }

        .buutms span.company_city.compny_cityPreview {
            font-size: 7px !important;
        }

        img.bymtimg {
            width: 101% !important;
            height: 11px !important;
        }

        td.longer-texr p {
            font-size: 4px !important;
            font-weight: 500;
            text-align: center;
            padding-bottom: 2px;
        }

        td.rommmer p {
            font-size: 2px !important;
            margin-bottom: 2px;
        }

        .pointss td {
            display: flex;
        }

        .pointss td span {
            font-size: 6px !important;
            margin-right: 20px !important;
        }

        span.nmnm {
            margin-left: 10px !important;
        }

        .pointss td span {
            font-size: 5px !important;
            margin-right: 2px !important;
        }

        .new {
            padding: 0 0px;
            background: #DDE4FF;
        }

        /*?..3..?.....................?..3..?*/


        img.thjid-1 {
            width: 70% !important;
            margin: 0px !important;
        }

        .thjid-meen {
            padding: 0px 3px 4px 3px;
        }

        .thjid h2 {
            font-size: 9px !important;
            margin: 0px;
        }


        .thjid-texr p span {
            font-size: 6px !important;
        }

        .thjid-texr p span {
            font-size: 6px !important;
        }

        tr.tnunt td.p-1 {
            font-size: 6px !important;
            padding: 2px !important;
        }

        img.raikaimg {
            height: 8px !important;
            width: 46% !important;
        }

        tr.raika td.tds {
            padding: 0px !important;
            width: 29% !important;
        }

        .nemt {
            padding-top: 2px !important;
        }

        tr.raika td.tda1 {
            padding: 7px 1px 0px 0px !important;
        }

        tr.onbbu td {
            padding-bottom: 0px !important;
        }

        tr.onbbu-2 td {
            padding-bottom: 13px !important;
        }

        table.imgwitch {
            margin-bottom: 12px !important;
            margin-top: 11px !important;
        }


        tr.beww-1 td {
            font-size: 5px !important;
            padding: 2px 1px 0px 1px !important;
        }

        tr.tadmen td.tta {
            padding: 0px 10px !important;
        }

        tr.monttmen td.total_amount1.p-2.total_box p {
            font-size: 12px !important;
            margin: 0px !important;
        }

        tr.monttmen td.total_amount1.p-2.total_box {
            padding: 2px 0px !important;
        }

        tr.monttmen td.total_amount1.p-2.total_box p input {
            width: 8px !important;
            height: 9px !important;
        }

        td.trs-ss {
            width: 40% !important;
            padding: 0px 10px 19px 38px !important;
        }

        td.trs-ss img {
            width: 100% !important;
            height: 8px !important;
        }

        .numm-ww p.bill_code.text-center.application_number {
            margin-bottom: 4px;
            font-size: 5px !important;
        }

        td.trs-ss .preview_logo_image_tr.pt-0 {
            padding: 0px !important;
        }

        td.plass p {
            font-size: 6px !important;
        }

        td.du22 {
            padding: 0px !important;
        }

        td.du223 {
            padding: 0px !important;
        }

        td.du223 p {
            font-size: 5px !important;
            line-height: 7px;
            margin: 0px !important;
        }

        #template3 .colums1 {
            padding: 0 !important;
        }

        tr.tadmen td.tta {
            padding: 0px 0px !important;
        }



        /*..4?..............4?*/


        .tosh {
            font-size: 8px !important;
        }

        .balance_sty {
            font-size: 7px !important;
            padding: 0px 0 !important;
        }

        .tot_bal_sty {
            padding: 2px 0 !important;
            font-size: 7px !important;
        }

        .bill_sty_cs {
            font-size: 6px !important;
        }

        .line_h_sty {
            line-height: 7px !important;
        }

        .mobile_deta_sty {
            font-size: 6px !important;
            line-height: 11px !important;
        }

        .doirep {
            line-height: 8px !important;
        }

        .acc td {
            font-size: 7px !important;
            width: 100% !important;
        }

        tbody.doirep span {
            font-size: 6px !important;
        }

        .loads {
            font-size: 5px !important;
            line-height: 9px !important;
        }

        .online_lap_sty {
            font-size: 7px !important;
        }

        .app_sty_cs {
            font-size: 7px !important;
        }

        .hsak {
            font-size: 7px !important;
        }

        .dial_pmt_sty {
            font-size: 5px !important;
            line-height: 9px !important;
        }

        .date_td_sty {
            font-size: 7px !important;
        }

        .mottobs tr {
            font-size: 7px !important;
        }

        .mottobs {
            line-height: 11px;
        }

        .sing-deu {
            font-size: 11px;
        }

        .sing-deu td {
            padding: 2px 8px !important;
        }

        .ptm_sty_cs {
            font-size: 5px !important;
        }

        .mobile_bill_sty {
            line-height: 9px !important;
            font-size: 6px !important;
        }

        .slip_sty_cs {
            font-size: 6px !important;
            line-height: 8px !important;
        }

        .mobile_2sty {
            font-size: 6px !important;
            line-height: 9px !important;
        }

        .fs-sff1 h2 {
            font-size: 10px !important;
        }

        .your_ditails_sty {
            line-height: 7px !important;
        }

        .tep4_account {
            line-height: 11px !important;
            font-size: 7px !important;
        }

        .stwo2 {
            padding: 10px !important;
            width: 40% !important;
        }

        .about_ques_sty {
            padding: 2px 7px !important;
        }

        .font_sty_que {
            font-size: 5px !important;
        }

        .eoure {
            padding: 2px 8px !important;
        }

        .overdue_sty {
            font-size: 7px !important;
        }

        .snapshot_sty {
            font-size: 11px !important;
        }

        .all_sty_td {
            font-size: 8px !important;
        }

        .temp4_line_sty {
            line-height: 7px !important;
        }

        .temp4_total_sty {
            font-size: 8px !important;
        }

        .unpaid_sty {
            font-size: 7px !important;
        }

        .laptop_sty {
            font-size: 7px !important;
        }

        .font_sty_mob {
            font-size: 5px !important;
            line-height: 8px !important;
        }

        .bill_mobi_sty {
            margin-right: 10px !important;

        }

        .temp4_sty_font {
            font-size: 6px !important;
        }

        .temp4_total_amt {
            font-size: 8px !important;
            padding-bottom: 1px !important;
        }

        .check_payable_sty {
            font-size: 4px !important;
            line-height: 8px !important;
        }

        .total_amt_sty {
            padding-right: 6px !important;
            font-size: 9px !important;
        }

        .box_sty {
            height: 13px !important;
            width: 13px !important;
        }

        .boxouter_div {
            font-size: 10px !important;
        }

        .instructions_sty {
            width: 40% !important;
            font-size: 4px !important;
        }

        .footer_detail_sty {
            width: 60% !important;
            padding: 5px !important;
        }

        .fot_add_sty {
            font-size: 6px !important;
            line-height: 8px !important;
        }

        .fot_notice_sty {
            font-size: 3px !important;
        }

        p.company_add {
            line-height: 8px !important;
        }

        table.celll {
            margin-bottom: 3px !important;
            font-size: 6px !important;
        }

        .slip_horizone {
            font-size: 5px !important;
        }

        .allpay tr {
            font-size: 6px !important;
        }

        .allpay tr {
            line-height: 8px !important;
        }

        .temp1_detail_sty {
            font-size: 7px !important;
            line-height: 11px !important;
        }

        .bill_code {
            font-size: 6px !important;
        }



    }

    .temp1_tbody {
        font-size: 16px;
        font-weight: 500;
    }

    .tosh {
        margin: 0;
        font-size: 18px;
    }

    .balance_sty {
        display: flex;
        justify-content: space-between;
        padding: 8px 0;
        border-bottom: 1px solid #ddd;
        font-size: 13px;
    }

    .tot_bal_sty {
        display: flex;
        justify-content: space-between;
        padding: 8px 0;
        font-weight: bold;
        font-size: 12px;
    }

    .bill_sty_cs {
        width: 100%;
        margin-top: 7px;
        font-size: 8px;
        font-weight: 500;
        line-height: 10px;
    }

    .line_h_sty {
        line-height: 10px;
    }

    .doirep {
        line-height: 15px;
        font-size: 8px;
        font-weight: 500;
    }

    .mobile_deta_sty {
        display: inline-block;
        font-size: 10px;
        line-height: 13px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .loads {
        font-size: 8px;
        line-height: 13px;
    }

    .online_lap_sty {
        font-size: 11px;
    }

    .app_sty_cs {
        font-size: 11px;
    }

    .hsak {
        font-size: 11px;
    }

    .dial_pmt_sty {
        font-size: 8px;
        line-height: 13px;
    }

    td.du223 {
        display: flex;
        gap: 10px;
    }

    .date_td_sty {
        font-size: 10px;
        text-align: end;
        padding-right: 4px;
    }

    .mottobs {
        line-height: 17px;
    }

    .mottobs tr {
        border-bottom: 1.5px solid gray;
        font-size: 10px;
    }

    .sing-deu {
        font-weight: bold;
        font-size: 11px;
        background: #808080;
        color: #fff;
    }

    .sing-deu td {
        padding: 10px;
    }

    .ptm_sty_cs {
        background: #F00107;
        color: white;
    }

    .slip_sty_cs {
        width: 100%;
        margin-top: 24px;
        font-size: 10px;
        font-weight: 500;
        line-height: 12px;
    }

    .mobile_bill_sty {
        line-height: 12px;
    }

    .fs-sff1 h2 {
        font-size: 16px;
        margin: 0;
    }

    .mobile_2sty {
        display: inline-block;
        font-size: 9px;
        line-height: 13px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .your_ditails_sty {
        display: inline-block;
        font-size: 9px;
        line-height: 12px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .tep4_account {
        line-height: 15px;
        font-size: 9px;
        font-weight: 500;
    }

    .stwo2 {
        padding: 10px;
        width: 35%
    }

    .about_ques_sty {
        padding: 4px 10px;
        background-color: #ffd75e;
        border-radius: 4px;
    }

    .font_sty_que {
        line-height: 15px;
        font-size: 9px;
    }

    .overdue_sty {
        line-height: 14px;
        font-size: 9px;
    }

    .eoure {
        padding: 7px 10px;
    }

    .snapshot_sty {
        margin: 0;
        font-size: 15px;
    }

    .all_sty_td {
        display: flex;
        justify-content: space-between;
        padding: 5px 0;
        border-bottom: 1px solid #ddd;
        font-size: 10px;
    }

    .temp4_line_sty {
        line-height: 12px;
    }

    .temp4_total_sty {
        display: flex;
        justify-content: space-between;
        padding: 5px 0;
        font-weight: bold;
        font-size: 10px;
    }

    .unpaid_sty {
        font-size: 9px;
        line-height: 11px;
        padding-top: 4px;
    }

    .laptop_sty {
        font-size: 9px;
        padding-bottom: 3px;
    }

    .font_sty_mob {
        font-size: 7px;
    }

    .bill_mobi_sty {
        margin-right: 43px;
    }

    .temp4_sty_font {
        font-size: 8px;
    }

    .temp4_total_amt {
        padding-top: 6px;
        font-size: 12px;
        padding-bottom: 5px;
        line-height: 12px;
    }

    .check_payable_sty {
        padding-top: 6px;
        width: 60%;
        font-size: 8px;
        line-height: 10px;
    }

    .total_amt_sty {
        font-weight: bold;
        text-align: end;
        padding-right: 10px;
        font-size: 12px
    }

    .box_sty {
        height: 17px;
        width: 17px;
    }

    .boxouter_div {
        text-align: end;
        font-size: 17px;
        margin: 0px;
    }

    .instructions_sty {
        width: 45%;
        vertical-align: center;
        text-align: center;
        font-size: 8px;
    }

    .footer_detail_sty {
        width: 55%;
        padding: 10px;
        float: right;
    }

    .fot_add_sty {
        display: inline-block;
        font-size: 9px;
        line-height: 12px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .fot_notice_sty {
        color: red;
        font-size: 7px;
        margin: 0px;
    }

    .slip_horizone {
        text-align: center;
        margin: 0;
        font-size: 7px;
    }

    .allpay {
        line-height: 12px;
    }

    .allpay tr {
        border-bottom: 1.5px solid gray;
        font-size: 8px;
    }

    .temp1_detail_sty {
        display: inline-block;
        font-size: 8px;
        line-height: 16px;
        font-weight: 500;
        text-transform: uppercase;
    }

    table.celll {
        width: 80%;
        font-size: 8px;
        font-weight: 500;
        margin: 0 auto;
        border: 1px solid black;
        text-align: center;
    }

    .bill_code {
        font-size: 12px;
        height: 16px;
    }