.achievement-item {
    padding: 20px;
    background-color: #eaf7e7;
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.achievement-item:hover {
    transform: scale(1.05);
}

/* carousel  */

.custom-carousel-logo {
    width: auto;
    height: auto;
}

.custom-carousel-logo {
    max-width: 100px; /* Sesuaikan ukuran logo */
    margin-right: 15px; /* Atur jarak antar logo */
}
.carousel-inner {
    gap: 10px; /* Jarak antara logo */
}

/* Membuat wrapper carousel agar dapat discroll horizontal */
.carousel-inner {
    display: flex;
    overflow-x: auto; /* Membuat elemen dapat digeser secara horizontal */
    -webkit-overflow-scrolling: touch; /* Memastikan scroll halus di perangkat sentuh */
    white-space: nowrap; /* Menjaga logo tetap pada satu baris */
}

/* Untuk setiap item logo */
.carousel-inner > div {
    flex: 0 0 auto;
    margin-right: 20px; /* Jarak antar logo */
}

/* Kustomisasi scrollbar */
.carousel-inner::-webkit-scrollbar {
    width: 8px; /* Lebar scrollbar */
    height: 8px; /* Tinggi scrollbar (untuk sumbu horizontal) */
}

.carousel-inner::-webkit-scrollbar-thumb {
    background-color: #aaa; /* Warna scrollbar */
    border-radius: 10px; /* Membuat ujung scrollbar melingkar */
}

.carousel-inner::-webkit-scrollbar-thumb:hover {
    background-color: #888; /* Warna scrollbar saat di-hover */
}

.carousel-inner::-webkit-scrollbar-track {
    background: transparent; /* Warna latar belakang track scrollbar */
}


/* scroll */
html {
    scroll-behavior: smooth;
}

#about {
    scroll-margin-top: 100px;
}

#news #testi #contact #achievement #product #news {
    scroll-margin-top: 100px;
}

/* carousel partner */

.owl-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.owl-item {
    display: inline-block;
}

/* Styling untuk tombol navigasi */
.owl-prev, .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px;
    cursor: pointer;
}

.owl-prev {
    left: 10px;
}

.owl-next {
    right: 10px;
}

/* Styling untuk aktif item */
.owl-item.active {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

/* Menambahkan jarak antar item */
.owl-item img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}