.carousel-img-1 {
    background-image:url('../img/carousel\ 1.jpg');
    width: 100%;
    height: 100%;
     background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel-img-2 {
    background-image:url('../img/prevencion-riesgos.jpg');
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.carousel-img-3 {
    background-image:url('../img/1720432018858.png');
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Estilos para pantallas móviles (ancho máximo de 768px) */
@media (max-width: 768px) {
    .about h6, .about h2 {
      text-align: center; /* Alinea los textos al centro */
    }
  
    .about p {
      font-size: 12px; /* Ajusta el tamaño de la fuente en dispositivos móviles */
      text-align: center;
    }
  
    .about img {
      width: 100%; /* Ajusta la imagen para que ocupe todo el ancho disponible */
      height: auto;
    }
  
    .about-pic {
      text-align: center; /* Centra la imagen en móviles */
    }
  
    .front-options .row {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; /* Centra las opciones de servicios */
    }
  
    .about-services .col-md-6 {
        width: 39%; /* Hace que cada ítem ocupe el 100% del ancho en móvil */
      margin-bottom: 20px; /* Añade margen entre ítems */
    }
  
  
    .border-icon img {
      width: 50px; /* Ajusta el tamaño de los íconos */
      height: auto;
    }
    .btn-custom {
        height: auto;
      }
      .btn {
        font-size: 14px;
        height: auto;
      }

      .portfolio-items .portfolio-item {
        width: 50%;
      }
    
      .portfolio-item img {
        width: 100%; /* La imagen ocupa todo el ancho del contenedor */
        height: auto; /* Mantiene la proporción de la imagen */
        border-radius: 10px;
      }
    
      .section-title h2 {
        text-align: center; /* Centra el título en móviles */
      }
    
      .section-title p {
        text-align: center; /* Centra la descripción */
        font-size: 14px; /* Ajusta el tamaño del texto de la descripción */
      }
  }
  
  .accordion-content {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 10px;
}