|<div style="width:100%;margin:0 auto;font-family:Arial,Helvetica,sans-serif;background:#fff;box-sizing:border-box;">
<style>
    .bank-page,
    .bank-page *{
    box-sizing:border-box;
    }
    .bank-page{
    width:100%;
    padding:5px 8px;
    background:#fff;
    }
    .bank-card{
    width:100%;
    margin:0 0 8px 0;
    padding:0;
    }
    .bank-logo{
    width:100%;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:4px 10px;
    background:#fff;
    }
    .bank-logo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    }
    .bank-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
    margin:0;
    }
    .bank-table td{
    border:1px solid #454545;
    height:51px;
    padding:8px 12px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    font-weight:700;
    line-height:1.2;
    vertical-align:middle;
    overflow-wrap:anywhere;
    }
    .bank-table .bank-label{
    width:35%;
    background:#00452F;
    color:#fff;
    text-align:center;
    padding-left:4px;
    padding-right:4px;
    }
    .bank-table .bank-value{
    width:65%;
    background:#fff;
    color:#071334;
    text-align:left;
    padding-left:12px;
    }
    .bank-second-logo{
    margin-top:3px;
    }
    @media(max-width:480px){
    .bank-page{
    padding:3px 5px;
    }
    .bank-card{
    margin-bottom:6px;
    }
    .bank-logo{
    height:65px;
    padding:3px 8px;
    }
    .bank-table td{
    height:51px;
    padding:7px 8px;
    font-size:14px;
    }
    .bank-table .bank-label{
    width:35%;
    padding-left:2px;
    padding-right:2px;
    }
    .bank-table .bank-value{
    width:65%;
    padding-left:10px;
    }
    .bank-second-logo{
    margin-top:2px;
    }
    }
    @media(max-width:360px){
    .bank-logo{
    height:55px;
    }
    .bank-table td{
    height:46px;
    padding:5px 4px;
    font-size:12px;
    }
    .bank-table .bank-value{
    padding-left:7px;
    }
    }
</style>
<div class="bank-page">
<!-- ICICI BANK -->
<div class="bank-card">
<div class="bank-logo">
<img src="https://chirayusoft.com/BankDetails/img/demos/icici.png" alt="ICICI Bank" />
</div>
<table class="bank-table">
    <tbody>
        <tr>
            <td class="bank-label">NAME :</td>
            <td class="bank-value">SHREE BALAJI GOLD</td>
        </tr>
        <tr>
            <td class="bank-label">A/C NO. :</td>
            <td class="bank-value">642605055402</td>
        </tr>
        <tr>
            <td class="bank-label">IFSC CODE :</td>
            <td class="bank-value">ICIC0006426</td>
        </tr>
        <tr>
            <td class="bank-label">BRANCH :</td>
            <td class="bank-value">KALBADEVI</td>
        </tr>
        <tr>
            <td class="bank-label">BANK :</td>
            <td class="bank-value">ICICI BANK</td>
        </tr>
    </tbody>
</table>
</div>
<!-- HDFC BANK -->
<div class="bank-card" style="margin-bottom:0;">
<div class="bank-logo bank-second-logo">
<img src="https://chirayusoft.com/BankDetails/img/demos/HDFC.jpg" alt="HDFC Bank" />
</div>
<table class="bank-table">
    <tbody>
        <tr>
            <td class="bank-label">NAME :</td>
            <td class="bank-value">SHREE BALAJI GOLD</td>
        </tr>
        <tr>
            <td class="bank-label">A/C NO. :</td>
            <td class="bank-value">50200110700876</td>
        </tr>
        <tr>
            <td class="bank-label">IFSC CODE :</td>
            <td class="bank-value">HDFC0001105</td>
        </tr>
        <tr>
            <td class="bank-label">BRANCH :</td>
            <td class="bank-value">VITHALWADI, KALBADEVI</td>
        </tr>
        <tr>
            <td class="bank-label">BANK :</td>
            <td class="bank-value">HDFC BANK</td>
        </tr>
    </tbody>
</table>
</div>
</div>
</div>|