/* IMAGE OVERLAY */
.se-section-image-overlay .editContent,
.se-section-image-overlay .content-block-column {
 position: relative;
}

.se-section-image-overlay .content-block-column::before {
 content: '';
 background-color: rgba(0,0,0,0.30);
 width: 100%;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
}
/* Contenedor */
.five-reasons-container {
 position: relative;
 width: 100%; /* Full width */
 max-width: 1920px; /* Máximo ancho */
 margin: 0 auto; /* Centrado horizontal */
 overflow: hidden; /* Para evitar desbordamientos */
}

/* Enlace */
.five-reasons-link {
 display: block;
 text-decoration: none; /* Sin subrayado */
 outline: none; /* Sin bordes */
}

/* Imagen */
.five-reasons-image {
 width: 100%;
 height: auto;
 display: block;
 transition: opacity 0.3s ease; /* Hover suave */
}

/* Hover de la imagen */
.five-reasons-link:hover .five-reasons-image {
 opacity: 0.8; /* Cambia la opacidad en hover */
}

/* Hover de enlace (opcional, por si se necesita personalización extra) */
.five-reasons-link:hover {
 color: inherit; /* Asegura que no cambie el color del texto */
 background-color: transparent;
 border: none;
}
/* General styles for the table */
.table {
 width: 100%;
 border-collapse: collapse;
 margin: 0;
 padding: 0;
}

.table td {
 padding: 10px;
 text-align: center;
}

/* Styles for the header text */
h2 span {
 font-size: 30px;
 font-family: Lato, sans-serif;
 color: rgb(255, 255, 255);
}

/* Subheader styles */
header span {
 font-family: Lato, sans-serif;
 font-size: 18px;
 color: rgb(85, 85, 85);
 text-align: left;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
 h2 span {
 font-size: 20px; /* Reduce header text size */
 }

 header span {
 font-size: 16px; /* Reduce subheader text size */
 }

 .table td {
 padding: 5px; /* Reduce padding for smaller screens */
 }
}
.ubc-td-header {
 background-color: #223549;
 color: #ffffff;
 height: 40px;
 vertical-align: middle;
 font-family: 'Lato', sans-serif;
 font-size: 30px;
 text-align: left;
 padding: 20px;
}

.ubc-td-content {
 background-color: #efefef;
 vertical-align: top;
 padding: 30px;
 font-family: 'Lato', sans-serif;
 font-size: 18px;
 color: #000;
 line-height: 1.6;
}

.ubc-td-content ul {
 padding-left: 20px;
 list-style-type: disc;
}