.comoFunciona {
    background-image: url(../../img/Fundos/ComoFuncionaFundoVerde2.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
    width: 100%;
    height: 60vh;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.divisaoComoFunciona {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tituloComoFunciona {
    font-size: 2rem;
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 3rem 0px;
    font-weight: 700;
}

.comoFunciona__linhas {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 0px 2rem 0px;
    width: 100%;
}

.EtapaNumeracao {

    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    justify-content: center;
    align-items: center;

}

.tituloEtapa {

    font-size: 0.8rem;
    color: #FFFFFF;
    opacity: 50%;
    text-transform: uppercase;

}

.numeroEtapa {
    font-size: 1rem;
    color: #009036;
    padding: 0.5rem;
    border: 4px solid #009036;
    border-radius: 50%;
    background-color: white;
    width: 2rem;
    height: 2rem;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    font-weight: 700;

}

.EtapaLinha {
    background: white;
    height: 5px;
    width: 14%;
    margin: 25px -5px 0px -5px;
    border: 2px solid #009036;
}

.comoFuncionaCards {
    display: flex;
    gap: 2.6rem;
    padding: 0px 0px 50px 0px;
    justify-content: center;
    align-items: center;

}

.comoFuncionaCards__continer {
    background-image: url(../../img/Fundos/FundoCardVerde.png);
    width: 15%;
    height: 15rem;
    border: rgb(76, 98, 112) solid 1px;
    border-radius: 12px;
    position: relative;
}

.comoFuncionaCards__continer__paragrafo {
    font-size: 1rem;
    display: flex;
    padding: 1rem;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.comoFuncionaCards__continerSeta {
    padding: 1rem;
    border-radius: 50%;
    background-color: #02481d;
    width: 4rem;
    height: 4rem;
    align-items: center;
    display: flex;
    justify-content: center;
    font-weight: 700;
    z-index: 5;
    border: rgb(76, 98, 112) solid 2px;
    position: absolute;
    right: -3.4rem;
    top: 30%;
}

.AvisoLink {
    font-size: 1.2rem;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 3rem 0px;
}