.horizontal-scroll {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-left: 1rem;
    padding-right: 1rem;
    cursor: grab;
}
.horizontal-scroll:active {
    cursor: grabbing;
}
.horizontal-scroll .col-12 {
    flex: 0 0 auto;
    width: 100%;
    max-width: 48%;
    margin-right: 15px;
}
.horizontal-scroll::-webkit-scrollbar {
    height: 8px;
}
.horizontal-scroll::-webkit-scrollbar-thumb {
    background-color: #ced4da;
    border-radius: 10px;
}

.custom-height {
     height: 500px;
 }

@media (max-width: 992px) {
    .custom-height {
        height: 300px;
    }
}


@media (max-width: 768px) {
    .custom-height {
        height: 300px;
    }
}

@media (max-width: 576px) {
    .custom-height {
        height: 280px;
    }
}


.custom-width {
    width: 500px;
}


@media (max-width: 768px) {
    .custom-width {
        width: 400px;
    }
}

@media (max-width: 576px) {
    .custom-width {
        width: 280px;
    }
}


.custom-footer-height {
    height: 80px;
}

@media (max-width: 992px) {
    .custom-footer-height {
        height: 80px;
    }
}


@media (max-width: 768px) {
    .custom-footer-height {
        height: 80px;
    }
}

@media (max-width: 576px) {
    .custom-footer-height {
        height: 160px;
    }
}