/* Collaborate Section Styling */
.collaborate-section {
  background-color: #ffffff; /* Mengambil dari definisi pertama */
  text-align: center;
  padding: 40px 30px 70px 30px; /* Padding besar */
}

.collaborate-section .container {
  max-width: 1200px;
  margin: 0 auto;
}

.collaborate-section h2 {
  color: #b30000;
  margin-bottom: 15px; /* Disesuaikan dari 50px di definisi kedua, pilih yang sesuai */
  font-size: 2.2rem; /* Mengambil dari definisi pertama */
  position: relative;
  display: inline-block;
}

/* .section-subtitle sudah ada di base.css, pastikan margin-bottomnya sesuai di sini jika perlu override */
/* .collaborate-section .section-subtitle { margin-bottom: 50px; } */

.partners-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin-top: 30px; /* Tambahkan margin top jika h2 dan subtitle terlalu dekat */
}

/* Menggunakan .partner-box dari definisi pertama yang lebih detail */
.partner-box {
  flex: 1 1 280px; /* flex-basis 280px, bisa tumbuh dan menyusut */
  min-width: 280px;
  max-width: 350px;
  background-color: #fff;
  border-radius: 10px;
  padding: 30px 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-top: 5px solid #b30000;
}

.partner-box:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Menggunakan .partner-image dari definisi kedua yang ukurannya lebih besar (200px) */
/* Jika ada .partner-box, mungkin lebih baik style image di dalamnya */
.partner-box .partner-image img {
  /* Lebih spesifik jika .partner-image ada di dalam .partner-box */
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.partner-image {
  /* Style umum untuk partner-image jika tidak selalu dalam .partner-box */
  height: 150px; /* Dari definisi pertama, sesuaikan jika perlu 200px dari definisi kedua */
  width: 150px; /* Dari definisi pertama */
  margin: 0 auto 20px;
  overflow: hidden;
  border-radius: 10px; /* Opsional, jika gambar partner kotak */
  display: flex;
  align-items: center;
  justify-content: center;
}

.partner-image img {
  /* Untuk gambar di dalam .partner-image */
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.partner-box h3 {
  color: #b30000;
  margin-top: 15px; /* Tambahkan jarak jika gambar di atasnya */
  margin-bottom: 10px;
  font-size: 1.4rem;
}

.partner-box p {
  color: #666;
  line-height: 1.5;
  font-size: 0.9rem; /* Tambahkan ukuran font agar konsisten */
}

/* Responsive Design for Collaborate Section */
@media screen and (max-width: 768px) {
  .partners-container {
    flex-direction: column;
    align-items: center;
  }

  .partner-box {
    width: 100%; /* Biarkan lebar menyesuaikan parent */
    max-width: 400px; /* Batasi lebar maksimum */
    /* min-width tidak diperlukan lagi jika sudah column */
  }

  .collaborate-section h2 {
    font-size: 1.8rem; /* Sesuaikan ukuran judul di mobile */
  }

  .partner-image {
    /* Sesuaikan ukuran gambar partner di mobile jika perlu */
    height: 120px;
    width: 120px;
  }
}