/* =====================================================
   PROCESS SECTION
===================================================== */

.section-process {
    padding: 50px 0;
    background: #ffffff;
}

.section-process .container {
    max-width: 1280px;
}





/* =====================================================
   GRID
===================================================== */

.process-timeline {

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));

    gap:50px;

    position:relative;

}


/* =====================================================
   Connector Line
===================================================== */

.process-timeline::before{

    content:"";

    position:absolute;

    top:40px;
    left:12%;

    width:76%;
    height:1px;

    background:#d9b15c;

    z-index:1;

}


/* =====================================================
   STEP
===================================================== */

.process-step{

    position:relative;

    text-align:center;

    z-index:2;

}


/* =====================================================
   NUMBER
===================================================== */

.process-number{

    width:58px;
    height:58px;

    margin:0 auto 28px;

    border-radius:50%;

    background:#b18024;

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:1.45rem;
    font-weight:700;

}


/* =====================================================
   CONTENT
===================================================== */

.process-content h3{
    min-height: 5rem;
    color:#051f45;
    font-size:1.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:18px;

}

.process-content p{

    color:#5a6178;

    line-height:1.8;

    font-size:1.05rem;

    max-width:280px;

    margin:0 auto;

}