Installment with banks
<style> .sp-body{ box-shadow: 0 3px 8px #0000001a; } .sp-body .container{ margin: 0 10px; } .how { background-color: #f7f7f7; padding: 0 0 20px 0; } .how img{ width: 100%; max-width: 630px; margin: auto auto; } h2{ font-size: 30px !important; } h3 { font-size: 26px !important; font-weight: 600 !important; } .how .img-container { position: relative; } .how .col-lg-4 { margin-bottom: 60px; text-align: center; } .img-thumbnail { border: none; background-color: transparent; padding: 0; width: 60% !important; margin: 0 auto; display: block; } .how .img-container .shadow { position: absolute; bottom: 0; background: -webkit-gradient(linear,left top,left bottom,from(rgba(206,235,236,0)),to(#CEEBEC)); background: linear-gradient(180deg,rgba(206,235,236,0) 0%,#CEEBEC 100%); height: 80px; width: 100%; -webkit-box-shadow: none!important; box-shadow: none!important; } .dimmed-button { border: 1px solid #DCDCDC; border-radius: 12px; padding: 17px 8px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 35px; } .dimmed-button img { margin: 0 8px; width: auto; } .dimmed-button p { margin: 0 8px; } .col-lg-3 h2{ margin: 40px 0 25px 0; } .steps .single-step span { left: 0; } .steps .single-step span { font-size: 22px; font-weight: 700; position: absolute; left: 5px; top: -4px; } .steps .single-step { margin: 20px 0 0; position: relative; padding: 0 0 0 50px; } .steps .single-step h4{ font-size: 15px; font-weight: 600; line-height: 20px; } .mb-5, .my-5 { margin-bottom: 3rem!important; } #payment button { cursor: pointer; margin-top: 25px; } button.btn.btn-secondary.icon { background-color: transparent; border: 1px solid #E3E3E3; } button.btn.btn-secondary.icon div:last-child { text-align: left; padding-left: 5px; line-height: 17px; } button.btn.btn-secondary.icon > div { display: -webkit-box; display: -ms-flexbox; display: flex; } button.btn.btn-secondary.icon div:last-child small { display: block; font-size: 10px; color: #2D2D2D; } button.btn.btn-secondary.icon div:last-child span { font-size: 14px; font-weight: 600; color: #2D2D2D; } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .accordion { margin: 0px 0; } .accordion h6{ font-size: 18px; margin: 25px 0 0 0; } .accordion p{ margin-top: 5px; } .banks p{ line-height: 24px !important; } .row{ display: inline-block; } .col-60{ width: 56%; margin: 0 2%; } .col-40{ width: 36%; margin: 0 2%; } .leftalign{ float: left; } .rightalign{ float: right; } @media (max-width: 480px) { .col-60{ width: 100%; margin: 0; } .col-40{ width: 100%; margin: 0; margin-bottom: 20px; } } .aligncenter{text-align: center;} .vTable th, .vTable td {padding: 8px 4px; text-align:left; border:solid 1px #ccc;} </style> <img class="img-hero" src="https://images.ctfassets.net/9xrxa4odowze/27pKcngBC2EqLCuLop0Y3E/b9d857ade962dc7947fdcf1bc10b5b65/banner.jpg" alt=""> <!-- Buy now --> <div class="container pt-5"> <div class="row"> <div class="col-60 rightalign"> <div class="v-center"> <h3>Easy Installments</h3> <p class="sub-title">You can easily split the purchase into multiple payments without needing to make arrangements with your banks. Once your order is placed you do not need to take any action, we take care of the rest. </p> </div> </div> <div class="col-40 leftalign"> <img src="https://images.ctfassets.net/9xrxa4odowze/3htsLN6yeMFyR9u8zdTDjP/1512a34a9594e557949fc67255565846/better_checkout.png"> </div> </div> <div class="row"> <div class="col-60 leftalign"> <div class="v-center"> <h3>Instant Approval, No Documents - All Online</h3> <p class="sub-title">Your purchase is instantly approved by your bank without the need of any documentation or bank visit. Convenient installments without the hassle, right at your fingertips. </p> </div> </div> <div class="col-40 leftalign"> <img src="https://images.ctfassets.net/9xrxa4odowze/54J1XFuy2Pav1iMUkhWYw4/df36f64a4102ec48d4526dbe7ae20636/payment_online.png"> </div> </div> </div> <!-- how does tamara work --> <div class="how"> <div class="container aligncenter"> <div class="row"> <div class="col-lg-12 text-center text-lg-left"> <h2>Participating banks</h2> <img src="https://images.ctfassets.net/9xrxa4odowze/5ydKsWh9iG44gghkDF7U7y/76616fec2be06d43c3bc70cf5b2357d2/banks.png"> </div> </div> </div> </div> <!-- accordion section --> <div class="lg-padding"> <div class="container"> <div class="row"> <div class="col-lg-10 col-md-12 offset-lg-1"> <!-- Accordion --> <div id="accordion" class="accordion"> <div class="card banks"> <h6>SABB</h6> <p> <b>Minimum Purchase :</b> SR 1000 for 6 month, SR 2000 for 12 months, SR 5000 for 24 months<br> <b>Maximum Purchase :</b> Cardholder limit<br> <b>Installment Period :</b> 6, 12 and 24 months<br> <b>Interest Rate :</b> 0% for 6 months, 0% for 12 months, 24% for 24 months<br> <b>Processing Fees :</b> SR 103.95 for 6 months, SR 208.95 for 12 months, SR 52.5 for 24 months </p> <h6>Bank Aljazira</h6> <p> <b>Minimum Purchase :</b> SR 1000<br> <b>Maximum Purchase :</b> Cardholder limit<br> <b>Installment Period :</b> 3, 6, 9 and 12 months<br> <b>Interest Rate :</b> 0% for 3 months, 1.5% for 6 months, 1.2% for 9 months, 1% for 12 months<br> <b>Processing Fees :</b> SR 50 </p> <h6>Emirates NBD</h6> <p> <b>Minimum Purchase :</b> SR 1000<br> <b>Maximum Purchase :</b> SR 35000<br> <b>Installment Period :</b> 3, 6, 9 and 12 months<br> <b>Interest Rate :</b> 1.5%<br> <b>Processing Fees :</b> SR 0 </p> <h6>Saudi Investment Bank</h6> <p> <b>Minimum Purchase :</b> SR 500<br> <b>Maximum Purchase :</b> Cardholder limit<br> <b>Installment Period :</b> 3, 6 and 12 months<br> <b>Interest Rate :</b> 0<br> <b>Processing Fees :</b> 1% for 3 months, 1% for 6 months, 2% for 12 months </p> <h6>Riyad Bank</h6> <p> <b>Minimum Purchase :</b> SR 1000<br> <b>Maximum Purchase :</b> Cardholder limit<br> <b>Installment Period :</b> 3, 6 and 12 months<br> <b>Interest Rate :</b> 0.5% for 3 months, 0.75% for 6 months, 1% for 12 months<br> <b>Processing Fees :</b> SR 50 </p> </div> </div> </div> </div> </div> </div> <!-- accordion section --> <div class="lg-padding"> <div class="container"> <div class="row"> <div class="col-lg-10 col-md-12 offset-lg-1"> <!-- Accordion --> <div id="accordion" class="accordion"> <h2 class="mt-4 mb-4 font-dark-grey">Frequently asked questions</h2> <!-- Accordion item --> <div class="card"> <h6>Am I eligible to purchase on Installments?</h6> <p>If your bank is on the list of participating banks, then you are eligible for Installments. </p> <h6>How does it work?</h6> <p>Very simple. Select “Installment with banks” option on checkout and enter your card details on payment page. You will automatically see the various installment options. At the end of each month, your bank will automatically deduct the installment amount. So you don’t need to call your bank or do anything at all after your order is placed.<br><br> The full amount of the purchase will be deducted from your credit limit by the bank but your monthly payment will be exactly the amount you see on installment options on payment page.<br><br>Example: You purchase electronics from Redsea worth SR10,000 using SABB credit card on 12 month installments. Your interest rate will be 0% and processing fee will be SR208.95. On completing purchase your credit limit will be reduced by SR10,000 and the monthly payment you will make for 12 months will be SR833.33. The following table explains what will happen each month: </p> <table class="vTable" cellspacing="0"> <thead> <tr> <th>Month</th> <th>Purchase</th> <th>Credit Payment</th> <th>Credit Limit</th> </tr> </thead> <tbody> <tr> <td>0</td> <td>10,000</td> <td>0</td> <td>0</td> </tr> <tr> <td>1</td> <td>0</td> <td>833</td> <td>833</td> </tr> <tr> <td>2</td> <td>0</td> <td>833</td> <td>1,677</td> </tr> <tr> <td>12</td> <td>0</td> <td>833</td> <td>10,000</td> </tr> </tbody> </table> <h6>What are the purchase limits?</h6> <p>Each bank has its own limit, see bank details above for all the information.</p> <h6>I don’t see my bank listed, can I still use this payment option?</h6> <p>Unfortunately, you will only be able to convert your purchase to installment if you use a card from any of the participating banks listed above. If you use a card of any other bank, then you will have to pay in full.</p> <h6>Can I use MADA card to apply for installments? </h6> <p>You can only use credit card from one of the participating banks listed above. If you use MADA card instead, you will not see any installment options and will be required to pay the full amount. </p> <h6>Are there are additional charges if I use bank installments? </h6> <p>There are two types of charges - Interest and processing fee. Most banks offer zero interest installments plus a small processing fee. These rates can vary by bank and the duration of installment. Please refer to bank details above for exact rates. </p> <h6>I don’t see installment options after entering card details</h6> <p>If you don’t see installment options after entering your card details on payment page then it could be one of these 3 reasons:<br><br> 1. Your purchase amount is lower than minimum purchase amount required to activate installments<br> 2. You did not use credit card of one of the participating banks<br> 3. Your credit card details are incorrect </p> <h6>How do I know if installment are activated?</h6> <p>If you are able to complete the purchase after selecting an installment option on payment page then your purchase is accepted and installments will be activated by your bank automatically within 6-8 working days. </p>
</div> </div> </div> </div> </div> </div> </div> </div>