            .premium-card {
                background: #fff;
                border-radius: 10px;
                overflow: hidden;
                box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
                transition: .4s;
                position: relative;
            }

            .premium-card:hover {
                transform: translateY(-12px);
                box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
            }

            /* image */

            .blog-img {
                position: relative;
                overflow: hidden;

            }

            .blog-img img {
                width: 100%;
                height: 240px;
                object-fit: cover;
                transition: .5s;
            }

            /* overlay */

            .blog-overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: linear-gradient(180deg,
                        rgba(255, 212, 0, 0.2),
                        rgba(255, 212, 0, 0.8));
                opacity: 0;
                transition: .4s;
            }

            .premium-card:hover .blog-overlay {
                opacity: 1;
            }

            .premium-card:hover img {
                transform: scale(1.1);
            }

            /* content */

            .blog-content {
                padding: 25px;
            }

            /* meta */

            .blog-meta {
                font-size: 13px;
                margin-bottom: 10px;
                color: var(--grey);
                display: flex;
                gap: 15px;
            }

            .blog-meta i {
                color: var(--primary);
            }

            /* title */

            .blog-content h4 {
                font-size: 20px;
                font-weight: 700;
                margin-bottom: 10px;
            }

            /* paragraph */

            .blog-content p {
                font-size: 14px;
                color: var(--grey);
                margin-bottom: 18px;
            }



