body {
    color: rgba(69, 93, 88, 255);
    background-color: rgba(250, 247, 242, 255);
    font-family: Arial, sans-serif;
}

.row::-webkit-scrollbar {
    height: 8px;
}

.row::-webkit-scrollbar-thumb {
    background: rgba(69, 93, 88, 0.8);
    border-radius: 10px;
}

figure {
    margin: 0;
}

/* VIEW ALL LINK */
.view-link {
    display: block;
    font-size: 18px;
    color: rgba(69, 93, 88, 255) !important;
    text-decoration: none;
    transition: transform 0.2s ease;
    margin-top: 0.25rem;
}

.view-link:hover {
    transform: translateX(4px);
    color: rgb(43, 184, 167);
    text-decoration: none;
}
.logo-img {
    max-width: 115px;
    height: auto;
}
h1 {
    color: rgba(69, 93, 88, 255);
    font-family: "Quicksand", sans-serif;
}
h2,
p {
    font-family: "Quicksand", sans-serif;
    text-transform: none;
}
h2 {
    font-size: 40px;
}

#autoScrollRow {
    -ms-overflow-style: none; /* IE & Edge */
    scrollbar-width: none; /* Firefox */
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; /* supaya scroll di mobile smooth */
}
#autoScrollRow::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}
#autoScrollRow > div {
    scroll-snap-align: start;
}
.swiper {
    height: 800px; /*->gambar inspirasi */
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Hapus tombol default swiper */
.swiper-button-prev,
.swiper-button-next {
    display: none;
}

/* Style tombol custom */
.custom-navigation button {
    background: none;
    border: none;
    cursor: pointer;
    width: 50px;
    height: 50px;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.custom-navigation button:hover {
    opacity: 1;
}

.custom-navigation img {
    width: 40px; /* atur sesuai kebutuhan */
    height: 40px;
    object-fit: contain;
    display: block;
    filter: none; /* pastikan gak ada filter yang bikin tebal */
}

/* Responsive height slider */
@media (max-width: 768px) {
    .swiper {
        height: 400px;
    }
}
#contact a {
    color: rgba(69, 93, 88, 1);
    text-decoration: none;
}

#contact a:hover {
    text-decoration: underline;
    color: rgb(43, 184, 167);
}