.zindex-multibanner-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px;
    width: 100%;
    padding: 96px 0 !important;
    padding-top: 0!important;

    & > div {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
    }
}

.zindex-multibanner-item {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    width: 100%;

    & .tvbanner-hover-wrapper {
        display: block;
        width: 100%;
    }

    & img {
        width: 100%;
        height: 215px;
        object-fit: cover;
        display: block;
    }
}

@media (max-width: 991px) {
    .zindex-multibanner-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    #index {
        & .tvcmsmultibanners {
            padding: 0 16px !important;

            img{
                width: 100%;
                height: auto;
            }
        }
    }

    .zindex-multibanner-grid {
        grid-template-columns: 1fr;
    }

    .zindex-multibanner-item img {
        height: 220px;
    }
}