.banner {
  position: relative;
  width: 100%;
  height: 45vh; /* Establece la altura del banner al 100% del viewport height */
  overflow: hidden; /* Oculta cualquier desbordamiento de la imagen */
}

.banner img {
  width: 100%; /* La imagen ocupa todo el ancho del banner */
  height: 100%; /* La imagen ocupa todo el alto del banner */
  object-fit: cover; /* Escala y recorta la imagen para cubrir todo el banner */
}

.banner-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  padding: 20px;
  border-radius: 10px;
}

.banner-text h1 {
  font-size: 36pt;
  line-height: 42.5pt;
  margin-bottom: 20px; /* Ajusta este valor según tu preferencia */
}

.banner-text p {
  margin-top: 20px; /* Ajusta este valor según tu preferencia */
}

@media screen and (max-width: 1254px) {
  .content-center,
  .banner-text,
  .title-icons {
    width: 100%;
    padding: 20px;
  }

  .banner-text h1 {
    font-size: 32pt;
  }

  @media screen and (max-width: 530px) {
    .banner-text h1 {
      font-size: 22pt;
    }

    .title-icons {
      font-size: 1.75rem;
    }

    .select-title {
      font-size: 2rem;
    }

    .select-text {
      font-size: 1.25rem;
    }
  }
}