/* Estilos do slider personalizado */
#lvsfrota{
  padding-top: 120px;
}

#lk_cotacao{
  margin-top: 200px !important;
}

.custom-carousel {
  overflow: hidden;
  /*height: 400px !important;*/
  position: relative;
  background-color: #ffffff !important;
  /*padding-top: 70px !important;*/
  padding-top: 20px !important;
}

.custom-carousel-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  font-size: 20px;
}

.custom-carousel-content {
  max-width: 50%;
}

.custom-carousel-image {
  max-width: 45%;
}

.custom-carousel-image img {
  height: 100%; /* Controla a altura da imagem para preencher o container */
  object-fit: cover; /* Mantém a proporção da imagem */
}

.content-box {
  padding: 20px;
  border: 1px solid #ccc; /* Bordas para distinguir as caixas */
  border-radius: 8px; /* Bordas arredondadas */
  text-align: center; /* Centraliza o texto */
  background-color: #ffffff; /* Fundo claro f8f9fa */
  margin-bottom: 20px; /* Espaçamento entre as caixas */
}

.content-box img {
  max-width: 100%; /* Garante que a imagem se ajuste */
  height: auto; /* Mantém a proporção da imagem */
  margin-top: 10px; /* Espaço entre o botão e a imagem */
}


/* Estilos para mobile */
@media (max-width: 768px) {
  #lvsfrota{
    padding-top: 20px;
  }

  .custom-carousel {
    overflow: hidden;
    height: 600px !important; /* Defina a altura desejada aqui */
    position: relative;
    background-color: #ffffff !important;
    padding-top: 30px !important;
  }

  .custom-carousel-item {
    padding: 20px 0 20px 0;
    flex-direction: column; /* Altera a ordem para coluna no mobile */
    justify-content: flex-start;
    align-items: center; /* Centraliza no mobile */
    height: auto; /* Permite que o conteúdo cresça */
  }

  .custom-carousel-content {
    max-width: 100%;
    text-align: center; /* Centraliza o texto */
    margin-bottom: 15px; /* Espaçamento entre conteúdo e imagem */
  }

  .custom-carousel-image {
    max-width: 100%;
    margin-top: 15px; /* Espaçamento entre o conteúdo e a imagem */
  }

  .custom-carousel-image img {
    height: auto; /* Ajusta a altura da imagem para dispositivos móveis */
    max-width: 100%; /* Mantém a imagem dentro da largura da tela */
  }
}