.gallery-filter-container {
            text-align: left;
            margin-bottom: 40px;
            padding-bottom: 10px;
         }

         .btn-filter { 
            background: #f5f7ff; 
            border: 1px solid #002e5b; 
            color: #002e5b; 
            padding: 12px 35px; 
            margin-right: 10px; 
            cursor: pointer; 
            transition: all 0.3s ease;
            font-weight: 700; 
            border-radius: 4px;
            outline: none;
            text-transform: uppercase;
            font-size: 14px;
         }

         /* Active Button Styling */
         .btn-filter.active { 
            background: #f5f7ff; 
            color: #002e5b; 
            border-bottom: 4px solid #002e5b; 
         }

         .gallery-item { display: none; margin-bottom: 30px; }
         .gallery-item.show { display: block; animation: fadeIn 0.6s ease forwards; }

         @keyframes fadeIn { 
            from { opacity: 0; transform: translateY(10px); } 
            to { opacity: 1; transform: translateY(0); } 
         }

         /* Fixed Size Image/Video Container */
         .post-featured-image {
            width: 100%;
            aspect-ratio: 4 / 3; /* Keeps all boxes the exact same shape (Rectangle) */
            overflow: hidden;
            background-color: #000;
            border-radius: 4px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
         }

         .post-featured-image img, 
         .post-featured-image video { 
            width: 100%;
            height: 100%;
            object-fit: cover; /* This ensures the image fills the box without stretching */
            display: block;
            transition: transform 0.5s ease;
         }
         
         .post-item:hover img {
            transform: scale(1.1);
         }