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

.swiper-container {
    position: relative;
    width: 100%;
}

.swiper-wrapper {
    display: flex;
    align-items: center;
}

.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    background-color: #6635F1;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.gambar-logo {
    max-width: 100%;
}

.gradasi {
    position: relative;
    overflow: hidden;
    display: flex;
}

.gradasi::before,
.gradasi::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30%; /* Lebar gradasi */
    z-index: 2; /* Pastikan di atas logo */
}

.gradasi::before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #f6f5fa);
    width: 30%;
}

.gradasi::after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #f6f5fa);
    width: 30%;
}

.logo-container {
    overflow: hidden;
    display: flex;
}

.logo {
    display: flex;
    flex-shrink: 0;
    gap: 3rem;
    align-items: center;
    padding: 1rem;
    animation: inifite-scroll 30s linear infinite;
}

.logo img {
    height: 3rem;
}

.gambar-logo2 {
    max-width: 100%;
}

.logo-container2 {
    overflow: hidden;
    display: flex;
}

.logo2 {
    display: flex;
    flex-shrink: 0;
    gap: 3rem;
    align-items: center;
    padding: 1rem;
    animation: inifite-scroll2 30s linear infinite;
}

.logo2 img {
    height: 3rem;
}

@keyframes inifite-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes inifite-scroll2 {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}