@media (max-width: 991px) { /* Se activa cuando la pantalla es menor a 992px */
  .custom_nav-container {
    font-size: 8px;
    font-weight: 400;
      position: absolute !important; /* Cambia de absolute a relative */

      top: 0px; /* Quita el espacio superior */
  }
}


@media (max-width: 991px) { /* Se activa cuando la pantalla es menor a 992px */
  .navbar-brand span {
  font-size: 8px;
  font-weight: 400;
  color: #ffffff;
  
}
}

@media (max-width: 991px) { /* Se activa cuando la pantalla es menor a 992px */.text-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centra el texto */
  color: white;         /* Texto en color blanco */
  font-size: 12px;      /* Tamaño de fuente */
  font-weight: bold;    /* Negrita */
  text-align: center;   /* Centra el texto */
  background: rgba(0, 0, 0, 0.5); /* Fondo semi-transparente */
  padding: 10px 20px;   /* Espaciado interno */
  border-radius: 5px;   /* Bordes redondeados */
}
}

@media (max-width: 991px) {
  .service_section .service_container {
    flex-direction: column;
    align-items: center; /* Opcional: Centra los elementos en la columna */
  }
}
@media (max-width: 991px) {
.contact_items {
    flex-direction: column;
    align-items: center; /* Opcional: Centra los elementos en la columna */
  }


}
@media (max-width: 991px) {
  .marquee {
    font-size: 9px;
  }
}

@media (max-width: 991px) {
.video-container {
  position: relative;  /* Contenedor relativo para posicionar el texto */
  width: 100%;         /* Imagen de ancho completo */
  height: 60vh;        /* Alto del 50% de la pantalla */
  overflow: hidden;    /* Evita desbordamiento */
}
}