.blog-card{transition:transform .3s,box-shadow .3s}.blog-card:hover{border-color:var(--color-primary-light);transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.08)}.blog-card-inner{background-color:#f2f9ff;height:100%}.hover-underline:hover{text-decoration:underline}.BlogBtn{text-wrap-mode:nowrap;border-radius:12px 0!important;padding:5px 10px!important}.blog-banner-img{object-fit:cover}.related-video-scroll{flex-direction:column;gap:15px;display:flex}.related-video-card{border:1px solid var(--color-primary);background:#fff;border-radius:12px;padding:10px;transition:box-shadow .3s}.related-video-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.video-thumbnail-blog{flex-shrink:0;width:80px;position:relative}.video-img{object-fit:cover;border-radius:8px;width:80px;height:80px}.icon-heart{color:#555;z-index:1;border-radius:50%;padding:4px;font-size:18px;position:absolute;top:-2px;right:-2px}.icon-share{color:#333;margin-top:2px;font-size:16px}.relatedvideoheading{font-size:15px}.related-videos-box{position:-webkit-sticky;position:sticky;top:100px}
.skeleton-image{background:linear-gradient(90deg,#eee 25%,#f8f8f8 50%,#eee 75%) 0 0/200% 100%;border-radius:12px;width:100%;height:180px;animation:1.2s infinite skeleton-loading}.skeleton-line{background:linear-gradient(90deg,#eee 25%,#f8f8f8 50%,#eee 75%) 0 0/200% 100%;border-radius:4px;height:14px;animation:1.2s infinite skeleton-loading}.skeleton-button{background:linear-gradient(90deg,#eee 25%,#f8f8f8 50%,#eee 75%) 0 0/200% 100%;border-radius:20px;width:80px;height:32px;animation:1.2s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}