Record-high house prices on the cards 

Building wealth through home equity

Property Brief – November 2024

Five property trends gaining momentum in 2024

Gauteng tops the list for first-time buyers

Five things you need to know about home loans

Buy now, rent out and benefit later

Is South Africa on the cusp of its next housing boom?

How to avoid defaulting on your new home

First-time buyers drive SA’s township property boom

Cash-strapped buyers join forces to invest in property

Urbanisation is the new wave driving young professionals to buy property

The Western Cape is SA’s most sought-after place to live

Seven tips for running a successful business from home

Women in their thirties dominate SA’s township market

Women over 55 are the fastest growing group of property owners

Rent to buy – the pros and cons 

Work with bond originators to get the best deal on your new home

October 2024

Six ways life will change when the interest rate drops

Avoid nasty surprises – is your new home compliant?

September 2024

Young South Africans are not shy to spend a little extra when buying property 

More solo women than men applying for bonds to buy their own homes

Buying a family holiday home: joint ownership

Bond origination myths debunked

Bonding a property in South Africa as a non-resident

Selling your home? This is what it will cost you …

August 2024

Applying for a bond? Get these documents in order

Peak of rates cycle is a golden opportunity for first time buyers

Factors that affect home loan interest rates

Tips for buying a home after divorce

Not being truthful on your loan application form has consequences

Airbnb: the advantages and disadvantages of being a host

July 2024

The great homebuying reset

Rubi – taking the stress out of the ‘subject to’ condition of sale 

Home security features that add value

June 2024

Making an offer: financing versus cash

Prepare well for the hidden costs of owning your own home

Making an offer? These life events could affect your home loan

Get your home show day ready

The not-so-obvious benefits of owning a home

Smart tax tips for renting out your property

It’s never too late to buy that dream home

Going through a divorce?

Eight ways to increase the value of your house before selling

May 2024

Turn your garden into an oasis with this step-by-step landscaping guide

The Consumer Protection Act (CPA): how it protects you as a homebuyer

How to fix a bad credit score

April 2024

What to do if you can’t pay your home loan

Six questions to ask your estate agent when house hunting

How to save on your electricity bill and spend more on home maintenance

Choosing the right home for you

March 2024

February 2024

January 2024

November 2023

October 2023

September 2023

August 2023

July 2023

June 2023

May 2023

April 2023

March 2023

Meet South Africa’s current property investors – spoiler alert: they’re no longer male or middle-aged

Coastal semigration attracts work-from-home buyers

Five things you need to know about the repo rate

Young investors give residential property the thumbs up

Why Mossel Bay is becoming the Monaco of the Garden Route

Helping your children to buy their first home

A home for every stage of your life

How to make sure your home loan gets the green light

Ukraine

Hope for homeowners as interest rates near peak

Benefits of owning a home remain constant amid rate fluctuations

Know what you can afford as interest rates rise

How to navigate rising inflation and interest rates

Multi-generational living

Pretoria named the most affordable capital in the world

Protect your credit score in tough times

The provinces where first-time homebuyers get more bang for their buck

Eastern Cape attracts homebuyers with enviable coastal lifestyle

Plan ahead and pay as much as you can on your bond

What happens once you’ve submitted your bond application to your bond originator?

Tech upgrades: a great way to boost home value

Don’t squander your home equity

How your home can make you wealthy

Real freedom is a home of your own

Go green and pay your home off faster

Sharing requires a lot of caring

Keeping up with the upkeep of your home is one way to cash in on a future sale

The perks and perils of joint ownership

How to hold on to your home when your finances get out of hand

How to handle a break-up with your bond

<div class="wp-block-columns outerBlock animateFadeTop has-eggshell-100-background-color has-background is-layout-flex wp-container-core-columns-is-layout-7 wp-block-columns-is-layout-flex" style="padding-top:90px;padding-right:220px;padding-bottom:45px;padding-left:220px">
<div class="wp-block-column maxWidth is-layout-flow wp-block-column-is-layout-flow">
<h1 class="wp-block-heading has-text-align-center marginBottomMobile30 has-headingtext-color has-text-color" style="margin-bottom:30px">Calculators</h1>



<p class="has-text-align-center has-bodytext-color has-text-color has-medium-font-size" style="margin-bottom:50px">We submit your bond application to multiple banks – including your own – to get you<br>an unbeatable interest rate. And our service does not cost you a cent!</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex" style="margin-bottom:30px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Sync-House.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Repayments calculator</h5>
        <p>See what your total monthly repayment amount would be on your new home.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Homes.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Affordability calculator</h5>
        <p>Find out how much you can afford to spend on your new home, based on your income and expenses.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>
</div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex" style="margin-bottom:30px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Bond.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Bonds and transfer costs calculator</h5>
        <p>Calculate the total bond registration and property transfer costs on your new home.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Wallet.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Additional payment calculator</h5>
        <p>Calculate how much you can save, in terms of both time and money, by paying a little extra into your bond.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>
</div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-6 wp-block-columns-is-layout-flex" style="margin-bottom:30px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-5 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Calendar-Income.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Deposit & savings costs calculator</h5>
        <p>Calculate how much you need to save, and for how long, to put together a deposit on your dream home.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Calculator.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Amortisations calculator</h5>
        <p>Understand how your home loan repayments are structured in terms of paying off capital and interest.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>
</div>
</div>
</div>
</div>
</div>

<div class="wp-block-column maxWidth is-layout-flow wp-block-column-is-layout-flow">
<h1 class="wp-block-heading has-text-align-center marginBottomMobile30 has-headingtext-color has-text-color" style="margin-bottom:30px">Calculators</h1>



<p class="has-text-align-center has-bodytext-color has-text-color has-medium-font-size" style="margin-bottom:50px">We submit your bond application to multiple banks – including your own – to get you<br>an unbeatable interest rate. And our service does not cost you a cent!</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9 wp-block-columns-is-layout-flex" style="margin-bottom:30px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-8 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Sync-House.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Repayments calculator</h5>
        <p>See what your total monthly repayment amount would be on your new home.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Homes.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Affordability calculator</h5>
        <p>Find out how much you can afford to spend on your new home, based on your income and expenses.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>
</div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-11 wp-block-columns-is-layout-flex" style="margin-bottom:30px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-10 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Bond.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Bonds and transfer costs calculator</h5>
        <p>Calculate the total bond registration and property transfer costs on your new home.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Wallet.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Additional payment calculator</h5>
        <p>Calculate how much you can save, in terms of both time and money, by paying a little extra into your bond.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>
</div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-13 wp-block-columns-is-layout-flex" style="margin-bottom:30px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-12 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Calendar-Income.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Deposit & savings costs calculator</h5>
        <p>Calculate how much you need to save, and for how long, to put together a deposit on your dream home.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Calculator.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Amortisations calculator</h5>
        <p>Understand how your home loan repayments are structured in terms of paying off capital and interest.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>
</div>
</div>
</div>
</div>

core/heading

<h1 class="wp-block-heading has-text-align-center marginBottomMobile30 has-headingtext-color has-text-color" style="margin-bottom:30px">Calculators</h1>

We submit your bond application to multiple banks – including your own – to get you<br>an unbeatable interest rate. And our service does not cost you a cent!

core/paragraph

<p class="has-text-align-center has-bodytext-color has-text-color has-medium-font-size" style="margin-bottom:50px">We submit your bond application to multiple banks – including your own – to get you<br>an unbeatable interest rate. And our service does not cost you a cent!</p>

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-15 wp-block-columns-is-layout-flex" style="margin-bottom:30px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-14 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Sync-House.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Repayments calculator</h5>
        <p>See what your total monthly repayment amount would be on your new home.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Homes.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Affordability calculator</h5>
        <p>Find out how much you can afford to spend on your new home, based on your income and expenses.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>
</div>
</div>
</div>

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-16 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Sync-House.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Repayments calculator</h5>
        <p>See what your total monthly repayment amount would be on your new home.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Homes.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Affordability calculator</h5>
        <p>Find out how much you can afford to spend on your new home, based on your income and expenses.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>
</div>
</div>

core/column

core/columns

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-19 wp-block-columns-is-layout-flex" style="margin-bottom:30px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-18 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Bond.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Bonds and transfer costs calculator</h5>
        <p>Calculate the total bond registration and property transfer costs on your new home.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Wallet.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Additional payment calculator</h5>
        <p>Calculate how much you can save, in terms of both time and money, by paying a little extra into your bond.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>
</div>
</div>
</div>

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-20 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Bond.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Bonds and transfer costs calculator</h5>
        <p>Calculate the total bond registration and property transfer costs on your new home.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Wallet.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Additional payment calculator</h5>
        <p>Calculate how much you can save, in terms of both time and money, by paying a little extra into your bond.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>
</div>
</div>

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-23 wp-block-columns-is-layout-flex" style="margin-bottom:30px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-22 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Calendar-Income.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Deposit & savings costs calculator</h5>
        <p>Calculate how much you need to save, and for how long, to put together a deposit on your dream home.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Calculator.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Amortisations calculator</h5>
        <p>Understand how your home loan repayments are structured in terms of paying off capital and interest.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>
</div>
</div>
</div>

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-24 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Calendar-Income.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Deposit & savings costs calculator</h5>
        <p>Calculate how much you need to save, and for how long, to put together a deposit on your dream home.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="calculatorBlock">
    <div class="firstCol">
        <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Calculator.svg" alt=""/>
    </div>
    <div class="lastCol">
        <h5>Amortisations calculator</h5>
        <p>Understand how your home loan repayments are structured in terms of paying off capital and interest.</p>
    </div>
</div>

<style>
    .calculatorBlock{
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content:center;
        cursor: pointer;
        filter: drop-shadow(0px 10px 25px rgba(73, 101, 132, 0.08));
    }

    .calculatorBlock .firstCol{
        background: #E8F0F8;
        border-radius: 10px 0px 0px 10px;
        padding: 65px 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 131px;
        width: 100%;
    }
    .calculatorBlock .lastCol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px 74px 20px 20px;
        gap: 20px;
        background: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
   }
   .calculatorBlock p {
    font-family: 'Mont';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #585858;
        margin:0;
    
   }
   .calculatorBlock h5{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        margin:0;
        color: #002C5D;
   }

   .calculatorBlock a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #11BEA7;
        display:flex;
        flex-direction:row;
        gap:5px;
   }

   

   
</style></div>
</div>
</div>

<div class="wp-block-columns alignfull outerBlock animateFadeTop has-eggshell-100-background-color has-background is-layout-flex wp-container-core-columns-is-layout-27 wp-block-columns-is-layout-flex" style="margin-bottom:0px;padding-top:45px;padding-right:20px;padding-bottom:45px;padding-left:20px">
<div class="wp-block-column maxWidth is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-headingtext-color has-text-color has-x-large-font-size" style="margin-bottom:50px">We work with all the leading banks</p>



<div class="wp-block-columns is-not-stacked-on-mobile alignCenterColumns leadingBanksBlocks is-layout-flex wp-container-core-columns-is-layout-26 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:10px">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-9.png" alt="" class="wp-image-1973" title=""/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:10px">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-1-1.png" alt="" class="wp-image-1972"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:10px">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-2-1.png" alt="" class="wp-image-1974"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:10px">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-3-1.png" alt="" class="wp-image-1971"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:10px">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-4-1.png" alt="" class="wp-image-1969"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:10px">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-5-1.png" alt="" class="wp-image-1968"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:10px">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-6-1.png" alt="" class="wp-image-1967"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:10px">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-7.png" alt="" class="wp-image-1966"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-8.png" alt="" class="wp-image-1965"/></figure>
</div>
</div>
</div>
</div>

<div class="wp-block-column maxWidth is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-headingtext-color has-text-color has-x-large-font-size" style="margin-bottom:50px">We work with all the leading banks</p>



<div class="wp-block-columns is-not-stacked-on-mobile alignCenterColumns leadingBanksBlocks is-layout-flex wp-container-core-columns-is-layout-28 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:10px">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-9.png" alt="" class="wp-image-1973" title=""/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:10px">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-1-1.png" alt="" class="wp-image-1972"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:10px">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-2-1.png" alt="" class="wp-image-1974"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:10px">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-3-1.png" alt="" class="wp-image-1971"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:10px">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-4-1.png" alt="" class="wp-image-1969"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:10px">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-5-1.png" alt="" class="wp-image-1968"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:10px">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-6-1.png" alt="" class="wp-image-1967"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:10px">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-7.png" alt="" class="wp-image-1966"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Banking-Logo-base-8.png" alt="" class="wp-image-1965"/></figure>
</div>
</div>
</div>

<p class="has-text-align-center has-headingtext-color has-text-color has-x-large-font-size" style="margin-bottom:50px">We work with all the leading banks</p>

core/block

<div class="wp-block-columns innerColPadding animateFadeTop has-eggshell-100-background-color has-background is-layout-flex wp-container-core-columns-is-layout-31 wp-block-columns-is-layout-flex" style="padding-top:45px;padding-right:121px;padding-bottom:45px;padding-left:120px">
<div class="wp-block-column maxWidth is-layout-flow wp-block-column-is-layout-flow"><div class="faqCTABlock">
    <div class="faqCTABlock-inner" style="background-color:#ffffff">
        <div class="faqCTABlock-block">
            <h2 class="faqCTABlock-h2">Any questions?</h2>
            <p class="faqCTABlock-p">Find answers to all your questions around buying a property, affordability and more.</p>
        </div>
        <a href="https://bb-website-prod-wp.azurewebsites.net/faqs/" class="faqCTABlock-a">Go to FAQs</a>
    </div>
</div>

<style>
    .faqCTABlock{
        display: inline-block;
        width: 100%;
        box-sizing:border-box;
    }

    .faqCTABlock-inner{
       
        border-radius: 20px;
        padding: 50px 100px;
        display: flex;
        justify-content:space-between;
        align-content: center;
        flex-direction:row;
        align-items: center;
    }

    .faqCTABlock-block{
       display:flex;
       flex-direction:column;
       gap:19px;
    }

    .faqCTABlock-h2{
        font-style: normal;
        font-weight: 500;
        font-size: 52px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin:0;
    }

    .faqCTABlock-p{
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin:0;
    }

    .faqCTABlock-a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #002C5D !important;
        padding: 10px 20px;
        background: #FFFFFF;
        border-radius: 40px;
        text-decoration:none !important;
        margin:0;
    }

   
</style></div>
</div>

<div class="wp-block-column maxWidth is-layout-flow wp-block-column-is-layout-flow"><div class="faqCTABlock">
    <div class="faqCTABlock-inner" style="background-color:#ffffff">
        <div class="faqCTABlock-block">
            <h2 class="faqCTABlock-h2">Any questions?</h2>
            <p class="faqCTABlock-p">Find answers to all your questions around buying a property, affordability and more.</p>
        </div>
        <a href="https://bb-website-prod-wp.azurewebsites.net/faqs/" class="faqCTABlock-a">Go to FAQs</a>
    </div>
</div>

<style>
    .faqCTABlock{
        display: inline-block;
        width: 100%;
        box-sizing:border-box;
    }

    .faqCTABlock-inner{
       
        border-radius: 20px;
        padding: 50px 100px;
        display: flex;
        justify-content:space-between;
        align-content: center;
        flex-direction:row;
        align-items: center;
    }

    .faqCTABlock-block{
       display:flex;
       flex-direction:column;
       gap:19px;
    }

    .faqCTABlock-h2{
        font-style: normal;
        font-weight: 500;
        font-size: 52px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin:0;
    }

    .faqCTABlock-p{
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin:0;
    }

    .faqCTABlock-a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #002C5D !important;
        padding: 10px 20px;
        background: #FFFFFF;
        border-radius: 40px;
        text-decoration:none !important;
        margin:0;
    }

   
</style></div>

acf/faqctablock

<div class="faqCTABlock">
    <div class="faqCTABlock-inner" style="background-color:#ffffff">
        <div class="faqCTABlock-block">
            <h2 class="faqCTABlock-h2">Any questions?</h2>
            <p class="faqCTABlock-p">Find answers to all your questions around buying a property, affordability and more.</p>
        </div>
        <a href="https://bb-website-prod-wp.azurewebsites.net/faqs/" class="faqCTABlock-a">Go to FAQs</a>
    </div>
</div>

<style>
    .faqCTABlock{
        display: inline-block;
        width: 100%;
        box-sizing:border-box;
    }

    .faqCTABlock-inner{
       
        border-radius: 20px;
        padding: 50px 100px;
        display: flex;
        justify-content:space-between;
        align-content: center;
        flex-direction:row;
        align-items: center;
    }

    .faqCTABlock-block{
       display:flex;
       flex-direction:column;
       gap:19px;
    }

    .faqCTABlock-h2{
        font-style: normal;
        font-weight: 500;
        font-size: 52px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin:0;
    }

    .faqCTABlock-p{
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin:0;
    }

    .faqCTABlock-a{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
        text-align: center;
        color: #002C5D !important;
        padding: 10px 20px;
        background: #FFFFFF;
        border-radius: 40px;
        text-decoration:none !important;
        margin:0;
    }

   
</style>

Why should I get pre-approved before looking for a home?

What are the different types of sectional title properties?

What are the different types of freehold properties?

What’s the difference between freehold and sectional title properties?

Will getting a BetterBond pre-approval certificate affect my credit score?

What criteria do banks look at for home loans?

How much will a pre-approval certificate cost me?

How much can I afford on a home loan?

Can I pay off my bond earlier?

What are the upfront costs for a home loan?

What costs are included in my monthly bond repayment?

What are transfer duties?

What are transfer costs?

What costs are related to home loans?

What is the difference between a fixed and a variable interest rate?

How is my home loan interest rate determined?

Can I use BetterBond to refinance my current bond?

How do you calculate the loan amount?

What is BetterBond exactly?

Will BetterBond be able to service my bond?

Should I take out my life policy immediately, or can I wait for registration?

Will my life policy lapse once my bond is paid off?

Do I have to do medical tests when I take out a BetterLife Protection Plan?

When will my BetterSure Homeowner’s Cover begin?

Will my premium increase each year?

Are BetterSure Homeowner’s Cover and bank insurance the same thing?

Do I have to take the bank’s insurance, or can I choose BetterSure Homeowner’s Cover?

Why use BetterSure?

Can I negotiate on my interest rate?

Does BetterBond offer home loans for investment properties?

Is my information protected and secure?

Is BetterBond a direct lender?

What is the maximum age you can be, to be considered for a home loan?

What do you need to qualify for a bond?

What exactly does a bond originator do, and what are the real benefits of using a bond originator?

If I’m married in community of property (COP), must my spouse be included in the application and/or pre-approval?

Will the payment from the bank to BetterBond affect my loan repayments?

Can attorney fees be included in the loan amount?

What are the requirements for a home loan if I am self-employed and/or a sole proprietor?

Can I use my pre-approval certificate as a guarantee?

What’s the difference between a pre-qualification and a pre-approval?

Will I need an offer to purchase (OTP) to apply for a home loan or for pre-approval?

I’ve heard of FLISP. What does it stand for and how does it work?

Can BetterBond assist me with switching from one financial institution to another?

Can BetterBond help me with a building loan?

Can I apply for a bond together with another person?

I’m a South African citizen living or working abroad. Can BetterBond still help me?

Does BetterBond help foreign nationals?

Besides home loans, can BetterBond also assist me with bonds for trusts and businesses?

Does BetterBond only help first-time homebuyers?

What is the minimum income I need to qualify for a home loan?

Is BetterBond a financial institution?

Once I have my pre-approval certificate, how long is it valid for?

How long is the entire pre-approval process?

Do I have to pay to get pre-approved?

Why is getting pre-approved for a bond so important?

Why do I need to sign so many documents at the attorneys?

I’ve heard of ‘approval’ and ‘final grant’. What’s the difference?

Once my application has been submitted, how long do I have to wait for approval?

Do I follow up my application by checking in with the bank, or do I call BetterBond?

Do I have to use the bond originator suggested by my agent, or can I use any originator?