INSERT INTO banks (short_name, ToShowName, official_name, country, swift_code, website, customer_service, email, logo, icon, brand_main_color, brand_main_text_color_dark, brand_main_text_color_light, card_color, card_color_gradient, card_text_color) VALUES ('cab', 'CAB - Cairo Amman Bank', 'CAIRO AMMAN BANK PLC', 'JO', 'CAABJOAM', 'https://cab.jo', '+96265007700', 'info@cab.jo', 'jo/cairo/logo.png', 'jo/cairo/icon.png', '#007934', '#007934', '#007934', '#018643', '#01572b', '#ffffff');

INSERT INTO bins (bank_id, bin) VALUES ('199', '421353')
INSERT INTO bins (bank_id, bin) VALUES ('199', '423113')
INSERT INTO bins (bank_id, bin) VALUES ('199', '423158')
INSERT INTO bins (bank_id, bin) VALUES ('199', '423159')
INSERT INTO bins (bank_id, bin) VALUES ('199', '455095')
INSERT INTO bins (bank_id, bin) VALUES ('199', '455096')
INSERT INTO bins (bank_id, bin) VALUES ('199', '455097')
INSERT INTO bins (bank_id, bin) VALUES ('199', '458597')
INSERT INTO bins (bank_id, bin) VALUES ('199', '487423')
INSERT INTO bins (bank_id, bin) VALUES ('199', '487454')
INSERT INTO bins (bank_id, bin) VALUES ('199', '527277')
INSERT INTO bins (bank_id, bin) VALUES ('199', '527281')
INSERT INTO bins (bank_id, bin) VALUES ('199', '534418')
INSERT INTO bins (bank_id, bin) VALUES ('199', '536290')
INSERT INTO bins (bank_id, bin) VALUES ('199', '536346')
INSERT INTO bins (bank_id, bin) VALUES ('199', '538871')
INSERT INTO bins (bank_id, bin) VALUES ('199', '540498')
INSERT INTO bins (bank_id, bin) VALUES ('199', '544378')
INSERT INTO bins (bank_id, bin) VALUES ('199', '550483')
INSERT INTO bins (bank_id, bin) VALUES ('199', '554682')
INSERT INTO bins (bank_id, bin) VALUES ('199', '557063')
INSERT INTO bins (bank_id, bin) VALUES ('199', '559923')
INSERT INTO bins (bank_id, bin) VALUES ('199', '559938')

{
  "CAIRO AMMAN BANK PLC": {
    "info": {
      "short_name": "cab",
      "ToShowName": "CAB - Cairo Amman Bank",
      "official_name": "CAIRO AMMAN BANK PLC",
      "country": "JO",
      "swift_code": "CAABJOAM"
    },
    "contact": {
      "website": "https://cab.jo",
      "customer_service": "+96265007700",
      "email": "info@cab.jo"
    },
    "brand": {
      "logo": "logo",
      "icon": "icon",
      "brand_main_color": "#007934",
      "brand_main_text_color": {
        "dark": "#007934",
        "light": "#007934"
      },
      "card_color": "#018643",
      "card_color_gradient": "#01572b",
      "card_text_color": "#ffffff"
    },
    "data": {
      "bins": [
        "421353",
        "423113",
        "423158",
        "423159",
        "455095",
        "455096",
        "455097",
        "458597",
        "487423",
        "487454",
        "527277",
        "527281",
        "534418",
        "536290",
        "536346",
        "538871",
        "540498",
        "544378",
        "550483",
        "554682",
        "557063",
        "559923",
        "559938"
      ]
    }
  }
}

<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Alexandria" rel="stylesheet">
<link href="style.css" rel="stylesheet">

<div class="MainCardBackFront">
<div class="flip-card-inner">
<div class="MainCardCont MainCardFront" dir="ltr" style="background: linear-gradient(37deg, rgb(1, 134, 67), rgb(1, 87, 43)); color: rgb(255, 255, 255);">
<div class="MainCardHeader">
<p id="OnCardType">Debit Card</p>
<img src="assets/banks-images/jo/cairo/icon.png" class="MainCardBankLogo" id="MainCardBankLogo">
</div>
<div class="MainCardChipCont">
<img src="assets/banks-images/card-chip-800x450-by-usa.visa.com.png" class="MainCardChipImg">
<iconify-icon icon="ion:wifi" class="MainCardChipWifiIcon"></iconify-icon>
</div>
<p class="MainCardCardNo" id="OnCardNo">4644 5259 4963 9571</p>
<div class="MainCardFooterCont">
<div class="MainCardFooterNameDataCont">
<div>
<p class="MainCardFooterNameDataTitle" style="color: #ffffffa3;">Name</p>
<p class="MainCardFooterNameDataContent" id="OnCardName">Holder Name</p>
</div>
<div>
<p class="MainCardFooterNameDataTitle" style="color: #ffffffa3;">Expires End</p>
<p class="MainCardFooterNameDataContent" id="OnCardDate">04/40</p>
</div>
</div>
<iconify-icon icon="ri:visa-line" class="MainCardFooterRightCardSchema" id="OnCardSchema"></iconify-icon>
</div>
</div>
<div class="MainCardCont MainCardBack" dir="ltr" style="background: linear-gradient(37deg, rgb(1, 87, 43), rgb(1, 134, 67)); color: rgb(255, 255, 255); gap: 0px;">
<div class="MainCardBackTopInfo">
<p id="OfficialNameWithCountryOnCard">JO - CAIRO AMMAN BANK PLC</p>
</div>
<div class="MainCardBackBlackLine"></div>
<div class="MainCardBackUnderLineCont">
<div class="MainCardBackSignCont">
<div class="MainCardBackSignMain">
<div class="MainCardBackSignLine"></div>
<div class="MainCardBackSignLine"></div>
<div class="MainCardBackSignLine"></div>
<div class="MainCardBackSignLine"></div>
<div class="MainCardBackSignLine"></div>
</div>
<p class="MainCardBackSignCSVno">***</p>
</div>
<div class="MainCardBackMiddleCont">
<img src="assets/banks-images/jo/cairo/icon.png" class="MainCardBackMiddleBankLogo" id="MainCardBackMiddleBankLogo">
<div>
<p>AUTHORIZED SIGNATURE</p>
<p>This card may only be used by authorized signatory and subject to the current terms and conditions of use.</p>
</div>
</div>
<div class="MainCardBackFooterCont">
<div class="ContactContCard">
<p id="ContactNameOnCard">Contact CAB - Cairo Amman Bank:</p>
<p class="MainCardBackFooterContactItem" id="OnCardWebsite">Website:: <a href="https://cab.jo" target="_blank">https://cab.jo</a></p><p class="MainCardBackFooterContactItem" id="OnCardEmail">Email:: <a href="mailto:info@cab.jo" target="_blank">info@cab.jo</a></p><p class="MainCardBackFooterContactItem" id="OnCardPhoneNum">Phone Number:: <a href="tel:+96265007700" target="_blank">+96265007700</a></p></div>
<div class="MainCardBackFooterContactItemCardSchema">
<iconify-icon icon="ri:visa-line" class="MainCardBackFooterContactItemCardSchema2" id="OnCardSchemaBack"></iconify-icon>
</div>
</div>
</div>
</div>
</div>
</div>