body {
      background-color: #f8f9fa;
      color: #343a40;
    }
    .hero {
  
      background-image: url('../img/front3.jpeg');
      background-size: cover;
      background-position: center 40%; /* Cambia este valor para mover la imagen verticalmente */
      background-repeat: no-repeat;
      display: flex;
      align-items: flex-end;  /* Mueve el contenido a la parte inferior */
      height: 400px;          /* O el alto que necesites */
      padding: 40px 0;
      text-align: center;
      color: white;

    }
    .service-card {
      background-color: #ffffff;
      border: none;
      border-radius: 0;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .service-card .card-body {
      padding: 2rem;
    }
    footer {
      background-color: #ffffff;
      padding: 20px 0;
      text-align: center;
      font-size: 0.9rem;
      color: #6c757d;
    }