/*==================================================
HOW IT WORKS
==================================================*/

.how-it-works{

    padding:150px 0;

    background:#fafbff;

}

.steps{

    display:grid;

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

    align-items:center;

    gap:30px;

    margin-top:70px;

}

.step{

    background:white;

    padding:45px;

    border-radius:28px;

    border:1px solid #ececec;

    text-align:center;

    transition:.30s;

    box-shadow:0 18px 40px rgba(0,0,0,.05);

}

.step:hover{

    transform:translateY(-8px);

    box-shadow:0 30px 60px rgba(0,0,0,.10);

}

.step-number{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    border-radius:50%;

    background:linear-gradient(135deg,#ff4eb8,#6d46ff);

    color:white;

    font-size:28px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

}

.step h3{

    font-size:24px;

    margin-bottom:18px;

}

.step p{

    color:#666;

    line-height:1.8;

}

.step-arrow{

    font-size:44px;

    color:#d6d6d6;

    font-weight:bold;

}