/* Global */

/* =============== Override style =============== */
.cityu h2.heading-underline::after {
    width: 140px;
    height: 6px;
}

.cityu h3.heading-underline::after {
    width: 126px;
    height: 5px;
}

.cityu h4.heading-underline::after {
    width: 107px;
    height: 4px;
}

.cityu h5.heading-underline::after {
    width: 80px;
    height: 3px;
}

.cityu h6.heading-underline::after {
    width: 67px;
    height: 2px;
}


/* Home */
/* Ststistics */
/* Card */

.cityu .component-card-2 .component-content .card .card-body.cityuhk-pvdp-sl {
    min-height: 100px;
}

/* StayConnected */
/* Events */
/* EventRecap */

.cityuhk-pvdp-sl-event-highlight-image-box {
    height: 240px;
    position: relative;
    overflow: hidden;
}

img.cityuhk-pvdp-sl-event-highlight-image {
    position: absolute;
    inset: 0; /* Fill entire container */
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/*.cityuhk-pvdp-sl-gallery-container img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
}
*/
.cityuhk-pvdp-sl-gallery-square {
    position: relative;
    width: 100%;
    aspect-ratio: 1/1; /* Perfect square */
    overflow: hidden;
}

.cityuhk-pvdp-sl-gallery-square img {
    position: absolute;
    inset: 0; /* Fill entire container */
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.cityu .component-accordion-2.cityuhk-pvdp-sl-faq .summary .btn, .cityu .component-accordion-2.cityuhk-pvdp-sl-faq .summary .collapse-body {
    padding: 10px 26px 10px 10px;
}