.btn-news:hover{
background-color: #08a585 !important;
border: #08a585;
color: #fff !important;
}
.btn-news{
background-color: #fff !important;
color:  #08a585 !important;
border: 1px solid #08a585;
}
.titulo{
font-family: 'Concert One', cursive;
font-size: 32px;
text-transform: uppercase;
color: #004e86;
}


@media (max-width: 768px) {
.video-class{
height: 250px;
}
}
@media (min-width: 769px) {
.video-class{
height: 450px;
}
}
@media (max-width: 768px) {
.card-height-xs{
padding-bottom: 10px;
}
}


.btn-search{
background-color: #ff0000; 
color: white;
border: none;
cursor: pointer;
}

.btn-search:hover{
background-color: #004e86;
color: #fff;
}


@media (max-width: 768px) {
.form-custom-vender {
width: 120px !important;
background: #004999!important;
padding: 0px!important;
margin-left:  -10px;
line-height: 0.2!important;
height: 40px !important;
border: 1px solid #004999!important;
} 
#div-funciona{
margin-left: 65px;
}
#vender-gif{
width: 550px;
margin-left: -90px;
}
}
@media (min-width: 769px) {
.form-custom-vender {
width: 125px !important;
background: #004999!important;
padding: 0px!important;
line-height: 0.2!important;
height: 40px !important;
border: 1px solid #004999!important;
} 
#div-funciona{
margin-left: 150px;
}
}

@media (max-width: 768px) {
.row .col-xs-12.col-lg-2 {
width: 100%;
text-align: center;
margin-bottom: 10px;
}

.row .col-xs-12.col-lg-10 {
width: 100%;
text-align: center;
}
}

.step-container {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%; /* Garante que cada passo ocupa a linha toda */
margin-bottom: 20px;

}

@media (min-width: 769px) {
.step-container {
margin-left: 5%;
margin-bottom: 43px;
}
}


.step-number {
width: 75px;
height: 75px;
background-color: #ef4032;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
font-weight: bold;
color: white;
margin-right: 15px;
}

.step-text {
font-size: 20px;
color: #004999;
}

/* Mantém a organização no mobile */
@media (max-width: 768px) {
.step-container {
flex-direction: column;
text-align: center;
}

.step-number {
margin-right: 0;
margin-bottom: 10px;
}

.step-text {
font-size: 18px;
}
}

/* Ajuste para Mobile */
@media (max-width: 768px) {
.step-container {
flex-direction: column;
text-align: center;
}

.step-number {
margin-right: 0;
margin-bottom: 10px; /* Dá um espaçamento entre o número e o texto */
}

.step-text {
font-size: 18px;
}
}



.banner-img-container {
width: 100%;
display: flex;
justify-content: center;
}

.banner-img {
width: 100%;
max-width: 1200px; /* Ajusta para telas grandes */
height: auto;
max-height: 500px; /* Limita a altura para telas grandes */
object-fit: cover;
display: block;
}

/* Ajuste para mobile */
@media (max-width: 768px) {
.banner-img {
max-height: 400px; /* Mantém a proporção no mobile */
}
}

}
html, body {
overflow-x: hidden;
width: 100%;
}
VENDA COM O
.container-fluid {http://localhost:9090/autoatacado/site/assets/imagens/banner.jpg
max-width: 100vw;http://localhost:9090/autoatacado/site/assets/imagens/banner.jpg
overflow-x: hidden;
}
@media (max-width: 768px) {
.step-container {
margin-left: 0 !important;
margin-right: 0 !important;
}
}



.row {
margin-left: 0;
margin-right: 0;
}
.centro-home-xs {
max-width: 100%;
overflow-x: hidden;
}
@media (max-width: 768px) {
.centro-home-xs {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
}