header{
height: auto;
padding: 16px;
}

.bg-cinza{    
    background-color: #EBE6F1;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.logo{
height: 45px;
top: 10px;
}

.logo-footer{
    height: 40px;
    text-align: left;
    margin: 16px 0;
}

.right{
    text-align: right;
}

.btn-group{
    padding: 16px
}

.btn{
    padding: 16px;
    margin: 8px;
}

.bt-peca-ja{
padding: 8px 32px;
gap: 10px;
background: #2BC56E;
color: white;
border-radius: 8px;
border: 0;
}

.bt-cliente{
padding: 8px 32px;
gap: 10px;
background: #7257A1;
color: white;
border-radius: 8px;
border: 0;
}

.sub-menu{
    text-align: center;
}

.menu{
border: 0;
display: inline-block;
background-color: white;
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
height: 18px;
padding: 0 32px 0 32px;
color: #4a4a4a;
}

.parceiros{
text-align: center;
padding: 64px;
}

.titulo{
position: relative;
font-family: 'Open Sans';
font-weight: 700;
font-size: 32px;
/* identical to box height */
color: #5454a4;
}



.logos-clientes{
    position: relative;
    padding-top: 32px;
    padding-bottom: 32px;
}

.desconto-logo{
height: 100px;
align-items: center;
}

.nome-programa{
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #000000;
padding-top: 16px;
text-align: center;
}

.footer{
width: 100%;
vertical-align: middle;
display: inline-block;
padding: 32px;
}

.menu-rodape{
border: 0;
display: inline-block;
font-family: 'Montserrat';
background-color: transparent;
color: white;
font-style: normal;
font-weight: 500;
height: 12px;
padding: 16px 16px 0 16px;

}

footer{
    background: #7C3DE1;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.icones{
    padding: 16px;
    display: inline-block;
}

@media (max-width: 576px) {
    .titulo{
      font-size: 18px
    }

    .logo{
        
        text-align: center;
    }

    .right{
        text-align: center;
    }

    .logo-footer{
        text-align: center;
    }
}