/* blog page css star */
/* Custom styling for the search input focus state */
        .search-input:focus {
            border-color: #f97316; /* Orange-500 */
            box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.3); /* Ring color */
        }

        /* Custom styling for dropdown focus state */
        .select-input:focus {
            border-color: #f97316; /* Orange-500 */
            box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.3); /* Ring color */
        }

        /* Custom styling for read more link hover */
        .read-more-link:hover {
            color: #f97316; /* Orange-500 */
            text-decoration: underline;
        }

        /* Blog card hover effect */
        .blog-post-card {
            transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        }

        .blog-post-card:hover {
            background-image: linear-gradient(125deg, #FEE948 10%, #AC7617 63%); /* Orange-500 for background */
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        .blog-post-card:hover .blog-title,
        .blog-post-card:hover .blog-meta-text,
        .blog-post-card:hover .read-more-link,
        .blog-post-card:hover .blog-meta-icon {
            color: #ffffff; /* White text on hover */
        }
        
        /* Ensure the hover effect on the read-more link within the card still works */
        .blog-post-card:hover .read-more-link:hover {
            color: #FFD700; /* A slightly different shade of yellow/gold for link hover */
        }
/* blog page css end */