@import url(style.css);

.clients-page {
    
    background-repeat: no-repeat;
    background-size: cover; /* Memastikan gambar menutupi seluruh area */
    background-position: center center; /* Pusatkan gambar */
    background-attachment: fixed; /* Agar tetap saat scrolling (opsional) */
    min-height: 100vh; /* Pastikan elemen ini setidaknya setinggi layar */
}

.clients-text {
    color:var(--white-color);
    align-items: baseline;
}
.clients-text h2 {
    border-left: 4px solid var(--secondary-color);
    padding-left: 10px;
}
.clients-page .clients-logo .container{
    background: var(--white-color);
    padding: 40px 40px 40px 100px; /* Buat padding seragam */
    margin: 0 auto 0 0;
}

.clients-logo .card{
    margin: 10px;
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
    max-width: 100%;
    border: none;
    border-radius: none;
}
.clients-logo .card img {
    max-width: 80%; /* ubah sesuai kebutuhan, misal 50%, 80% */
    height: auto;
    display: block;
    margin: 0 auto; /* biar center di dalam card */
}
.clients-logo .card:hover {
    transform: scale(1.05);
}
@media (max-width: 480px){
    .clients-page .clients-logo .container{
        padding: 0; /* Buat padding seragam */
    }
}