.blog-card {background: #F6F6F6; border: 2px solid transparent; transition: border-color 0.3s ease, box-shadow 0.3s ease; border-radius: 15px;}
.blog-card:hover {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);}

.blog-pagination-btn {width: 36px;height: 36px;display: inline-flex;align-items: center;justify-content: center;border-radius: 9999px;border: 1px solid #D1D5DB;color: var(--color-theme-primary);font-size: 0.875rem;font-weight: 600;transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;}
.blog-pagination-btn:hover {background: var(--color-theme-secondary);border-color: var(--color-theme-secondary);color: #fff;}
.blog-pagination-btn.is-active {background: var(--color-theme-secondary);border-color: var(--color-theme-secondary);color: #fff;}
.blog-pagination-btn.is-ellipsis {border-color: transparent;pointer-events: none;color: #9CA3AF;}



.blog-list-section .blog-card {opacity: 0; visibility: hidden; will-change: transform, opacity;}

.blog-read-more-icon {transition: transform 0.35s ease;}
.blog-read-more::before{ content: '';
    position: absolute;
    top: 0;
    left: -5px;
    width: 25px;
    height: 25px;
    border: 1px solid #27421D;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    top: -5px;}
    .blog-card:hover .blog-read-more::before{ opacity: 1; visibility: visible;}



    /********* Blog details *********/
    .blog-inside-details { border-radius: 15px; background-color: #fff; overflow: hidden; }
    .blog-inside-details-inner { padding: 28px 24px; }
    .blog-details-content p { color: #000; font-size: clamp(1rem, 0.45vw + 0.85rem, 1.125rem); line-height: 1.7; margin-bottom: 18px; }

    
    .blog-details-video { position: relative; margin-top: 28px; border-radius: 15px; overflow: hidden; min-height: 220px; }
    .blog-details-video img { width: 100%; min-height: 220px; object-fit: cover; display: block; }
    .blog-video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; border-radius: 50%; background: rgba(255, 255, 255, 0.92); border: none; display: inline-flex; align-items: center; justify-content: center; color: #27421D; cursor: pointer; transition: transform 0.3s ease, background-color 0.3s ease; }
    .blog-video-play svg { width: 28px; height: 28px; margin-left: 3px; }
    .blog-video-play:hover { transform: translate(-50%, -50%) scale(1.06); background: #fff; }

    .blog-related-section { margin-top: 48px; }
    .blog-related-title { margin-bottom: 32px; }
    .blog-inside-details-inner { max-width: 1000px !important; width: 100%; margin: 0 auto; }

    @media (min-width: 768px) {
        .blog-inside-details-inner { padding: 40px 48px; }
        .blog-details-video { margin-top: 36px; min-height: 280px; }
        .blog-related-title { margin-bottom: 40px; }
    }


    .blog-details-video {
        position: relative;
        margin-top: 28px;
        border-radius: 15px;
        overflow: hidden;
        aspect-ratio: 16 / 9; width: 100%;
    }
    .blog-details-video img,
    .blog-details-video iframe {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: 0;
        display: block;
    }