/* ==========================================================
   FUNCIONAMENTO
========================================================== */


.funcionamento {

    padding: 120px 0;

    background: #f5f3ee;

}




/* ==========================================================
   HEADER
========================================================== */


.section-header {

    max-width: 750px;

    margin-bottom: 70px;

}



.section-header h2 {

    color: #163b2f;

    font-size: clamp(2.3rem, 5vw, 4rem);

    line-height: 1.15;

}




/* ==========================================================
   STEPS
========================================================== */


.steps {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 30px;

}




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


.step {

    position: relative;

    padding: 35px 30px;

    background: #ffffff;

    border-radius: 20px;

}



.step-number {

    display: block;

    font-size: 3rem;

    font-weight: 700;

    color: rgba(22,59,47,.15);

    margin-bottom: 25px;

}



.step h3 {

    color: #163b2f;

    font-size: 1.3rem;

    margin-bottom: 15px;

}



.step p {

    color: #45545a;

    line-height: 1.7;

}




/* ==========================================================
   RESPONSIVE
========================================================== */


@media(max-width:1000px) {


    .steps {

        grid-template-columns: repeat(2,1fr);

    }


}



@media(max-width:600px) {


    .steps {

        grid-template-columns: 1fr;

    }


}