Understanding a buyer’s market and a seller’s market

Humorous real estate stories, and lessons learned

2024 – the year of cautious optimism

Things you may not have known about bond origination

Property Brief – December 2024

Looking ahead at the property market in 2025

House flipping tips for newbies

Understanding the basics of the offer to purchase

A home for all seasons

Record-high house prices on the cards 

Building wealth through home equity

Property Brief – November 2024

Five property trends gaining momentum in 2024

Gauteng tops the list for first-time buyers

Five things you need to know about home loans

Buy now, rent out and benefit later

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

How to avoid defaulting on your new home

First-time buyers drive SA’s township property boom

Cash-strapped buyers join forces to invest in property

Urbanisation is the new wave driving young professionals to buy property

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

Seven tips for running a successful business from home

Women in their thirties dominate SA’s township market

Women over 55 are the fastest growing group of property owners

Rent to buy – the pros and cons 

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

October 2024

Six ways life will change when the interest rate drops

Avoid nasty surprises – is your new home compliant?

September 2024

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

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

Buying a family holiday home: joint ownership

Bond origination myths debunked

Bonding a property in South Africa as a non-resident

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

August 2024

Applying for a bond? Get these documents in order

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

Factors that affect home loan interest rates

Tips for buying a home after divorce

Not being truthful on your loan application form has consequences

Airbnb: the advantages and disadvantages of being a host

July 2024

The great homebuying reset

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

Home security features that add value

June 2024

Making an offer: financing versus cash

Prepare well for the hidden costs of owning your own home

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

Get your home show day ready

The not-so-obvious benefits of owning a home

Smart tax tips for renting out your property

It’s never too late to buy that dream home

Going through a divorce?

Eight ways to increase the value of your house before selling

May 2024

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

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

How to fix a bad credit score

April 2024

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

Six questions to ask your estate agent when house hunting

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

Choosing the right home for you

March 2024

February 2024

January 2024

November 2023

October 2023

September 2023

August 2023

July 2023

June 2023

May 2023

April 2023

March 2023

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

Coastal semigration attracts work-from-home buyers

Five things you need to know about the repo rate

Young investors give residential property the thumbs up

Why Mossel Bay is becoming the Monaco of the Garden Route

Helping your children to buy their first home

A home for every stage of your life

How to make sure your home loan gets the green light

Ukraine

Hope for homeowners as interest rates near peak

Benefits of owning a home remain constant amid rate fluctuations

Know what you can afford as interest rates rise

How to navigate rising inflation and interest rates

Multi-generational living

Pretoria named the most affordable capital in the world

Protect your credit score in tough times

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

Eastern Cape attracts homebuyers with enviable coastal lifestyle

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

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

Tech upgrades: a great way to boost home value

<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%