/* ==========================================================
Flow
========================================================== */
.flow{
    background:#ffffff;
}
.flow__list{
    margin-top:70px;
    display:flex;
    flex-direction:column;
    gap:28px;
}
.flow-card{
    display:flex;
    gap:40px;
    align-items:flex-start;
    padding:40px;
    background:#fff;
    border:1px solid #E5E7EB;
    border-radius:24px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.3s;
}
.flow-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}
.flow-card__number{
    min-width:120px;
    text-align:center;
    background:var(--primary-color);
    color:#fff;
    border-radius:999px;
    padding:12px 18px;
    font-size:14px;
    font-weight:700;
}
.flow-card__content{
    flex:1;
}
.flow-card__content h3{
    font-size:28px;
    margin-bottom:14px;
    color:#111827;
}
.flow-card__content p{
    color:#64748b;
    line-height:1.9;
}
.flow__cta{
    margin-top:90px;
    padding:70px 50px;
    text-align:center;
    background:linear-gradient(135deg,#0F766E,#10B981);
    border-radius:32px;
    color:#fff;
}
.flow__cta h3{
    font-size:36px;
    margin-bottom:18px;
}
.flow__cta p{
    opacity:.9;
    line-height:2;
    margin-bottom:36px;
}
.flow__cta .button{
    background:#fff;
    color:#0F766E;
}
.flow__cta .button:hover{
    opacity:.9;
}
@media(max-width:768px){
.flow-card{
flex-direction:column;
padding:30px;
gap:24px;
}
.flow-card__number{
width:150px;
}
.flow__cta{
padding:50px 30px;
}
.flow__cta h3{
font-size:28px;
}
}