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 ('alfransi', 'Banque Saudi Fransi', 'BANQUE SAUDI FRANSI', 'SA', 'BSFRSARI', 'https://alfransi.com.sa', '+966 920000576', 'CustomerService@allianzsf.com.sa', 'sa/Banque_Saudi_Fransi/logo.png', 'sa/Banque_Saudi_Fransi/icon.png', '#0F4E56', '#ffffff', '#000000', '#014577', '#000000', '#ffffff');

INSERT INTO bins (bank_id, bin) VALUES ('12', '401812')
INSERT INTO bins (bank_id, bin) VALUES ('12', '401883')
INSERT INTO bins (bank_id, bin) VALUES ('12', '401884')
INSERT INTO bins (bank_id, bin) VALUES ('12', '401978')
INSERT INTO bins (bank_id, bin) VALUES ('12', '425871')
INSERT INTO bins (bank_id, bin) VALUES ('12', '428274')
INSERT INTO bins (bank_id, bin) VALUES ('12', '428275')
INSERT INTO bins (bank_id, bin) VALUES ('12', '437974')
INSERT INTO bins (bank_id, bin) VALUES ('12', '437975')
INSERT INTO bins (bank_id, bin) VALUES ('12', '437976')
INSERT INTO bins (bank_id, bin) VALUES ('12', '437977')
INSERT INTO bins (bank_id, bin) VALUES ('12', '437978')
INSERT INTO bins (bank_id, bin) VALUES ('12', '437979')
INSERT INTO bins (bank_id, bin) VALUES ('12', '437980')
INSERT INTO bins (bank_id, bin) VALUES ('12', '440647')
INSERT INTO bins (bank_id, bin) VALUES ('12', '440795')
INSERT INTO bins (bank_id, bin) VALUES ('12', '444445')
INSERT INTO bins (bank_id, bin) VALUES ('12', '446404')
INSERT INTO bins (bank_id, bin) VALUES ('12', '450824')
INSERT INTO bins (bank_id, bin) VALUES ('12', '457865')
INSERT INTO bins (bank_id, bin) VALUES ('12', '457997')
INSERT INTO bins (bank_id, bin) VALUES ('12', '457998')
INSERT INTO bins (bank_id, bin) VALUES ('12', '459583')
INSERT INTO bins (bank_id, bin) VALUES ('12', '459588')
INSERT INTO bins (bank_id, bin) VALUES ('12', '459800')
INSERT INTO bins (bank_id, bin) VALUES ('12', '473899')
INSERT INTO bins (bank_id, bin) VALUES ('12', '475558')
INSERT INTO bins (bank_id, bin) VALUES ('12', '496655')
INSERT INTO bins (bank_id, bin) VALUES ('12', '512691')
INSERT INTO bins (bank_id, bin) VALUES ('12', '512727')
INSERT INTO bins (bank_id, bin) VALUES ('12', '517724')
INSERT INTO bins (bank_id, bin) VALUES ('12', '524148')
INSERT INTO bins (bank_id, bin) VALUES ('12', '542747')
INSERT INTO bins (bank_id, bin) VALUES ('12', '547042')
INSERT INTO bins (bank_id, bin) VALUES ('12', '552012')
INSERT INTO bins (bank_id, bin) VALUES ('12', '552360')

{
  "BANQUE SAUDI FRANSI": {
    "info": {
      "short_name": "alfransi",
      "ToShowName": "Banque Saudi Fransi",
      "official_name": "BANQUE SAUDI FRANSI",
      "country": "SA",
      "swift_code": "BSFRSARI"
    },
    "contact": {
      "website": "https://alfransi.com.sa",
      "customer_service": "+966 920000576",
      "email": "CustomerService@allianzsf.com.sa"
    },
    "brand": {
      "logo": "logo",
      "icon": "icon",
      "brand_main_color": "#0F4E56",
      "brand_main_text_color": {
        "dark": "#ffffff",
        "light": "#000000"
      },
      "card_color": "#014577",
      "card_color_gradient": "#000000",
      "card_text_color": "#ffffff"
    },
    "data": {
      "bins": [
        "401812",
        "401883",
        "401884",
        "401978",
        "425871",
        "428274",
        "428275",
        "437974",
        "437975",
        "437976",
        "437977",
        "437978",
        "437979",
        "437980",
        "440647",
        "440795",
        "444445",
        "446404",
        "450824",
        "457865",
        "457997",
        "457998",
        "459583",
        "459588",
        "459800",
        "473899",
        "475558",
        "496655",
        "512691",
        "512727",
        "517724",
        "524148",
        "542747",
        "547042",
        "552012",
        "552360"
      ]
    }
  }
}

<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, 69, 119), rgb(0, 0, 0)); color: rgb(255, 255, 255);">
<div class="MainCardHeader">
<p id="OnCardType">Debit Card</p>
<img src="assets/banks-images/sa/Banque_Saudi_Fransi/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(0, 0, 0), rgb(1, 69, 119)); color: rgb(255, 255, 255); gap: 0px;">
<div class="MainCardBackTopInfo">
<p id="OfficialNameWithCountryOnCard">SA - BANQUE SAUDI FRANSI</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/sa/Banque_Saudi_Fransi/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 Banque Saudi Fransi:</p>
<p class="MainCardBackFooterContactItem" id="OnCardWebsite">Website:: <a href="https://alfransi.com.sa" target="_blank">https://alfransi.com.sa</a></p><p class="MainCardBackFooterContactItem" id="OnCardEmail">Email:: <a href="mailto:CustomerService@allianzsf.com.sa" target="_blank">CustomerService@allianzsf.com.sa</a></p><p class="MainCardBackFooterContactItem" id="OnCardPhoneNum">Phone Number:: <a href="tel:+966920000576" target="_blank">+966 920000576</a></p></div>
<div class="MainCardBackFooterContactItemCardSchema">
<iconify-icon icon="ri:visa-line" class="MainCardBackFooterContactItemCardSchema2" id="OnCardSchemaBack"></iconify-icon>
</div>
</div>
</div>
</div>
</div>
</div>