.banner {
    background: linear-gradient(45deg, var(--cor1), var(--cor4));
    padding: 130px 100px 100px 100px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    height: 500px;
}
@media (max-width: 992px) {
    .banner {
        padding: 50px 0 20px 0;
        height: 100%;
        text-align: center;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
}
.imagem-banner img{
    height: 500px;
    margin-top:  -30px;
    max-height: 500px;
    width: auto;
}

    @media (max-width: 992px) {
        .banner .img-fluid{
            visibility: hidden;
    }
}
.banner h1{
    font-size: 3rem;
    color: var(--branco);
}
@media (max-width: 768px) {
    .banner h1 {
        font-size: 2rem;
    }
}
.banner p{
    color: var(--branco);
}
.banner .btn{
    min-height: 50px;
    padding: 12px;
    border: none;
    font-weight: 600;
}
.btn-banner1 {
    background-color: var(--cor5);
    border-color: var(--cor2);

}
.btn-banner1:hover {
    background-color: var(--cor2);
    color: var(--cor3);
}

.btn-banner2 {
    background-color: var(--cor3);
    border-color: var(--cor1);
}
.btn-banner2:hover {
    background-color: var(--cor4);
    border-color: var(--cor2);
}
.destaque1{
    color: var(--amarelo);
    font-weight: 900;
}
#secao1{
    background-image: url("../imagens/fundo-secao1.png");
    background-repeat: no-repeat;
    background-size: contain;
}
#secao1 .card{
    border:none;
    box-shadow: 0 0 10px 0 var(--cor5);
    border-radius: 30px;
    padding: 10px 10px;
    transition: transform 0.3s ease;
}
#secao1 .card:hover{
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}
#secao1  img{
    height: 65px;
    width: 65px;
    margin: 10px;
}
#secao1 .card .card-title{
    color: var(--cor1);
    font-size: 2rem;
}
#secao1 #card1{
    background-color: var(--cor1);
    color: var(--branco);
    box-shadow: 0 0 20px 0 var(--cor4);
}
#secao1 #card1 .card-title{
    color: var(--branco);
}

#secao2 img{
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 10px 100px 10px 100px;
}

#secao2 h3{
    color: var(--cor4);
    font-size: 1.2rem;
}

#secao2 h4{
    color: var(--cor2);
    font-size: 2.5rem;
}

#secao2 p{
    color: var(--cor2);
    font-size: 1.2rem;
}
#secao2{
    background-image: url("../imagens/fundo-secao1.png");
    background-repeat: no-repeat;
    background-size: contain;
}