.menu-item a span {
   text-shadow: 
       -1px -1px 0 white,  
       1px -1px 0 white,
       -1px 1px 0 white,
       1px 1px 0 white; /* Sombras en las cuatro direcciones para simular el borde blanco */
}



.slide-item-content,
.slide-item {
   height: 890px; /* Asegura que todo el contenedor respete la altura */
   overflow: hidden; /* Asegura que el contenido no se desborde */
}

.image-layer {
   height: 100%; /* Asegura que la imagen llene todo el contenedor */
   background-size: cover;
   background-position: center;
   display: block;
}

.banner_carousel .owl-item {
   height: 950px !important; /* Fuerza la altura en cada slide */
}

.banner_carousel .owl-stage-outer {
   height: 860px !important; /* Fuerza la altura del contenedor */
}


.service_content {
   margin-bottom: 40px; /* Ajusta el valor según lo necesites */
}


.service_box {
   margin-bottom: 20px; /* Ajusta el valor según lo necesites */
}



.image_box {
   width: 100% !important; /* Asegura que el contenedor de la imagen tome todo el ancho disponible */
   position: relative; /* Necesario para la posición absoluta del contenido interno */
   padding-top: 100% !important; /* Crea un contenedor cuadrado utilizando padding-top para mantener la relación de aspecto */
   overflow: hidden; /* Asegura que la imagen no se salga del contenedor */
   margin-bottom: 20px !important; /* Añade un espacio debajo de la imagen para separar el título */
}

.image_box img {
   position: absolute; /* Posiciona la imagen en el contexto de su contenedor padre */
   top: 0; /* Comienza desde la parte superior del contenedor */
   left: 0; /* Comienza desde la parte izquierda del contenedor */
   width: 100% !important; /* La imagen se ajusta al 100% del ancho del contenedor */
   height: 100% !important; /* La imagen se ajusta al 100% de la altura del contenedor, manteniendo la relación de aspecto */
   object-fit: cover; /* Cubre todo el contenedor sin distorsionar la imagen */
}




.service_box .content_inner p {
   text-align: justify;
}