.info-component.facilities-component {
    /* padding-top: 0; */
    padding-bottom: 0;
}
.facilities-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
}
/* Initially show the white title and hide the orange title */
.facilities-container .title .white-title {
    opacity: 1;
}
/* On hover, hide the white title and show the orange title */
/* .facilities-container .title:hover .white-title {
    color: #FF7722;
} */

.facilities-container .background-facility-component:hover .white-title {
    color: #FF7722;
}
.background-facility-component {
    position: relative;
    padding: 48px 36px;
    height: 100%;
    min-height: 240px;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
}

.column-inner {
    position: relative;
    z-index: 2;
    width: 100%;
}

.body-text {
    color: #FFFFFF;
}

/* Target all elements in the facilities box */
.facilities-box .column .column-inner {
    cursor: default;
}

/* Target specific elements */
.facilities-box .column h3.title,
.facilities-box .column h3.title span,
.facilities-box .column .body-text,
.facilities-box .column .background-facility-component {
    cursor: default;
}

/* Ensure any spaces between elements are covered */
.facilities-box .column .column-inner > * {
    cursor: default;
}

@media (max-width: 768px) {
    .facilities-container {
        grid-template-columns: 1fr;
    }

    .background-facility-component {
        min-height: 200px;
    }
}