.container-partner{
    padding-top: 150px;
}
h2{
    text-align: center;
    padding: 20px;
}
.slick-slide{
    margin: 0 20px;
}
.slick-slide img{
    width: 15rem;
  object-fit: contain;
  aspect-ratio: 2/1.5;
  filter: grayscale(100);
  transition: filter 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer;
    width: 100%;
}
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-slide img{
    display: block;
    
}
.slick-slides{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-slides img{
    display: block;
    
}
.slick-initialized .slick-slide{
    display: block;
}
.copy{
    padding-top: 250px;
}
.slick-slide img:hover {
    animation-play-state: paused;
    filter: grayscale(0);
    transition: filter 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    pauseOnHover: true;

    
  }

/* Gaya umum untuk section */
.gambar-teks-section {
    display: flex;
    align-items: center; /* Pusatkan vertikal */
    justify-content: center; /* Pusatkan horizontal */
   /* width: 200px;  Atur lebar section menjadi 900px */
    height: 500px; /* Atur tinggi section menjadi 900px */
    margin: 0 auto; /* Menengahkan section secara horizontal */
    position: relative; /* Mengatur posisi relatif untuk mengizinkan posisi absolut */
    margin: 150px 0; /* Atur margin atas dan bawah menjadi 200px */
}

/* Container untuk teks */
.teks-container {
    flex: 1; /* Mengambil sebagian besar lebar, sehingga tulisan berada di sebelah kiri */
    padding: 20px; /* Ruang di sekitar teks */
    margin-top: 50px; /* Atur jarak atas dari teks ke gambar */
    margin-bottom: 200px;
    margin-left: 28px;
}

/* Container untuk gambar */
.gambar-container {
    flex: 1; /* Mengambil sebagian besar lebar, sehingga gambar berada di sebelah kanan */
    text-align: center; /* Pusatkan gambar horizontal */
    position: relative; /* Mengatur posisi relatif untuk child element */
}

/* Gaya untuk teks */
.teks-container h2 {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 50px; /* Atur jarak atas dari teks ke gambar */
    text-align: left;
   
}

.teks-container p {
    font-size: 18px;
   
}

/* Gaya untuk gambar tambahan */
.gambar-tambahan {
    /*width: 300px;  Atur lebar gambar tambahan menjadi 300px */
    height: 331px; /* Atur tinggi gambar tambahan menjadi 300px */
    position: absolute; /* Mengatur posisi absolut */
    top: 0; /* Atur posisi atas */
  
    right: 0;
}

/* Gaya khusus untuk gambar ketiga */
.gambar-tiga {
    width: 618px; /* Atur lebar gambar ketiga menjadi 400px */
    height: 400px; /* Atur tinggi gambar ketiga menjadi 400px */
    position: absolute; /* Mengatur posisi absolut */
    top: 58px; /* Atur posisi atas */
  
    right: 32px;
}

/* Gaya khusus untuk gambar utama */
.gambar-utama {
    width: 311px; /* Atur lebar gambar utama menjadi 200px */
    height: 454px; /* Atur tinggi gambar utama menjadi 200px */
    position: relative; /* Mengatur posisi absolut */
    top: 0; /* Atur posisi atas */
    right: 0;
}