.slick-dots {
    bottom: 10px !important;
}

.slider .slick-slide.slick-active {
    animation: zoomAndPan 10s infinite alternate ease-in-out;
    transform-origin: center;
}

/* .slider .slick-list {
    border-radius: 5px;
} */

@keyframes zoomAndPan {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.fade-out {
    opacity: 0;
    animation: fade-out 0.4s 2.6s ease-out forwards;
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}