.lg-backdrop,
.lg-outer {
    z-index: 20000 !important;
}

.section-index-infografis {

    .row.lglg {
        justify-content: center;

        >[class*="col-"] {
            display: flex;
            justify-content: center;
        }
    }

    .carddd {
        height: clamp(340px, 55vh, 521px);
        padding: clamp(16px, 2vw, 24px);
        width: 100%;
        max-width: 420px;
        box-sizing: border-box;
        border-radius: 15px;
        border: 1px solid #94A3B8;
        margin-bottom: 20px;

        &:hover {
            border: 1px solid var(--color-blue-700);

            .inner-card {
                img {
                    transform: scale(1.05);
                }
            }
        }

        .inner-card {
            overflow: hidden;
            width: 100%;
            height: 100%;

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




}