/* ==========================================================
   COMO TRABALHAMOS
========================================================== */

.process {
    padding: 100px 0;
    background: var(--light);
}

.process h2 {
    max-width: 750px;
    margin-bottom: 20px;
    color: var(--secondary);
    font-size: 42px;
    line-height: 1.25;
}

.process .section-description {
    max-width: 780px;
    margin-bottom: 60px;
}

.process-container{
    display:grid;

    grid-template-columns:
        minmax(0, 1fr) auto
        minmax(0, 1fr) auto
        minmax(0, 1fr) auto
        minmax(0, 1fr) auto
        minmax(0, 1fr);

    align-items:stretch;
    gap:22px;
}

.process-step{
    min-width:0;
    min-height:330px;
    padding:30px 28px;

    display:flex;
    flex-direction:column;
    align-items:center;

    text-align:center;

    background:var(--white);
    border:1px solid var(--gray-200);
    border-radius:16px;
    box-shadow:0 12px 30px rgba(0,0,0,.05);

    transition:var(--transition);
}

.process-step:hover {
    transform: translateY(-8px);
    border-color: rgba(30, 124, 200, .35);
    box-shadow: 0 18px 38px rgba(0, 0, 0, .09);
}

.step-number {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 22px;
    color: var(--white);
    background: var(--primary);
    border-radius: 50%;
    font-size: 22px;
    font-weight: 700;
    transition: var(--transition);
}

.process-step:hover .step-number {
    background: var(--primary-dark);
    transform: scale(1.08);
}

.process-step h3{

    min-height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    font-size:18px;

    line-height:1.3;

    margin-bottom:18px;

    color:var(--secondary);

}

.process-step p {
    margin-top:15px;

    color:var(--gray-500);
    font-size:15px;
    line-height:1.7;
}

.process-arrow {
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    color:var(--primary);
    margin-top:80px;
}