/* ==========================================
   OUR APPROACH
========================================== */

.approach-section{
    padding:100px 20px;
    background:#e9ebf0;
}

.approach-section .container{
    max-width:1200px;
    margin:0 auto;
}

/* Header */

.section-header{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
}

.section-label{
    display:inline-block;
    margin-bottom:15px;
    font-size:.9rem;
    font-weight:700;
    letter-spacing:2px;
    color:#b18024;
    text-transform:uppercase;
}

.section-header h2{
    font-size:48px;
    line-height:1.2;
    color:#051f45;
    margin-bottom:20px;
}

.section-header p{
    font-size:1.2rem;
    color:#5a6178;
    line-height:1.8;
}

/* Steps */

.approach-steps{

    display:grid;
    grid-template-columns:
        1fr auto
        1fr auto
        1fr auto
        1fr;

    align-items:start;

    gap:30px;

}

.approach-step{

    text-align:center;

}

.step-number{

    width:70px;
    height:70px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#051f45;

    color:#fff;

    font-size:1.5rem;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

}

.approach-step h3{

    color:#051f45;

    margin-bottom:15px;

    font-size:1.6rem;

}

.approach-step p{

    color:#5a6178;

    line-height:1.8;

}

/* Connecting line */

.step-divider{

    margin-top:35px;

    width:70px;

    height:2px;

    background:#b18024;

}

/* Button */

.approach-footer{

    text-align:center;

    margin-top:70px;

}

.btn-primary{

    display:inline-block;

    background:#051f45;

    color:#fff;

    padding:16px 34px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.btn-primary:hover{

    background:#b18024;

}