.image-carousel{
          -webkit-animation-name: MOVE-BG;
    -webkit-animation-duration:47.23s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
      }

 @-webkit-keyframes MOVE-BG {
    from {
        background-position: 0px 0px
    }
    to { 
        background-position: -2623px 0px
    }
 }
 
 .align-center {
     display: flex !important;
     flex-direction: column !important;
     align-items: center;
     justify-content: center;
 }
 
.align-center-2 {
    display: flex !important;
    align-items: center;
}

.grid-layout-1 {
    display: none !important;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

/* 1. Mengatur wadah gambar agar kecil dan tetap */
#g-554887113 {
    /* Menggunakan !important untuk menimpa inline style width:100% bawaan */
    width: auto !important; 
    /* flex: 0 0 auto artinya: jangan membesar, jangan mengecil, gunakan ukuran konten */
    flex: 0 0 auto;
    /* Batasi lebar maksimum wadah gambar. Ubah angka ini jika ingin lebih besar/kecil */
    max-width: 100px; 
    /* Memberi jarak sedikit antara gambar dan teks */
    margin-right: 24px; 
}

/* 2. Memastikan gambar di dalamnya mengikuti wadahnya */
#g-554887113 img {
    width: 100%;
    height: auto;
    display: block; /* Menghilangkan celah putih di bawah gambar */
}

/* 3. Mengatur wadah teks agar mengisi sisa ruang */
#g-504249310 {
    /* Menimpa width:75% bawaan agar fleksibel */
    width: auto !important; 
    /* flex: 1 artinya: ambil semua sisa ruang yang tersedia */
    flex: 1; 
}

/* --- TAMPILAN MOBILE (RESPONSIVE) --- */
@media screen and (max-width: 500px) {
    
    /* 1. Ubah arah layout menjadi vertikal (atas-bawah) */
    .grid-layout-1 {
        flex-direction: none !important;
        text-align: center; /* Opsi: Agar teks jadi rata tengah */
        gap: 12px;
    }

    /* 2. Reset margin pada wadah gambar */
    #g-554887113 {
        margin-right: auto !important; /* Hapus jarak kanan */
        margin-bottom: 10px;        /* Ganti jadi jarak bawah */
        
        /* Opsi: Jika di HP gambarnya ingin sedikit lebih besar, ubah max-width disini */
         max-width: 60px !important; 
    }

    /* 3. Pastikan wadah teks mengambil lebar penuh */
    #g-504249310 {
        width: 100% !important;
    }
}

#g-805185489, 
#g-603530502 {
    display: none !important;
}
 
.text-custom-48 {
    font-size: clamp(16px, 2.2vw, 32px) !important;
}

.text-custom-list {
    font-size: clamp(14px, 1.5vw, 22px) !important;
    line-height: 1.5; 
}

 .item-container {
     display: flex !important;
     flex-direction: column;
 }
 
.item-container-button {
    margin-top: auto !important;
}

.sc-bBeLUv {
    color: rgb(28,43,51) !important;
}