.project-details-info {
  display: none !important;
 }

/*
 * Kode CSS Kustom untuk Menengahkan Konten 
 * di Halaman Detail Proyek
 */

/* 1. Sembunyikan sidebar kanan (kolom .col-29) */
.project-details-wrap .row .col-29 {
    display: none;
}

/* 2. Ambil kolom utama (.col-71) dan posisikan di tengah */
.project-details-wrap .row .col-71 {
    /* Gunakan margin auto untuk menengahkan kolom secara horizontal */
    margin-left: auto;
    margin-right: auto;
    
    /* Hapus properti float jika ada (untuk keamanan) */
    float: none;

    /* (Opsional) Anda bisa melebarkan kolomnya sedikit 
       jika sidebar dihilangkan */
    width: 80%; 
    flex-basis: 80%;
}

.project-details-content .title {
    text-align: center;
}

/* Styling dasar tombol */
.tombol-ppl {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: none;
    border-radius: 5px;

    /* WARNA BARU */
    background-color: #00923f; /* Warna latar hijau */
    color: #ffffff; /* Warna teks putih */
}

/* Efek :hover BARU */
.tombol-ppl:hover {
    background-color: #fff000; /* Warna latar kuning saat hover */
    color: #00923f; /* Warna teks hijau saat hover */
}

.header-top-btn :hover {
  	background-color: #fff000 !important; /* Warna latar kuning saat hover */
    color: #00923f !important; /* Warna teks hijau saat hover */
}

.menu-nav :hover {
    color: #000000 !important; /* Warna teks hijau saat hover */
}

.header-social :hover {
    color: #fff000 !important; /* Warna teks hijau saat hover */
}

.header-top-left :hover {
    color: #fff000 !important; /* Warna teks hijau saat hover */
}

.project-thumb {
  /* Menjadikan container kotak (rasio 1:1) */
  aspect-ratio: 1 / 1;
  
  /* Memastikan gambar yang 'overflow' terpotong */
  /* (Ini sepertinya sudah ada di style Anda) */
  overflow: hidden; 
  
  /* Opsional: Menjaga border-radius Anda */
  /* (Ini juga sepertinya sudah ada) */
  border-radius: 10px; 
}

.project-thumb img {
  /* Memastikan gambar mengisi penuh container */
  width: 100%;
  height: 100%;
  
  /* Membuat gambar menutupi area container 
    tanpa merusak rasio aspek (akan ter-crop)
  */
  object-fit: cover;
  
  /* Mengatur posisi gambar: 
    'center' (tengah) untuk horizontal
    'top' (atas) untuk vertikal
  */
  object-position: center top;
}

.project-content .link-arrow:hover {
    background: #fff000 !important;
}

.project-content .link-arrow:hover {
    color: #00923f !important;
}

@media screen and (max-width: 1024px) {
  figure.image_resized {
    width: 100% !important; /* !important digunakan untuk menimpa style inline width:25% */
    margin-left: 0;
    margin-right: 0;
  }
  figure.image_resized img {
    width: 100%;
    height: auto;
  }
}