html {
    scroll-behavior: smooth;
}

.logo-carousel {
    overflow: hidden;
    width: 100%;
    background: #fff;
}

.carousel-track {
    display: flex;
    animation: scroll-left 60s linear infinite;
}

.carousel-slide {
    display: flex;
}

.carousel-item {
    flex: none;
    width: 150px;
    text-align: center;
}

.carousel-item img {
    height: 96px;
    width: 96px;
    object-fit: contain;
    border-radius: 9999px;
    background: #f3f4f6;
    padding: 0.5rem;
    margin: auto;
}

#como-funciona,
#por-que-escolher,
#logical-pay,
#planos,
#taxas,
#duvidas {
    scroll-margin-top: 4rem;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}