#baixaDeEmpresa {



    article {
        margin-block: 30px;
    }

    .container-instrucoes {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        gap: 20px;

        margin-block: 30px;

        .container-passos,
        .container-requisitos {

            padding: 20px;
            border: 1px solid #979797;
            border-radius: 20px;

            width: 100%;
            list-style: none;
            counter-reset: passo;

            .titulo-instrucoes {
                font-size: 1.25rem;
                padding: 20px;

                i{
                    margin-right: 10px;
                }
            }

            ol {
                display: flex;
                flex-direction: column;
                gap: 20px;

                margin: 0;
                padding: 0;
            }

            .item-passo {
                display: flex;
                align-items: center;
                gap: 20px;


                &::before {
                    counter-increment: passo;
                    content: "Passo " counter(passo);
                    min-width: 100px;

                    text-align: center;
                }

                .linha {
                    width: 1px;
                    height: 50px;
                    background-color: #979797;
                }

                .conteudo-passo {

                    p {
                        margin-bottom: 5px;
                    }
                }
            }
        }

        .container-requisitos {
            ul {
                display: grid;
                gap: 20px;

                margin-block: 20px;
                padding-inline: 20px;

                list-style: none;

                li {
                    position: relative;
                    padding-left: 40px;

                    &::before {
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 0.25em;
                        width: 20px;
                        height: 20px;
                        background: url("../img/check-image.svg") no-repeat center;
                        background-size: contain;
                    }
                }
            }
        }
    }
}

@media (max-width: 1024px) {
    #baixaDeEmpresa {
        .container-instrucoes {
            grid-template-columns: repeat(1, 1fr);
        }
    }
}

@media (max-width: 768px) {
    #baixaDeEmpresa {
        .container-instrucoes {

            .container-passos,
            .container-requisitos {
                .titulo-instrucoes {
                    font-size: 1.25rem;
                    padding: 0 0 20px 0;
                }

                .item-passo {


                    &::before {
                        counter-increment: passo;
                        content: "Passo " counter(passo);
                        min-width: 50px;
                        text-align: center;
                    }
                }

                ul {
                    margin-block: 0px;
                    padding-inline: 0px;
                }
            }
        }
    }
}