/*start: Image Marquee */
.marquee-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    cursor: grab;
    margin-top: 32px;
    margin-bottom: 32px;
}

    .marquee-container:active {
        cursor: grabbing;
    }

.marquee-wrapper {
    display: flex;
    width: max-content;
    will-change: transform;
}

.marquee-item {
    flex: 0 0 auto;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 180px;
    user-select: none;
    pointer-events: none;
}

@media(max-width: 991.98px) {
    .img-responsive {
        width: 80%;
    }
}
/*end: Image Marquee */