/* Custom Color Theme: Mutiara Bunda (Teal & Gold) */
 :root {
     --mb-primary: #0f6257;
     --mb-primary-soft: #e7f3f1;
     --mb-secondary: #d4af37;
     --mb-secondary-soft: #fcf8e3;
 }

 /* Overrides */
 .text-mb-primary {
     color: var(--mb-primary) !important;
 }

 .text-mb-secondary {
     color: var(--mb-secondary) !important;
 }

 .bg-mb-primary {
     background-color: var(--mb-primary) !important;
 }

 .bg-mb-soft {
     background-color: var(--mb-primary-soft) !important;
 }

 .border-mb-primary {
     border-color: var(--mb-primary) !important;
 }

 /* Custom styles */
 .font_11 {
     font-size: 0.7rem;
 }

 .font_12 {
     font-size: 0.75rem;
 }

 .font_13 {
     font-size: 0.85rem;
 }

 .font_14 {
     font-size: 0.9rem;
 }

 /* Hover effect Zoom Image Halus */
 .group-hover-img .transition-transform {
     transition: transform 0.4s ease;
 }

 .card-blog-hover:hover .group-hover-img .transition-transform {
     transform: scale(1.06);
 }

 .card-blog-hover {
     transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }

 .card-blog-hover:hover {
     transform: translateY(-3px);
     box-shadow: 0 .5rem 1rem rgba(15, 98, 87, 0.15) !important;
 }

 /* Custom Pagination Link */
 .page-item.active .page-link {
     background-color: var(--mb-primary) !important;
     border-color: var(--mb-primary) !important;
     color: #fff !important;
 }

 .page-link {
     color: var(--mb-primary);
 }

 @media (min-width: 768px) {
     .border-end-md {
         border-right: 1px solid #dee2e6 !important;
     }
 }