.bi-geo-alt {
    color: #1FAB72;

  }

  .izquierda {
    text-align: left !important;
    color: #FFFFFF;

  }

  .borderForm input {
    border: 1px solid #603B96;
    /* Define el estilo del borde */
    margin: 20px 0 20px 0;
  }

  .borderForm textarea {
    border: 1px solid #603B96;
    /* Define el estilo del borde */

  }

  .borderForm input::placeholder {
    color: #603B96
      /* Cambia el color del marcador de posición aquí */
  }

  .borderForm textarea::placeholder {
    color: #603B96
      /* Cambia el color del marcador de posición aquí */
  }

  .borderForm label {
    display: none;
  }

  .especialista {
    margin-top: 15px;
    background-color: #603B96;
    width: 250px;
    color: white;
    text-align: center;
    border-radius: 50px;
    padding: 15px;
    font-weight: bold;
    border: none;
    font-size: 16px;

    transition: transform 0.2s ease-in-out;
    /* Agrega una transición para suavizar la animación */

  }

  .especialista:hover {
    transform: scale(1.05);
    /* Ajusta el valor según lo que desees para el efecto de escala */
  }

  .contenedorPadd {
    margin-top: 50px;
    margin-bottom: 50px;
    user-select: none;
  }

  .centrarBoton {
    position: absolute;
    bottom: 50px;
    transform: translateX(-50%)
  }

  .especialista2 {
    border-radius: 50px;
    padding: 15px;
    /* Agrega el padding aquí */
    background-color: #673BA7;
    color: white;
    border: none;
    user-select: none;
    transition: transform 0.2s ease-in-out;
    /* Agrega una transición para suavizar la animación */
    position: absolute;
    bottom: 50px;
    font-weight: bold;
    transform: translateX(-50%);
  }

  .especialista2:hover {
    transform: translateY(-3px) translateX(-50%) scale(1.05);
    /* Levanta el botón 3px hacia arriba y lo mantiene centrado */

  }

  .tarjeta {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    border: none;
    max-width: 300px;
    min-width: 275px;
    height: 600px;
    position: relative;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .fbold {
    font-weight: bold;
  }

  .imgCarrusel {
    max-width: 100px;
  }

  /* Estilo para el carrusel */
  .carousel-item {
    opacity: 0;
    /* Las imágenes comienzan desvanecidas */
    transition: opacity 2s ease;
    /* Transición de desvanecimiento */
  }

  .carousel-item.active {
    opacity: 1;
    /* La imagen activa se muestra sin desvanecer */
  }

  @media (max-width: 980px) {
    .no-margin {
      margin-top: 275px !important;
      /* Establece el margen a cero en pantallas pequeñas */
    }
  }

  .send-to-back {
    position: relative;
    /* Establece la posición relativa */
    z-index: -1;
    /* Envía el elemento al fondo */
  }

  .bring-to-front {
    position: relative;
    /* Establece la posición relativa */
    z-index: 2;
    /* Envía el elemento al frente */
  }