/*==================================================
WORKFLOW
==================================================*/

.workflow{

    padding:140px 0;

    background:#f8fafc;

}

.workflow-line{

    margin-top:80px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:25px;

    flex-wrap:wrap;

}

.workflow-step{

    width:180px;

    padding:30px;

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:24px;

    text-align:center;

    transition:.35s;

    box-shadow:0 15px 35px rgba(15,23,42,.05);

}

.workflow-step:hover{

    transform:translateY(-10px);

    border-color:#2563eb;

    box-shadow:0 25px 60px rgba(37,99,235,.18);

}

.step-icon{

    width:70px;

    height:70px;

    margin:0 auto 20px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

    background:#eef2ff;

    border-radius:18px;

}

.workflow-step h3{

    margin-bottom:15px;

    font-size:20px;

}

.workflow-step p{

    color:#64748b;

    font-size:15px;

    line-height:1.7;

}

.workflow-arrow{

    font-size:34px;

    color:#94a3b8;

    font-weight:bold;

}