.grid-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Responsive Grid */
            gap: 20px;
            max-width: 1140px;
            margin: auto;
        }

        /* Card Styling */
        .card {
            background: #fff;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            cursor: pointer;
            text-decoration: none;
            color: inherit;
            display: flex;
            flex-direction: column;
        }

        .card:hover {
            transform: scale(1.03);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }

        .card img {
            width: 100%;
            height: 180px;
            object-fit: cover;
        }

        .card-body {
            padding: 15px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            flex-grow: 1;
        }

        /* Date and Read More */
        .card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
            color: #555;
            margin-top: 10px;
        }

        .card-title {
            font-size: 18px;
            margin: 5px 0;
        }

        .card-text {
            font-size: 14px;
            color: #666;
            flex-grow: 1; /* Pushes content down */
        }

        /* Read More */
        .read-more {
            font-size: 14px;
            color: #666;
        }

        .read-more:hover {
            color: #0056b3;
        }