/* Estilos generales 
    margin: 0;
    padding: 0;
    
    font-family: roboto;
}
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali&display=swap');

* {
  font-family: "Noto Sans Bengali", sans-serif !important;
}

body {
    margin: 0;
    padding: 0;
  }


.card{
    height: 300px;
}

.card img{
    max-height: 230px;
    max-width: 230px;
}



#footer{
    background-color: #0E78F0;
    color: white;
}
.flex-column li{
    color: white !important;
}


#footer li a {
    /* Estilos para los elementos li dentro del footer */
    color: white; /* Cambia el color del texto a blanco como ejemplo */
    text-decoration: none;
  }
  


  #carousel{
    
    margin-top: 70px;

  }


#carousel .carousel-inner{
    background-image: url("./images/bg-annlu.png");
    background-repeat: no-repeat;
    background-size: cover;


  }

  #carousel .carousel-item{
    height: 300px;
  }

  @media (min-width: 300px) and (max-width: 576px){

    .col-sm-12 {
      flex: 0 0 auto !important;
      width: 100% !important;
  }

  }
  


  #navbar{
    position: fixed;
    background-color: black;
    width: 100%;
    top: 0;
    left: 50%; /* Centra horizontalmente */
    transform: translateX(-50%); /* Centra horizontalmente */
    z-index: 1000; /* Valor alto para asegurar que esté por encima de otros elementos */
  }
  .card {
    max-width: 330px;
    padding: 15px;
    border:1px solid #AFAFAF;
    margin-top: 15px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.2);cursor:default; transition: all 400ms ease;
}
  .card:hover {box-shadow: 5px 5px 20px rgba(0,0,0,0.4); transform: translateY(-3%);}

  #nosotros{
    background-color: #EDEDED;

  }

  #error-message {
    color: red;
  }

  /* Carrusel de productos ex marcas*/

  .carousel-productos .carousel-inner {
    padding: 1em;
  }
  .carousel-productos .card {
    margin: 0 0.5em;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
  }
  .carousel-productos .carousel-control-prev,
  .carousel-productos .carousel-control-next {
    background-color: #e1e1e1;
    width: 6vh;
    height: 6vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
  }

  @media (min-width: 768px) {
    .carousel-productos .carousel-item {
      margin-right: 0;
      flex: 0 0 25%;
      display: block;
    }
    .carousel-productos .carousel-inner {
      display: flex;
    }
  }
  .carousel-productos .card .img-wrapper {
      max-width: 100%;
      height: 13em;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .carousel-productos .card img {
      max-height: 100%;
  }
  @media (max-width: 767px) {
    .carousel-productos .card .img-wrapper {
      height: 17em;
    }
  }

   /* Mapa*/

   #mapa{
    width: 100%;
    height: 300px;
   }

   @media (max-width: 500px){
    #ws{
      width: 128px;
      height: 170px;
    }
   }