.section-detail-posts {
    .gambar-utama {
        width: 100%;
        aspect-ratio: 1296 / 547;
        height: auto;
        border-radius: clamp(10px, 1.55vw, 20px);
        overflow: hidden;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

.section-index-sarana {

    .sarana-list>div>a {
        display: block;
        text-decoration: none;
    }

    .carddd {
        width: 100%;
        aspect-ratio: 252 / 203;
        height: auto;
        border-radius: 15px;
        overflow: hidden;
        position: relative;
        margin-bottom: 0;

        &:hover {
            .overlay {
                background-color: rgba(51, 65, 85, 0.8);

                .title {
                    transform: translateY(-12px);
                }
            }

            img {
                transform: scale(1.1);
            }
        }

        .overlay {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(51, 65, 85, 0.5);
            transition: all ease-out 0.3s;

            .title {
                font-size: var(--text-h6);
                line-height: 140%;
                color: var(--text-inverse);
                font-weight: bold;
                text-transform: none;
                padding: 12px 20px;
                bottom: 0;
                left: 0;
                position: absolute;
                margin-bottom: 0;
                transition: all ease-out 0.3s;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
            }
        }

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all ease-out 0.3s;
        }

        @media (min-width: 992px) and (max-width: 1199.98px) {
            .overlay .title {
                padding: 8px 12px;
                font-size: 0.875rem;
                line-height: 135%;
            }
        }
    }


}