.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.fade-in-visible {
    opacity: 1 !important;
    transform: translateY(0) scale(1);
    box-shadow: 0 8px 32px 0 rgba(202, 2, 0, 0.12), 0 1.5px 6px 0 rgba(0, 0, 0, 0.08);
    transition: opacity 1.2s cubic-bezier(0.23, 1, 0.32, 1), transform 1.2s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 1.2s cubic-bezier(0.23, 1, 0.32, 1);
}

.card {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
    box-shadow: 0 2px 8px 0 rgba(202, 2, 0, 0.04);
    transition: opacity 1.2s cubic-bezier(0.23, 1, 0.32, 1), transform 1.2s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 1.2s cubic-bezier(0.23, 1, 0.32, 1);
}

.slide-in-img {
    opacity: 0;
    transform: translateX(-550px);
    transition: opacity 3.5s cubic-bezier(0.23, 1, 0.32, 1), transform 3.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.slide-in-img-visible {
    opacity: 1;
    transform: translateX(0);
}

#carousel,
#carousel-2 {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.stars {
    margin-right: 2.5%;
    display: flex;
    cursor: default;
}

.checked {
    color: orange;
}

.star {
    direction: ltr;
}

.heart {
    font-size: 20px;
    cursor: pointer;
    color: red;
}