.section-porque {
    margin-top: 5rem;
    position: relative;
    background-image: linear-gradient(90deg, rgba(0, 29, 108, 0.8) 0%, rgba(0, 29, 108, 0) 100%), url('/img/home-section1-cover.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 600px;
}


.section-porque-content {
    gap: 3rem;
    margin: 5rem 0;
}

.container-fluid .section-como {
    padding: 6rem 5rem;

    img {
        object-fit: cover;
    }
}


.section-como-text-content {
    margin: 5rem 0 5rem -10rem;
    background-color: #265391;
    padding: 2rem;
    z-index: 2;
    gap: 1rem;
}

.container-fluid .section-solucoes,
.container-fluid .section-clientes,
.container-fluid .section-contato {
    padding: 10rem 5rem;
}

.section-solucoes {
    background-image: url("/img/home-section-solucoes-cover.png");
    gap: 2rem;

    .btn {
        border: 2px solid #ffffff;
        font-size: 1.25rem;
        font-weight: 500;
        letter-spacing: 0.5px;
        width: auto;
        padding: 1rem;
    }


    .btn-outline-light:hover {
        background-color: #F5BC00;
        border-color: #F5BC00;
        color: #ffffff;
    }

}

.section-solucoes-text {
    gap: 2rem;
    width: 70vw;
}

.section-clientes {
    gap: 4rem;

    h2 {
        color: #265391;
    }
}

.section-contato {
    gap: 4rem;
    background-color: #265391;

    .btn {
        background-color: #F5BC00;
        font-size: 1.25rem;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #265391;
        padding: 1rem;
        width: auto;
    }
}

.section-contato-text {
    gap: 2rem;
    width: 70vw;
}


@media (max-width: 1400px) {

    .section-como {
        .row {
            justify-content: center;
        }
    }

    .section-como-text-content {
        margin: 5rem 0 5rem -5rem;
    }
}


@media (max-width: 1200px) {
    .section-como {
        .row {
            justify-content: center;
        }
    }

    .section-como-text-content {
        margin: 0;
        margin-top: -3rem;
        align-items: center;

    }
}

@media (max-width: 992px) {

    h1 {
        font-size: 3rem;
    }

    p {
        font-size: 1rem;
    }

    .container-fluid .section-porque {
        background-position: center;
    }

    .container-fluid .section-como {
        padding: 1rem;
    }


    .container-fluid .section-solucoes,
    .container-fluid .section-clientes,
    .container-fluid .section-contato {
        padding: 5rem 2rem;
    }
}