/* modify existing properties */
body {
    background-color: #E0E1DD;
}
/* utilities */
.btn-custom-primary {
  background-color: #264b74;
  border-color: #264b74; /* Tambahkan border agar konsisten */
}
.btn-custom-primary:hover {
  background-color: #1c3652; /* Warna lebih gelap saat hover */
  border-color: #1c3652;
}
.reverse {
    flex-direction: row-reverse;
}
.w-50-gap {
    /* Menggunakan calc untuk memastikan dua elemen muat dan menyisakan ruang untuk gap */
    width: calc(50% - 4px) !important; /* Asumsi g-2 menciptakan gap 8px (sekitar 4px per sisi) */
}
        
/* responsive: stack .four-grid to 1-column on small screens */
@media (max-width: 767.98px) {
    .four-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}

/* responsive helpers for t-section image wrapper */
.section-img { max-width: 30%; min-width: 120px; }
@media (max-width: 767.98px) {
    .section-img { max-width: 100% !important; }
}