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

Gauteng Booming

Housing market remains strong as interest rate rises

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 number 1 most affordable capital in the world

Protect your credit score in tough times

The provinces where first time home buyers 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

How to make a move without breaking the bank

How to settle your home loan in a decade or less

Top take-outs when taking on townhouse living

Paid off your bond? Now put that bond account to use

What’s the difference: buying a sectional title versus a freehold property

How your home loan can supercharge your financial future

Renovating versus building from scratch

Moving day made easy

Why pay more into your bond? Why not!

Stay top of home maintenance, here’s why …

Improve your property with a further loan

Ways to use a further loan

What is a further loan?

Originators create savings for banks and consumers

Make sure your credit report includes your rental payments

All the ways that originators help homebuyers

Here’s how much you could gain by saving a deposit

Shine up your finances for the best bond deals

Simple, straightforward steps to raise your credit rating

Three bond decisions dealt with in three steps

What is an interest rate and how does it affect your bond repayments?

Is it in your best interest to fix the rate on your home loan?

What is bond origination?

Should I take a 100% home loan?

What attorneys do for a homebuyer

What is the prime interest rate?

Fixed or variable rates

How to make an offer on a home

7 things every OTP should include

<div class="wp-block-columns alignfull noInnerColPadding animateFadeTop has-eggshell-100-background-color has-background is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex" style="padding-top:90px;padding-right:120px;padding-bottom:45px;padding-left:120px">
<div class="wp-block-column maxWidth has-eggshell-100-background-color has-background is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="responsiveImage-">
    <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Product-temp-D1x.png" alt=""/>
</div>
 
<style>
    .responsiveImage{
        display: flex;
        justify-content:center;
        align-items:center;
    }
</style>  </div>



<div class="wp-block-column is-vertically-aligned-center outerBlock is-layout-flow wp-block-column-is-layout-flow" style="padding-left:60px;flex-basis:66.66%">
<h1 class="wp-block-heading has-headingtext-color has-text-color" style="margin-bottom:30px">Heading</h1>



<p class="has-bodytext-color has-text-color has-large-font-size" style="margin-bottom:30px">Eget ac orci nulla tincidunt. Placerat tempor pulvinar.</p>


<div class="cta-button-left">
    <div class="cta-button cta-button-primary cta-button-large">
        Label    </div>
</div>

<style>
    .cta-button{
        display: flex;
        border-radius: 40px;
        color: #002C5D;
        font-weight:600;
        width: auto;
        text-align:center
    }

    .cta-button-center{
        justify-content:center;
        display: flex;
    }

    .cta-button-left{
        justify-content:left;
        display: flex;
    }

    .cta-button-right{
        justify-content:right;
        display: flex;
    }

    .cta-button-primary{
        background: #17EAC0;
        border: 3px solid #17EAC0;
    }

    .cta-button-inverse,
    .cta-button-white{
        background: #FFFFFF;
        border: 3px solid #fff;
    }

    .cta-button-secondary{
        background: #FFFFFF;
        border: 3px solid #002C5D;
    }

    .cta-button-large{
        padding:10px 20px;
    }

    .cta-button-small{
        padding: 10px 16px;
    }

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

<div class="wp-block-column maxWidth has-eggshell-100-background-color has-background is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="responsiveImage-">
    <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Product-temp-D1x.png" alt=""/>
</div>
 
<style>
    .responsiveImage{
        display: flex;
        justify-content:center;
        align-items:center;
    }
</style>  </div>



<div class="wp-block-column is-vertically-aligned-center outerBlock is-layout-flow wp-block-column-is-layout-flow" style="padding-left:60px;flex-basis:66.66%">
<h1 class="wp-block-heading has-headingtext-color has-text-color" style="margin-bottom:30px">Heading</h1>



<p class="has-bodytext-color has-text-color has-large-font-size" style="margin-bottom:30px">Eget ac orci nulla tincidunt. Placerat tempor pulvinar.</p>


<div class="cta-button-left">
    <div class="cta-button cta-button-primary cta-button-large">
        Label    </div>
</div>

<style>
    .cta-button{
        display: flex;
        border-radius: 40px;
        color: #002C5D;
        font-weight:600;
        width: auto;
        text-align:center
    }

    .cta-button-center{
        justify-content:center;
        display: flex;
    }

    .cta-button-left{
        justify-content:left;
        display: flex;
    }

    .cta-button-right{
        justify-content:right;
        display: flex;
    }

    .cta-button-primary{
        background: #17EAC0;
        border: 3px solid #17EAC0;
    }

    .cta-button-inverse,
    .cta-button-white{
        background: #FFFFFF;
        border: 3px solid #fff;
    }

    .cta-button-secondary{
        background: #FFFFFF;
        border: 3px solid #002C5D;
    }

    .cta-button-large{
        padding:10px 20px;
    }

    .cta-button-small{
        padding: 10px 16px;
    }

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

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="responsiveImage-">
    <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Product-temp-D1x.png" alt=""/>
</div>
 
<style>
    .responsiveImage{
        display: flex;
        justify-content:center;
        align-items:center;
    }
</style>  </div>



<div class="wp-block-column is-vertically-aligned-center outerBlock is-layout-flow wp-block-column-is-layout-flow" style="padding-left:60px;flex-basis:66.66%">
<h1 class="wp-block-heading has-headingtext-color has-text-color" style="margin-bottom:30px">Heading</h1>



<p class="has-bodytext-color has-text-color has-large-font-size" style="margin-bottom:30px">Eget ac orci nulla tincidunt. Placerat tempor pulvinar.</p>


<div class="cta-button-left">
    <div class="cta-button cta-button-primary cta-button-large">
        Label    </div>
</div>

<style>
    .cta-button{
        display: flex;
        border-radius: 40px;
        color: #002C5D;
        font-weight:600;
        width: auto;
        text-align:center
    }

    .cta-button-center{
        justify-content:center;
        display: flex;
    }

    .cta-button-left{
        justify-content:left;
        display: flex;
    }

    .cta-button-right{
        justify-content:right;
        display: flex;
    }

    .cta-button-primary{
        background: #17EAC0;
        border: 3px solid #17EAC0;
    }

    .cta-button-inverse,
    .cta-button-white{
        background: #FFFFFF;
        border: 3px solid #fff;
    }

    .cta-button-secondary{
        background: #FFFFFF;
        border: 3px solid #002C5D;
    }

    .cta-button-large{
        padding:10px 20px;
    }

    .cta-button-small{
        padding: 10px 16px;
    }

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

<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="responsiveImage-">
    <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Product-temp-D1x.png" alt=""/>
</div>
 
<style>
    .responsiveImage{
        display: flex;
        justify-content:center;
        align-items:center;
    }
</style>  </div>

core/column

<div class="wp-block-column is-vertically-aligned-center outerBlock is-layout-flow wp-block-column-is-layout-flow" style="padding-left:60px;flex-basis:66.66%">
<h1 class="wp-block-heading has-headingtext-color has-text-color" style="margin-bottom:30px">Heading</h1>



<p class="has-bodytext-color has-text-color has-large-font-size" style="margin-bottom:30px">Eget ac orci nulla tincidunt. Placerat tempor pulvinar.</p>


<div class="cta-button-left">
    <div class="cta-button cta-button-primary cta-button-large">
        Label    </div>
</div>

<style>
    .cta-button{
        display: flex;
        border-radius: 40px;
        color: #002C5D;
        font-weight:600;
        width: auto;
        text-align:center
    }

    .cta-button-center{
        justify-content:center;
        display: flex;
    }

    .cta-button-left{
        justify-content:left;
        display: flex;
    }

    .cta-button-right{
        justify-content:right;
        display: flex;
    }

    .cta-button-primary{
        background: #17EAC0;
        border: 3px solid #17EAC0;
    }

    .cta-button-inverse,
    .cta-button-white{
        background: #FFFFFF;
        border: 3px solid #fff;
    }

    .cta-button-secondary{
        background: #FFFFFF;
        border: 3px solid #002C5D;
    }

    .cta-button-large{
        padding:10px 20px;
    }

    .cta-button-small{
        padding: 10px 16px;
    }

   
</style></div>

core/columns

<div class="wp-block-columns outerBlock animateFadeTop has-eggshell-100-background-color has-background is-layout-flex wp-container-core-columns-is-layout-11 wp-block-columns-is-layout-flex" style="padding-top:45px;padding-right:120px;padding-left:120px">
<div class="wp-block-column maxWidth is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5 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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-13.png" class="largeImg" alt=""/>
   <h3>Do I qualify?</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


   
</style></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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-6.svg" class="largeImg" alt=""/>
   <h3>How can it be used?</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


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



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7 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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image1-1.jpg" class="largeImg" alt=""/>
   <h3>How much could I get?</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


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



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8 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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-8.svg" class="largeImg" alt=""/>
   <h3>How does it work?</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


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



<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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-9.svg" class="largeImg" alt=""/>
   <h3> FAQs</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


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



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-10 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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-13.png" class="largeImg" alt=""/>
   <h3>How do I apply</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


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

<div class="wp-block-column maxWidth is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-12 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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-13.png" class="largeImg" alt=""/>
   <h3>Do I qualify?</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


   
</style></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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-6.svg" class="largeImg" alt=""/>
   <h3>How can it be used?</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


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



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-14 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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image1-1.jpg" class="largeImg" alt=""/>
   <h3>How much could I get?</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


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



<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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-8.svg" class="largeImg" alt=""/>
   <h3>How does it work?</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


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



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-16 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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-9.svg" class="largeImg" alt=""/>
   <h3> FAQs</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


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



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-17 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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-13.png" class="largeImg" alt=""/>
   <h3>How do I apply</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


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

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-18 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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-13.png" class="largeImg" alt=""/>
   <h3>Do I qualify?</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


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

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-13.png" class="largeImg" alt=""/>
   <h3>Do I qualify?</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


   
</style></div>

<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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-6.svg" class="largeImg" alt=""/>
   <h3>How can it be used?</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


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

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-6.svg" class="largeImg" alt=""/>
   <h3>How can it be used?</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


   
</style></div>

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-20 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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image1-1.jpg" class="largeImg" alt=""/>
   <h3>How much could I get?</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


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

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image1-1.jpg" class="largeImg" alt=""/>
   <h3>How much could I get?</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


   
</style></div>

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-21 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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-8.svg" class="largeImg" alt=""/>
   <h3>How does it work?</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


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

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-8.svg" class="largeImg" alt=""/>
   <h3>How does it work?</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


   
</style></div>

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-22 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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-9.svg" class="largeImg" alt=""/>
   <h3> FAQs</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


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

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-9.svg" class="largeImg" alt=""/>
   <h3> FAQs</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


   
</style></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="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-13.png" class="largeImg" alt=""/>
   <h3>How do I apply</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


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

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="block">
   <img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-13.png" class="largeImg" alt=""/>
   <h3>How do I apply</h3>
   <img src="/wp-content/uploads/Arrow-right.svg" class="smallImg" alt=""/>
</div>

<style>
.block{
    display: flex;
    width: 100%;
    align-items: center;
  border-radius: 10px;
background:  #FFF;
    flex-direction:row;
     padding: 0px 20px 0 0;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    }
     .block h3{
    flex-grow:1;
    color: #002C5D;
font-size: 40px;
font-family: 'Mont';
font-style: normal; 
font-weight: 500;
line-height: 125%;
letter-spacing: -1.2px;
    padding: 40px 20px;
    }
    .block .largeImg{
    height:184px; 
    width:184px;
    border-radius: 0 0 10px 10px;
    }
    
    .block .smallImg{
    width:24px;
    height:24px;
    }


   
</style></div>

<div class="wp-block-columns outerBlock animateFadeTop has-eggshell-100-background-color has-background is-layout-flex wp-container-core-columns-is-layout-24 wp-block-columns-is-layout-flex" style="padding-top:45px;padding-right:120px;padding-bottom:45px;padding-left:120px">
<div class="wp-block-column maxWidth800 is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading has-text-align-center has-headingtext-color has-text-color" style="margin-bottom:50px">Heading</h2>



<p class="has-text-align-center has-bodytext-color has-text-color has-large-font-size">Eget ac orci nulla tincidunt. Placerat tempor pulvinar.</p>
</div>
</div>

<div class="wp-block-column maxWidth800 is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading has-text-align-center has-headingtext-color has-text-color" style="margin-bottom:50px">Heading</h2>



<p class="has-text-align-center has-bodytext-color has-text-color has-large-font-size">Eget ac orci nulla tincidunt. Placerat tempor pulvinar.</p>
</div>

core/heading

<h2 class="wp-block-heading has-text-align-center has-headingtext-color has-text-color" style="margin-bottom:50px">Heading</h2>

Eget ac orci nulla tincidunt. Placerat tempor pulvinar.

core/paragraph

<p class="has-text-align-center has-bodytext-color has-text-color has-large-font-size">Eget ac orci nulla tincidunt. Placerat tempor pulvinar.</p>

<div class="wp-block-columns outerBlock animateFadeTop has-eggshell-100-background-color has-background is-layout-flex wp-container-core-columns-is-layout-30 wp-block-columns-is-layout-flex" id="qualifyAFR" style="padding-top:45px;padding-right:120px;padding-bottom:45px;padding-left:120px">
<div class="wp-block-column maxWidth is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns marginBottomMobile30 is-layout-flex wp-container-core-columns-is-layout-25 wp-block-columns-is-layout-flex" style="margin-bottom:90px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="breadcrumbs">
   <img src="/wp-content/uploads/41967342-anchor-link-bulding-hold-icon-vector-image-can-also-be-used-for-seo-digital-marketing.webp" alt=""/>
</div>

<style>
    .breadcrumbs{
        width:100%;
        display:flex;
        flex-direction:row;
        align-items: center;
        justify-content:center;
        padding:20px;
    }

    .breadcrumbs img{
       width: 40px;
       height: 40px;
    }


</style>


<div class="steps">
    <div class="step">
        <div class="step-number">01</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Id rhoncus ac vel egestas mollis. Malesuada.</h5>
            <p>Purus fusce rhoncus vulputate amet. Malesuada eu aliquet felis velit dui eu. Egestas lorem est pulvinar cursus facilisis vitae. Ornare auctor augue ultrices etiam diam. Egestas.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

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



<div class="wp-block-columns marginBottomMobile30 is-layout-flex wp-container-core-columns-is-layout-26 wp-block-columns-is-layout-flex" style="margin-bottom:90px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="steps">
    <div class="step">
        <div class="step-number">02</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Dapibus aliquet lectus vitae dolor vel proin et senectus. At ultricies bibendum nulla nisi.</h5>
            <p>Quam in faucibus dictum at diam et et sagittis. Tellus a pharetra curabitur habitant ornare.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

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



<div class="wp-block-columns marginBottomMobile30 is-layout-flex wp-container-core-columns-is-layout-27 wp-block-columns-is-layout-flex" style="margin-bottom:90px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="steps">
    <div class="step">
        <div class="step-number">03</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Nulla tortor amet in mollis elit eu</h5>
            <p>Morbi pulvinar convallis consectetur bibendum viverra lectus sed aliquam augue. Aliquet nibh velit mattis leo. Ultrices lacus sit tortor augue vitae elementum. Convallis dui lectus.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

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



<div class="wp-block-columns marginBottomMobile30 is-layout-flex wp-container-core-columns-is-layout-28 wp-block-columns-is-layout-flex" style="margin-bottom:90px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="steps">
    <div class="step">
        <div class="step-number">04</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Est purus aliquet cursus dui. Eget ipsum.</h5>
            <p>Ut vulputate adipiscing blandit condimentum scelerisque purus sit viverra at. Ut nunc.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

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



<div class="wp-block-columns marginBottomMobile30 is-layout-flex wp-container-core-columns-is-layout-29 wp-block-columns-is-layout-flex" style="margin-bottom:90px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="steps">
    <div class="step">
        <div class="step-number">05</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Id tortor viverra velit velit tempor vel. </h5>
            <p>Varius id sem feugiat elit ipsum proin amet amet. Ac orci phasellus congue feugiat curabitur nec facilisi cursus. Enim venenatis imperdiet lorem aliquam sit. Sed augue ullamcorper.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

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

<div class="wp-block-column maxWidth is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns marginBottomMobile30 is-layout-flex wp-container-core-columns-is-layout-31 wp-block-columns-is-layout-flex" style="margin-bottom:90px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="breadcrumbs">
   <img src="/wp-content/uploads/41967342-anchor-link-bulding-hold-icon-vector-image-can-also-be-used-for-seo-digital-marketing.webp" alt=""/>
</div>

<style>
    .breadcrumbs{
        width:100%;
        display:flex;
        flex-direction:row;
        align-items: center;
        justify-content:center;
        padding:20px;
    }

    .breadcrumbs img{
       width: 40px;
       height: 40px;
    }


</style>


<div class="steps">
    <div class="step">
        <div class="step-number">01</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Id rhoncus ac vel egestas mollis. Malesuada.</h5>
            <p>Purus fusce rhoncus vulputate amet. Malesuada eu aliquet felis velit dui eu. Egestas lorem est pulvinar cursus facilisis vitae. Ornare auctor augue ultrices etiam diam. Egestas.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

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



<div class="wp-block-columns marginBottomMobile30 is-layout-flex wp-container-core-columns-is-layout-32 wp-block-columns-is-layout-flex" style="margin-bottom:90px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="steps">
    <div class="step">
        <div class="step-number">02</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Dapibus aliquet lectus vitae dolor vel proin et senectus. At ultricies bibendum nulla nisi.</h5>
            <p>Quam in faucibus dictum at diam et et sagittis. Tellus a pharetra curabitur habitant ornare.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

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



<div class="wp-block-columns marginBottomMobile30 is-layout-flex wp-container-core-columns-is-layout-33 wp-block-columns-is-layout-flex" style="margin-bottom:90px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="steps">
    <div class="step">
        <div class="step-number">03</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Nulla tortor amet in mollis elit eu</h5>
            <p>Morbi pulvinar convallis consectetur bibendum viverra lectus sed aliquam augue. Aliquet nibh velit mattis leo. Ultrices lacus sit tortor augue vitae elementum. Convallis dui lectus.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

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



<div class="wp-block-columns marginBottomMobile30 is-layout-flex wp-container-core-columns-is-layout-34 wp-block-columns-is-layout-flex" style="margin-bottom:90px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="steps">
    <div class="step">
        <div class="step-number">04</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Est purus aliquet cursus dui. Eget ipsum.</h5>
            <p>Ut vulputate adipiscing blandit condimentum scelerisque purus sit viverra at. Ut nunc.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

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



<div class="wp-block-columns marginBottomMobile30 is-layout-flex wp-container-core-columns-is-layout-35 wp-block-columns-is-layout-flex" style="margin-bottom:90px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="steps">
    <div class="step">
        <div class="step-number">05</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Id tortor viverra velit velit tempor vel. </h5>
            <p>Varius id sem feugiat elit ipsum proin amet amet. Ac orci phasellus congue feugiat curabitur nec facilisi cursus. Enim venenatis imperdiet lorem aliquam sit. Sed augue ullamcorper.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

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

<div class="wp-block-columns marginBottomMobile30 is-layout-flex wp-container-core-columns-is-layout-36 wp-block-columns-is-layout-flex" style="margin-bottom:90px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="breadcrumbs">
   <img src="/wp-content/uploads/41967342-anchor-link-bulding-hold-icon-vector-image-can-also-be-used-for-seo-digital-marketing.webp" alt=""/>
</div>

<style>
    .breadcrumbs{
        width:100%;
        display:flex;
        flex-direction:row;
        align-items: center;
        justify-content:center;
        padding:20px;
    }

    .breadcrumbs img{
       width: 40px;
       height: 40px;
    }


</style>


<div class="steps">
    <div class="step">
        <div class="step-number">01</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Id rhoncus ac vel egestas mollis. Malesuada.</h5>
            <p>Purus fusce rhoncus vulputate amet. Malesuada eu aliquet felis velit dui eu. Egestas lorem est pulvinar cursus facilisis vitae. Ornare auctor augue ultrices etiam diam. Egestas.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

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

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="breadcrumbs">
   <img src="/wp-content/uploads/41967342-anchor-link-bulding-hold-icon-vector-image-can-also-be-used-for-seo-digital-marketing.webp" alt=""/>
</div>

<style>
    .breadcrumbs{
        width:100%;
        display:flex;
        flex-direction:row;
        align-items: center;
        justify-content:center;
        padding:20px;
    }

    .breadcrumbs img{
       width: 40px;
       height: 40px;
    }


</style>


<div class="steps">
    <div class="step">
        <div class="step-number">01</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Id rhoncus ac vel egestas mollis. Malesuada.</h5>
            <p>Purus fusce rhoncus vulputate amet. Malesuada eu aliquet felis velit dui eu. Egestas lorem est pulvinar cursus facilisis vitae. Ornare auctor augue ultrices etiam diam. Egestas.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

</style></div>

<div class="wp-block-columns marginBottomMobile30 is-layout-flex wp-container-core-columns-is-layout-37 wp-block-columns-is-layout-flex" style="margin-bottom:90px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="steps">
    <div class="step">
        <div class="step-number">02</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Dapibus aliquet lectus vitae dolor vel proin et senectus. At ultricies bibendum nulla nisi.</h5>
            <p>Quam in faucibus dictum at diam et et sagittis. Tellus a pharetra curabitur habitant ornare.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

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

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="steps">
    <div class="step">
        <div class="step-number">02</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Dapibus aliquet lectus vitae dolor vel proin et senectus. At ultricies bibendum nulla nisi.</h5>
            <p>Quam in faucibus dictum at diam et et sagittis. Tellus a pharetra curabitur habitant ornare.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

</style></div>

<div class="wp-block-columns marginBottomMobile30 is-layout-flex wp-container-core-columns-is-layout-38 wp-block-columns-is-layout-flex" style="margin-bottom:90px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="steps">
    <div class="step">
        <div class="step-number">03</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Nulla tortor amet in mollis elit eu</h5>
            <p>Morbi pulvinar convallis consectetur bibendum viverra lectus sed aliquam augue. Aliquet nibh velit mattis leo. Ultrices lacus sit tortor augue vitae elementum. Convallis dui lectus.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

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

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="steps">
    <div class="step">
        <div class="step-number">03</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Nulla tortor amet in mollis elit eu</h5>
            <p>Morbi pulvinar convallis consectetur bibendum viverra lectus sed aliquam augue. Aliquet nibh velit mattis leo. Ultrices lacus sit tortor augue vitae elementum. Convallis dui lectus.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

</style></div>

<div class="wp-block-columns marginBottomMobile30 is-layout-flex wp-container-core-columns-is-layout-39 wp-block-columns-is-layout-flex" style="margin-bottom:90px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="steps">
    <div class="step">
        <div class="step-number">04</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Est purus aliquet cursus dui. Eget ipsum.</h5>
            <p>Ut vulputate adipiscing blandit condimentum scelerisque purus sit viverra at. Ut nunc.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

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

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="steps">
    <div class="step">
        <div class="step-number">04</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Est purus aliquet cursus dui. Eget ipsum.</h5>
            <p>Ut vulputate adipiscing blandit condimentum scelerisque purus sit viverra at. Ut nunc.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

</style></div>

<div class="wp-block-columns marginBottomMobile30 is-layout-flex wp-container-core-columns-is-layout-40 wp-block-columns-is-layout-flex" style="margin-bottom:90px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="steps">
    <div class="step">
        <div class="step-number">05</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Id tortor viverra velit velit tempor vel. </h5>
            <p>Varius id sem feugiat elit ipsum proin amet amet. Ac orci phasellus congue feugiat curabitur nec facilisi cursus. Enim venenatis imperdiet lorem aliquam sit. Sed augue ullamcorper.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

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

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="steps">
    <div class="step">
        <div class="step-number">05</div>
        <div class="step-line"></div>
    </div>
    <div class="step-content">
        <img  src="" alt=""/>
        <div class="inner-step-content">
            <h5>Id tortor viverra velit velit tempor vel. </h5>
            <p>Varius id sem feugiat elit ipsum proin amet amet. Ac orci phasellus congue feugiat curabitur nec facilisi cursus. Enim venenatis imperdiet lorem aliquam sit. Sed augue ullamcorper.</p>
 
            <div class="step-link"><img  src="/wp-content/uploads/Vector-4-1.svg" alt=""/></div>        </div>
    </div>
</div>


<style>
    .steps{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .step-content h5{
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 125%;
        letter-spacing: -0.03em;
        color: #002C5D;
        margin: 0 0 0px 0;
    }

    .step-content p{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        margin: 0 0 0px 0;
        letter-spacing: -0.03em;
        color: #585858;
    }

    .step-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #11BEA7;
    }


    .step{
        width:115px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
    }

    .step-number{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px;
        gap: 10px;
        width: 64px;
        height: 64px;
        background: #002C5D;
        border-radius: 100px;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .step-line{
        width: 2px;
        height: 243px;
        background: #D3D3D3;
        border-radius: 8px;
    }

    .step-content{
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(73, 101, 132, 0.08);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 40px;
        gap: 30px;
    }

    .inner-step-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
    }

   

</style></div>

<div class="wp-block-columns outerBlock animateFadeTop has-backgroundgrey-background-color has-background is-layout-flex wp-container-core-columns-is-layout-41 wp-block-columns-is-layout-flex" style="padding-top:45px;padding-right:120px;padding-bottom:45px;padding-left:120px">
<div class="wp-block-column maxWidth is-layout-flow wp-block-column-is-layout-flow">
<h1 class="wp-block-heading has-text-align-center has-headingtext-color has-text-color" style="margin-bottom:30px">Sem senectus vel metus</h1>



<p class="has-text-align-center has-bodytext-color has-text-color has-medium-font-size" style="margin-bottom:60px">Augue urna vitae vitae accumsan sem pellentesque leo. Vel purus viverra consequat mauris eu quis nunc ut. Mattis pellentesque varius sagittis vulputate ac adipiscing vitae vestibulum. Auctor malesuada et nisi tortor cursus venenatis commodo. Fermentum nunc lacus in ut.</p>


<div>
    <strong>Better Rate Calculator</strong>
    <img src="/wp-content/uploads/Screenshot-2023-06-20-113410.png" alt="" style="width:100%;"/>
</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 has-headingtext-color has-text-color" style="margin-bottom:30px">Sem senectus vel metus</h1>



<p class="has-text-align-center has-bodytext-color has-text-color has-medium-font-size" style="margin-bottom:60px">Augue urna vitae vitae accumsan sem pellentesque leo. Vel purus viverra consequat mauris eu quis nunc ut. Mattis pellentesque varius sagittis vulputate ac adipiscing vitae vestibulum. Auctor malesuada et nisi tortor cursus venenatis commodo. Fermentum nunc lacus in ut.</p>


<div>
    <strong>Better Rate Calculator</strong>
    <img src="/wp-content/uploads/Screenshot-2023-06-20-113410.png" alt="" style="width:100%;"/>
</div></div>

<h1 class="wp-block-heading has-text-align-center has-headingtext-color has-text-color" style="margin-bottom:30px">Sem senectus vel metus</h1>

Augue urna vitae vitae accumsan sem pellentesque leo. Vel purus viverra consequat mauris eu quis nunc ut. Mattis pellentesque varius sagittis vulputate ac adipiscing vitae vestibulum. Auctor malesuada et nisi tortor cursus venenatis commodo. Fermentum nunc lacus in ut.

<p class="has-text-align-center has-bodytext-color has-text-color has-medium-font-size" style="margin-bottom:60px">Augue urna vitae vitae accumsan sem pellentesque leo. Vel purus viverra consequat mauris eu quis nunc ut. Mattis pellentesque varius sagittis vulputate ac adipiscing vitae vestibulum. Auctor malesuada et nisi tortor cursus venenatis commodo. Fermentum nunc lacus in ut.</p>

acf/betterratecalculator

<div>
    <strong>Better Rate Calculator</strong>
    <img src="/wp-content/uploads/Screenshot-2023-06-20-113410.png" alt="" style="width:100%;"/>
</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-43 wp-block-columns-is-layout-flex" style="padding-top:45px;padding-right:120px;padding-bottom:45px;padding-left:120px">
<div class="wp-block-column maxWidth has-eggshell-100-background-color has-background is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-42 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center innerColPadding is-layout-flow wp-block-column-is-layout-flow" style="padding-left:60px;flex-basis:66.66%">
<h2 class="wp-block-heading has-headingtext-color has-text-color" style="margin-bottom:30px">Id eget massa elementum</h2>



<p class="has-bodytext-color has-text-color has-medium-font-size" style="margin-bottom:30px">Velit ipsum lorem pellentesque ante magna habitant. Purus ornare arcu ut diam tellus id. Sit venenatis nullam sit mattis egestas id urna. Amet ipsum praesent aliquam amet. Vel cursus consequat convallis dictum egestas mattis id fermentum massa.</p>



<div class="link-left">
    <div class="link link-small link-after" style="color:#11BEA7 ">
        Label        <img class="link-img" src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Chevron-right.svg" alt=""/>
    </div>
</div>


<style>
    .link{
        display: inline-flex;
        
        font-weight: 600;
        align-items: center;
    }


    .link-before{
        flex-direction: row-reverse;
    }

    .link-after{
        flex-direction: row;
    }

    .link-center{
        text-align:center;
    }

    .link-left{
        text-align:left;
    }

    .link-right{
        text-align:right;
    }

    .link-small{
        font-size: 15px;
    }

    .link-medium{
        font-size: 20px;
    }

    .link-img{
       margin:0 0 0 10px;
    }

</style></div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image aligncenter size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-5.png" alt="Product components" class="wp-image-415"/></figure>
</div>
</div>
</div>
</div>

<div class="wp-block-column maxWidth has-eggshell-100-background-color has-background is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-44 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center innerColPadding is-layout-flow wp-block-column-is-layout-flow" style="padding-left:60px;flex-basis:66.66%">
<h2 class="wp-block-heading has-headingtext-color has-text-color" style="margin-bottom:30px">Id eget massa elementum</h2>



<p class="has-bodytext-color has-text-color has-medium-font-size" style="margin-bottom:30px">Velit ipsum lorem pellentesque ante magna habitant. Purus ornare arcu ut diam tellus id. Sit venenatis nullam sit mattis egestas id urna. Amet ipsum praesent aliquam amet. Vel cursus consequat convallis dictum egestas mattis id fermentum massa.</p>



<div class="link-left">
    <div class="link link-small link-after" style="color:#11BEA7 ">
        Label        <img class="link-img" src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Chevron-right.svg" alt=""/>
    </div>
</div>


<style>
    .link{
        display: inline-flex;
        
        font-weight: 600;
        align-items: center;
    }


    .link-before{
        flex-direction: row-reverse;
    }

    .link-after{
        flex-direction: row;
    }

    .link-center{
        text-align:center;
    }

    .link-left{
        text-align:left;
    }

    .link-right{
        text-align:right;
    }

    .link-small{
        font-size: 15px;
    }

    .link-medium{
        font-size: 20px;
    }

    .link-img{
       margin:0 0 0 10px;
    }

</style></div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image aligncenter size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-5.png" alt="Product components" class="wp-image-415"/></figure>
</div>
</div>
</div>

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-45 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center innerColPadding is-layout-flow wp-block-column-is-layout-flow" style="padding-left:60px;flex-basis:66.66%">
<h2 class="wp-block-heading has-headingtext-color has-text-color" style="margin-bottom:30px">Id eget massa elementum</h2>



<p class="has-bodytext-color has-text-color has-medium-font-size" style="margin-bottom:30px">Velit ipsum lorem pellentesque ante magna habitant. Purus ornare arcu ut diam tellus id. Sit venenatis nullam sit mattis egestas id urna. Amet ipsum praesent aliquam amet. Vel cursus consequat convallis dictum egestas mattis id fermentum massa.</p>



<div class="link-left">
    <div class="link link-small link-after" style="color:#11BEA7 ">
        Label        <img class="link-img" src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Chevron-right.svg" alt=""/>
    </div>
</div>


<style>
    .link{
        display: inline-flex;
        
        font-weight: 600;
        align-items: center;
    }


    .link-before{
        flex-direction: row-reverse;
    }

    .link-after{
        flex-direction: row;
    }

    .link-center{
        text-align:center;
    }

    .link-left{
        text-align:left;
    }

    .link-right{
        text-align:right;
    }

    .link-small{
        font-size: 15px;
    }

    .link-medium{
        font-size: 20px;
    }

    .link-img{
       margin:0 0 0 10px;
    }

</style></div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image aligncenter size-full"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Image-5.png" alt="Product components" class="wp-image-415"/></figure>
</div>
</div>

<div class="wp-block-column is-vertically-aligned-center innerColPadding is-layout-flow wp-block-column-is-layout-flow" style="padding-left:60px;flex-basis:66.66%">
<h2 class="wp-block-heading has-headingtext-color has-text-color" style="margin-bottom:30px">Id eget massa elementum</h2>



<p class="has-bodytext-color has-text-color has-medium-font-size" style="margin-bottom:30px">Velit ipsum lorem pellentesque ante magna habitant. Purus ornare arcu ut diam tellus id. Sit venenatis nullam sit mattis egestas id urna. Amet ipsum praesent aliquam amet. Vel cursus consequat convallis dictum egestas mattis id fermentum massa.</p>



<div class="link-left">
    <div class="link link-small link-after" style="color:#11BEA7 ">
        Label        <img class="link-img" src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Chevron-right.svg" alt=""/>
    </div>
</div>


<style>
    .link{
        display: inline-flex;
        
        font-weight: 600;
        align-items: center;
    }


    .link-before{
        flex-direction: row-reverse;
    }

    .link-after{
        flex-direction: row;
    }

    .link-center{
        text-align:center;
    }

    .link-left{
        text-align:left;
    }

    .link-right{
        text-align:right;
    }

    .link-small{
        font-size: 15px;
    }

    .link-medium{
        font-size: 20px;
    }

    .link-img{
       margin:0 0 0 10px;
    }

</style></div>

<div class="wp-block-columns outerBlock animateFadeTop has-eggshell-100-background-color has-background is-layout-flex wp-container-core-columns-is-layout-52 wp-block-columns-is-layout-flex" style="padding-top:45px;padding-right:120px;padding-bottom:45px;padding-left:120px">
<div class="wp-block-column maxWidth800 is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading has-text-align-center has-headingtext-color has-text-color" style="margin-bottom:50px">Est massa posuere massa</h2>



<p class="has-text-align-center has-headingtext-color has-text-color has-large-font-size" style="margin-bottom:30px">Eget ac orci nulla tincidunt. Placerat tempor pulvinar.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-46 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-47 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-48 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-49 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-50 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-51 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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

<div class="wp-block-column maxWidth800 is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading has-text-align-center has-headingtext-color has-text-color" style="margin-bottom:50px">Est massa posuere massa</h2>



<p class="has-text-align-center has-headingtext-color has-text-color has-large-font-size" style="margin-bottom:30px">Eget ac orci nulla tincidunt. Placerat tempor pulvinar.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-53 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-54 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-55 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-56 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-57 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-58 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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

<h2 class="wp-block-heading has-text-align-center has-headingtext-color has-text-color" style="margin-bottom:50px">Est massa posuere massa</h2>

<p class="has-text-align-center has-headingtext-color has-text-color has-large-font-size" style="margin-bottom:30px">Eget ac orci nulla tincidunt. Placerat tempor pulvinar.</p>

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-59 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

</style></div>

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-60 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-61 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-62 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-63 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

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

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-64 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="accordian">
   <div class="text"><p>Are bonds and home loans the same thing? </p></div>
    <img src="/wp-content/uploads/Target.png" alt=""/>
</div>
<style>
.accordian{
    width:100%;
   border-radius: 10px;
background: #FFF;
box-shadow: 0px 10px 25px 0px rgba(73, 101, 132, 0.08);
    display: flex;
padding-left: 0px;
align-items: center;
gap: 16px;
align-self: stretch;
    
}
    
    .accordian .text{
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding:0 20px;
    }
    
   .accordian .text p {
    color: #002C5D;
/* Body/Desktop/M/Regular */
font-size: 20px;
font-family: 'Mont';
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.6px;
    }
    
     .accordian img{
    width:66px;
    height:66px;
    border-radius:0 10px 10px 0;
    }

</style></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-73 wp-block-columns-is-layout-flex" style="padding-top:45px;padding-right:120px;padding-bottom:45px;padding-left:120px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-text-align-center has-headingtext-color has-text-color" style="margin-bottom:50px">What our customers say</h3>



<div class="wp-block-columns maxWidth is-layout-flex wp-container-core-columns-is-layout-72 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-71 wp-block-columns-is-layout-flex" style="margin-bottom:30px">
<div class="wp-block-column colBorder innerColPadding spaceBetween has-backgroundgrey-background-color has-background is-layout-flow wp-block-column-is-layout-flow" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-65 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-headingtext-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:600">Tellus</p>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image alignright size-large"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Stars-1.svg" alt="stars" class="wp-image-40"/></figure>
</div>
</div>



<p class="has-bodytext-color has-text-color has-small-font-size" style="margin-top:30px;margin-bottom:30px">Nulla adipiscing orci nec imperdiet posuere. Velit tempor ullamcorper ligula orci nec. Faucibus facilisis sit laoreet integer mauris cras gravida tincidunt donec. Donec bibendum in eu massa non. In consectetur turpis imperdiet sed viverra. Mi diam risus mi eu.</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-66 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full noMarginBottomMobile"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/HelloPeter-Logo.png" alt="hello peter" class="wp-image-515"/></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-right rightAlignMobile has-lightblue-700-color has-text-color" style="font-size:10px;font-style:normal;font-weight:500">SEP 22</p>
</div>
</div>
</div>



<div class="wp-block-column colBorder innerColPadding spaceBetween has-backgroundgrey-background-color has-background is-layout-flow wp-block-column-is-layout-flow" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-67 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-headingtext-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:600">Nunc</p>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image alignright size-large"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Stars-1.svg" alt="stars" class="wp-image-40"/></figure>
</div>
</div>



<p class="has-bodytext-color has-text-color has-small-font-size" style="margin-top:30px;margin-bottom:30px">Eu donec lacus ipsum velit quam dui sodales risus. Posuere commodo dui dictum blandit euismod mus. Mauris scelerisque bibendum nunc sed. Nunc nec consectetur tincidunt proin tempor eleifend. Ligula in elementum arcu pellentesque tristique a. Nisl bibendum ut turpis convallis faucibus nisi.</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-68 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full noMarginBottomMobile"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/HelloPeter-Logo.png" alt="hello peter" class="wp-image-515"/></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-right rightAlignMobile has-lightblue-700-color has-text-color" style="font-size:10px;font-style:normal;font-weight:500">SEP 22</p>
</div>
</div>
</div>



<div class="wp-block-column colBorder innerColPadding spaceBetween has-backgroundgrey-background-color has-background is-layout-flow wp-block-column-is-layout-flow" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-69 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-headingtext-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:600">Elit</p>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image alignright size-large"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Stars-1.svg" alt="stars" class="wp-image-40"/></figure>
</div>
</div>



<p class="has-bodytext-color has-text-color has-small-font-size" style="margin-top:30px;margin-bottom:30px">Pharetra varius in elit faucibus ultrices. Et nisl fringilla vitae consectetur consequat nisl urna. Sed metus nunc curabitur vitae eget tellus dis sollicitudin vel. Quis a nulla consectetur augue et eu sed placerat aenean. Ultrices iaculis a non et pellentesque magna nibh. A massa dui integer adipiscing ligula sagittis. Eget.</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-70 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full noMarginBottomMobile"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/HelloPeter-Logo.png" alt="hello peter" class="wp-image-515"/></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-right rightAlignMobile has-lightblue-700-color has-text-color" style="font-size:10px;font-style:normal;font-weight:500">SEP 22</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-text-align-center has-headingtext-color has-text-color" style="margin-bottom:50px">What our customers say</h3>



<div class="wp-block-columns maxWidth is-layout-flex wp-container-core-columns-is-layout-81 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-80 wp-block-columns-is-layout-flex" style="margin-bottom:30px">
<div class="wp-block-column colBorder innerColPadding spaceBetween has-backgroundgrey-background-color has-background is-layout-flow wp-block-column-is-layout-flow" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-74 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-headingtext-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:600">Tellus</p>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image alignright size-large"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Stars-1.svg" alt="stars" class="wp-image-40"/></figure>
</div>
</div>



<p class="has-bodytext-color has-text-color has-small-font-size" style="margin-top:30px;margin-bottom:30px">Nulla adipiscing orci nec imperdiet posuere. Velit tempor ullamcorper ligula orci nec. Faucibus facilisis sit laoreet integer mauris cras gravida tincidunt donec. Donec bibendum in eu massa non. In consectetur turpis imperdiet sed viverra. Mi diam risus mi eu.</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-75 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full noMarginBottomMobile"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/HelloPeter-Logo.png" alt="hello peter" class="wp-image-515"/></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-right rightAlignMobile has-lightblue-700-color has-text-color" style="font-size:10px;font-style:normal;font-weight:500">SEP 22</p>
</div>
</div>
</div>



<div class="wp-block-column colBorder innerColPadding spaceBetween has-backgroundgrey-background-color has-background is-layout-flow wp-block-column-is-layout-flow" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-76 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-headingtext-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:600">Nunc</p>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image alignright size-large"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Stars-1.svg" alt="stars" class="wp-image-40"/></figure>
</div>
</div>



<p class="has-bodytext-color has-text-color has-small-font-size" style="margin-top:30px;margin-bottom:30px">Eu donec lacus ipsum velit quam dui sodales risus. Posuere commodo dui dictum blandit euismod mus. Mauris scelerisque bibendum nunc sed. Nunc nec consectetur tincidunt proin tempor eleifend. Ligula in elementum arcu pellentesque tristique a. Nisl bibendum ut turpis convallis faucibus nisi.</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-77 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full noMarginBottomMobile"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/HelloPeter-Logo.png" alt="hello peter" class="wp-image-515"/></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-right rightAlignMobile has-lightblue-700-color has-text-color" style="font-size:10px;font-style:normal;font-weight:500">SEP 22</p>
</div>
</div>
</div>



<div class="wp-block-column colBorder innerColPadding spaceBetween has-backgroundgrey-background-color has-background is-layout-flow wp-block-column-is-layout-flow" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-78 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-headingtext-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:600">Elit</p>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image alignright size-large"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Stars-1.svg" alt="stars" class="wp-image-40"/></figure>
</div>
</div>



<p class="has-bodytext-color has-text-color has-small-font-size" style="margin-top:30px;margin-bottom:30px">Pharetra varius in elit faucibus ultrices. Et nisl fringilla vitae consectetur consequat nisl urna. Sed metus nunc curabitur vitae eget tellus dis sollicitudin vel. Quis a nulla consectetur augue et eu sed placerat aenean. Ultrices iaculis a non et pellentesque magna nibh. A massa dui integer adipiscing ligula sagittis. Eget.</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-79 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full noMarginBottomMobile"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/HelloPeter-Logo.png" alt="hello peter" class="wp-image-515"/></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-right rightAlignMobile has-lightblue-700-color has-text-color" style="font-size:10px;font-style:normal;font-weight:500">SEP 22</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<h3 class="wp-block-heading has-text-align-center has-headingtext-color has-text-color" style="margin-bottom:50px">What our customers say</h3>

<div class="wp-block-columns maxWidth is-layout-flex wp-container-core-columns-is-layout-89 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-88 wp-block-columns-is-layout-flex" style="margin-bottom:30px">
<div class="wp-block-column colBorder innerColPadding spaceBetween has-backgroundgrey-background-color has-background is-layout-flow wp-block-column-is-layout-flow" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-82 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-headingtext-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:600">Tellus</p>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image alignright size-large"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Stars-1.svg" alt="stars" class="wp-image-40"/></figure>
</div>
</div>



<p class="has-bodytext-color has-text-color has-small-font-size" style="margin-top:30px;margin-bottom:30px">Nulla adipiscing orci nec imperdiet posuere. Velit tempor ullamcorper ligula orci nec. Faucibus facilisis sit laoreet integer mauris cras gravida tincidunt donec. Donec bibendum in eu massa non. In consectetur turpis imperdiet sed viverra. Mi diam risus mi eu.</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-83 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full noMarginBottomMobile"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/HelloPeter-Logo.png" alt="hello peter" class="wp-image-515"/></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-right rightAlignMobile has-lightblue-700-color has-text-color" style="font-size:10px;font-style:normal;font-weight:500">SEP 22</p>
</div>
</div>
</div>



<div class="wp-block-column colBorder innerColPadding spaceBetween has-backgroundgrey-background-color has-background is-layout-flow wp-block-column-is-layout-flow" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-84 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-headingtext-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:600">Nunc</p>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image alignright size-large"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Stars-1.svg" alt="stars" class="wp-image-40"/></figure>
</div>
</div>



<p class="has-bodytext-color has-text-color has-small-font-size" style="margin-top:30px;margin-bottom:30px">Eu donec lacus ipsum velit quam dui sodales risus. Posuere commodo dui dictum blandit euismod mus. Mauris scelerisque bibendum nunc sed. Nunc nec consectetur tincidunt proin tempor eleifend. Ligula in elementum arcu pellentesque tristique a. Nisl bibendum ut turpis convallis faucibus nisi.</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-85 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full noMarginBottomMobile"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/HelloPeter-Logo.png" alt="hello peter" class="wp-image-515"/></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-right rightAlignMobile has-lightblue-700-color has-text-color" style="font-size:10px;font-style:normal;font-weight:500">SEP 22</p>
</div>
</div>
</div>



<div class="wp-block-column colBorder innerColPadding spaceBetween has-backgroundgrey-background-color has-background is-layout-flow wp-block-column-is-layout-flow" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-86 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-headingtext-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:600">Elit</p>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image alignright size-large"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Stars-1.svg" alt="stars" class="wp-image-40"/></figure>
</div>
</div>



<p class="has-bodytext-color has-text-color has-small-font-size" style="margin-top:30px;margin-bottom:30px">Pharetra varius in elit faucibus ultrices. Et nisl fringilla vitae consectetur consequat nisl urna. Sed metus nunc curabitur vitae eget tellus dis sollicitudin vel. Quis a nulla consectetur augue et eu sed placerat aenean. Ultrices iaculis a non et pellentesque magna nibh. A massa dui integer adipiscing ligula sagittis. Eget.</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-87 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full noMarginBottomMobile"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/HelloPeter-Logo.png" alt="hello peter" class="wp-image-515"/></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-right rightAlignMobile has-lightblue-700-color has-text-color" style="font-size:10px;font-style:normal;font-weight:500">SEP 22</p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-96 wp-block-columns-is-layout-flex" style="margin-bottom:30px">
<div class="wp-block-column colBorder innerColPadding spaceBetween has-backgroundgrey-background-color has-background is-layout-flow wp-block-column-is-layout-flow" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-90 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-headingtext-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:600">Tellus</p>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image alignright size-large"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Stars-1.svg" alt="stars" class="wp-image-40"/></figure>
</div>
</div>



<p class="has-bodytext-color has-text-color has-small-font-size" style="margin-top:30px;margin-bottom:30px">Nulla adipiscing orci nec imperdiet posuere. Velit tempor ullamcorper ligula orci nec. Faucibus facilisis sit laoreet integer mauris cras gravida tincidunt donec. Donec bibendum in eu massa non. In consectetur turpis imperdiet sed viverra. Mi diam risus mi eu.</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-91 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full noMarginBottomMobile"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/HelloPeter-Logo.png" alt="hello peter" class="wp-image-515"/></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-right rightAlignMobile has-lightblue-700-color has-text-color" style="font-size:10px;font-style:normal;font-weight:500">SEP 22</p>
</div>
</div>
</div>



<div class="wp-block-column colBorder innerColPadding spaceBetween has-backgroundgrey-background-color has-background is-layout-flow wp-block-column-is-layout-flow" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-92 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-headingtext-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:600">Nunc</p>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image alignright size-large"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Stars-1.svg" alt="stars" class="wp-image-40"/></figure>
</div>
</div>



<p class="has-bodytext-color has-text-color has-small-font-size" style="margin-top:30px;margin-bottom:30px">Eu donec lacus ipsum velit quam dui sodales risus. Posuere commodo dui dictum blandit euismod mus. Mauris scelerisque bibendum nunc sed. Nunc nec consectetur tincidunt proin tempor eleifend. Ligula in elementum arcu pellentesque tristique a. Nisl bibendum ut turpis convallis faucibus nisi.</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-93 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full noMarginBottomMobile"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/HelloPeter-Logo.png" alt="hello peter" class="wp-image-515"/></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-right rightAlignMobile has-lightblue-700-color has-text-color" style="font-size:10px;font-style:normal;font-weight:500">SEP 22</p>
</div>
</div>
</div>



<div class="wp-block-column colBorder innerColPadding spaceBetween has-backgroundgrey-background-color has-background is-layout-flow wp-block-column-is-layout-flow" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px">
<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-94 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-headingtext-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:600">Elit</p>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image alignright size-large"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/Stars-1.svg" alt="stars" class="wp-image-40"/></figure>
</div>
</div>



<p class="has-bodytext-color has-text-color has-small-font-size" style="margin-top:30px;margin-bottom:30px">Pharetra varius in elit faucibus ultrices. Et nisl fringilla vitae consectetur consequat nisl urna. Sed metus nunc curabitur vitae eget tellus dis sollicitudin vel. Quis a nulla consectetur augue et eu sed placerat aenean. Ultrices iaculis a non et pellentesque magna nibh. A massa dui integer adipiscing ligula sagittis. Eget.</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-95 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full noMarginBottomMobile"><img src="https://bb-website-prod-wp.azurewebsites.net/wp-content/uploads/HelloPeter-Logo.png" alt="hello peter" class="wp-image-515"/></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-right rightAlignMobile has-lightblue-700-color has-text-color" style="font-size:10px;font-style:normal;font-weight:500">SEP 22</p>
</div>
</div>
</div>
</div>
</div>

<div class="wp-block-columns outerBlock animateFadeTop has-headingtext-background-color has-background is-layout-flex wp-container-core-columns-is-layout-117 wp-block-columns-is-layout-flex" style="padding-top:100px;padding-right:120px;padding-bottom:100px;padding-left:120px">
<div class="wp-block-column maxWidth is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-116 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-text-align-center has-background-color has-text-color" style="margin-bottom:20px">1 Million +</h3>



<p class="has-text-align-center has-background-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600">BetterBond is putting our money where our mouth is</p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-text-align-center has-background-color has-text-color" style="margin-bottom:20px">9/10</h3>



<p class="has-text-align-center has-background-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600">is our TrustIndex on hellopeter</p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-text-align-center has-background-color has-text-color" style="margin-bottom:20px">90%</h3>



<p class="has-text-align-center has-background-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600">of clients who pre-approve with us, get a bond</p>
</div>
</div>
</div>
</div>

<div class="wp-block-column maxWidth is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-118 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-text-align-center has-background-color has-text-color" style="margin-bottom:20px">1 Million +</h3>



<p class="has-text-align-center has-background-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600">BetterBond is putting our money where our mouth is</p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-text-align-center has-background-color has-text-color" style="margin-bottom:20px">9/10</h3>



<p class="has-text-align-center has-background-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600">is our TrustIndex on hellopeter</p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-text-align-center has-background-color has-text-color" style="margin-bottom:20px">90%</h3>



<p class="has-text-align-center has-background-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600">of clients who pre-approve with us, get a bond</p>
</div>
</div>
</div>

<div class="wp-block-columns spaceBetweenCol is-layout-flex wp-container-core-columns-is-layout-119 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-text-align-center has-background-color has-text-color" style="margin-bottom:20px">1 Million +</h3>



<p class="has-text-align-center has-background-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600">BetterBond is putting our money where our mouth is</p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-text-align-center has-background-color has-text-color" style="margin-bottom:20px">9/10</h3>



<p class="has-text-align-center has-background-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600">is our TrustIndex on hellopeter</p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-text-align-center has-background-color has-text-color" style="margin-bottom:20px">90%</h3>



<p class="has-text-align-center has-background-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600">of clients who pre-approve with us, get a bond</p>
</div>
</div>

<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-text-align-center has-background-color has-text-color" style="margin-bottom:20px">1 Million +</h3>



<p class="has-text-align-center has-background-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600">BetterBond is putting our money where our mouth is</p>
</div>

<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-text-align-center has-background-color has-text-color" style="margin-bottom:20px">9/10</h3>



<p class="has-text-align-center has-background-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600">is our TrustIndex on hellopeter</p>
</div>

<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-text-align-center has-background-color has-text-color" style="margin-bottom:20px">90%</h3>



<p class="has-text-align-center has-background-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600">of clients who pre-approve with us, get a bond</p>
</div>

Heading

Do I qualify?

How can it be used?

How much could I get?

How does it work?

FAQs

How do I apply

Heading

Id rhoncus ac vel egestas mollis. Malesuada.

Dapibus aliquet lectus vitae dolor vel proin et senectus. At ultricies bibendum nulla nisi.

Nulla tortor amet in mollis elit eu

Est purus aliquet cursus dui. Eget ipsum.

Id tortor viverra velit velit tempor vel.

Sem senectus vel metus

You could save:

R 0

Id eget massa elementum

Est massa posuere massa

What our customers say

1 Million +

9/10

90%