body {
    margin: 0;
    font-family: Arial, sans-serif;
}

.pt-100 {
    padding-top: 0px;

}

.shape--06 {
    position: relative;
}

.reviews-section {
    background-color: #fff2dfe7;
}

.owl-carousel .carousel-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50%; /* Altura fija para las imágenes */
    overflow: hidden;
}

.owl-carousel .carousel-item img {
    width: 60%; /* Ajusta el porcentaje según el tamaño deseado */
    height: auto; /* Mantiene la proporción original de la imagen */
    margin: 0 auto; /* Centra la imagen dentro del contenedor */
    display: block; /* Asegura que se comporte como un bloque */
}


.custom-list {
    list-style-type: disc; /* Estilo de los bullets (disc, circle, square) */
    padding-left: 20px; /* Espaciado desde el margen izquierdo */
	list-style-position: inside; /* Hace que el bullet se alinee con el texto */
}

.custom-list li {

    font-size: 18px; /* Tamaño del texto */

}

.izq {
	text-align: left; /* Asegura que el texto esté alineado a la izquierda */
	}
.margizq {
	padding-left: 25%;
	}

.columna {

    justify-content: center; /* centra horizontalmente */
	flex: 1;

}

.col.columna {
    display: flex;
    flex-direction: column; /* Asegura que los elementos estén en columna */
    align-items: center; /* Centra el contenido horizontalmente */
    text-align: center; /* Centra el texto */
    padding: 40px; /* Padding de 20px a los lados */
	    margin-top: -100px;
}

.owl-nav {
    display: none !important;
}



.btn-auto {
    display: inline-block; /* Asegura que solo ocupe el ancho del contenido */
    width: auto; /* Evita que se expanda al 100% */
    padding: 20px 30px; /* Ajusta el espaciado interno */
    text-align: center; /* Asegura que el texto esté centrado */
    white-space: nowrap; /* Evita que el texto se divida en varias líneas */
}

.hero-1-txt p {

    padding: 35px; /* Espaciado interno */
}

.title-container {
    display: flex; /* Activa flexbox */
    align-items: center; /* Centra verticalmente */
    justify-content: center; /* Centra horizontalmente */
    gap: 20px; /* Espaciado entre el icono y el título */
    text-align: left; /* Asegura que el texto se vea bien centrado */
}


.pleca {
    position: relative; /* Permite posicionar elementos hijos de manera absoluta */
}

.pleca::before {
    content: ""; /* Elemento vacío para la pleca */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Ocupará todo el ancho del div */
    height: 130px; /* Altura de la pleca */
    background-color: #f6921e; /* Color de la pleca */
    z-index: -1; /* Envía la pleca al fondo para que quede detrás del contenido */
    border-top-left-radius: 12px; /* Opcional: Ajusta las esquinas si es necesario */
    border-top-right-radius: 12px;

	}


.btn-shadow-demo {
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3); /* Sombra ligera */
    transition: box-shadow 0.3s ease-in-out; /* Efecto suave */
}

.btn-shadow-demo:hover {
    box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.5); /* Sombra más intensa al hacer hover */
}


.custom-container2 {
    padding-left: 15vw; /* 15% del ancho de la pantalla */
}



.fbox-shadow {
    background-color: white; /* Fondo blanco */
    border-radius: 12px; /* Esquinas redondeadas */
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25); /* Sombra suave */
    padding: 20px; /* Espaciado interno */
    transition: box-shadow 0.3s ease-in-out; /* Efecto suave */
	width: 100%;
}

.fbox-shadow:hover {
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.45); /* Sombra más intensa al pasar el mouse */

}


.columna-izquierda {
    margin-right: 40px; /* Espacio entre columnas */
}

@media (min-width: 768px) {
    .mr-column-40 {
      margin-right: 40px; /* Margen derecho para pantallas medianas y superiores */
    }
}

@media (max-width: 768px) {
    .mt-column-15 {
      margin-top: 15px !important; /* Margen derecho para pantallas medianas y superiores */
    }
}

.icono {
    width: 100%;  /* La imagen ocupa todo el ancho disponible */
    height: auto;  /* Mantiene la proporción */
    max-width: 80px; /* Controla el tamaño máximo */
    object-fit: contain; /* Evita deformaciones */
}

.fbox-11 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Alinea todo al top (arriba) */
}


.fbox-12 {
    background-color: white; /* Fondo blanco */
    padding: 20px; /* Espaciado interno */
    border-radius: 12px; /* Bordes redondeados */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Sombra suave */
}

.fbox-txt {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Alinea todo al top dentro del contenedor de texto */
    align-items: flex-start; /* Alinea todo a la izquierda */
}


.fbox-txt2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Alinea todo al top dentro del contenedor de texto */
}

.btns-group {
    margin-top: 35px; /* Espacio entre el párrafo y el botón */
}


h6.naranja.s-30 {
    margin-bottom: -5px;  /* Ajusta el espacio entre los dos títulos */
}


.full-width-bottom-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
}

.full-width-top-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
}
.margin-title {

    padding: 100px 0 150px 0; /* Arriba 100px, Derecha 0, Abajo 150px, Izquierda 0 */
}

#careers-1 {
    background-color: #f5f5f5; /* Fondo gris claro */
    padding-top: 60px; /* Espacio en la parte superior */
    width: 100%;
}

.title-container h6 {
    display: block; /* Fuerza que cada h6 esté en su propia línea */
    margin: 0; /* Ajusta el margen para evitar separación extra */
}

div.owl-dots {
	display: none;
}

.hero-1-txt p {
    background: radial-gradient(ellipse at center,
                                rgba(0, 0, 0, .6) 20%,
                                rgba(0, 0, 0, 0.4) 50%,
                                rgba(0, 0, 0, 0) 70%);
    padding: 50px;
    display: inline-block;
    border-radius: 50px;
}



.logo-white {
    display: none;
}



.ali {
    text-align: center;
}