.blog-details .blog-details-media{position:relative}.blog-details .blog-details-media .main-image{margin-bottom:1rem;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .08)}.blog-details .blog-details-media .main-image .blog-details-slider{position:relative}.blog-details .blog-details-media .main-image .blog-details-slider .swiper-wrapper{height:auto!important}.blog-details .blog-details-media .main-image .blog-details-slider .swiper-slide img{aspect-ratio:3/2;object-fit:cover;width:100%}.blog-details .blog-details-media .main-image .blog-details-slider .swiper-button-next,.blog-details .blog-details-media .main-image .blog-details-slider .swiper-button-prev{background-color:var(--contrast-color);width:40px;height:40px;border-radius:50%;transition:all 0.3s ease}.blog-details .blog-details-media .main-image .blog-details-slider .swiper-button-next:after,.blog-details .blog-details-media .main-image .blog-details-slider .swiper-button-prev:after{font-size:16px;color:var(--accent-color);font-weight:700}.blog-details .blog-details-media .main-image .blog-details-slider .swiper-button-next:hover,.blog-details .blog-details-media .main-image .blog-details-slider .swiper-button-prev:hover{background-color:var(--accent-color)}.blog-details .blog-details-media .main-image .blog-details-slider .swiper-button-next:hover:after,.blog-details .blog-details-media .main-image .blog-details-slider .swiper-button-prev:hover:after{color:var(--contrast-color)}.blog-details .blog-details-media .thumbnail-grid img{height:80px;object-fit:cover;border-radius:8px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.blog-details .blog-details-media .thumbnail-grid img:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgb(0 0 0 / .1)}.blog-details .blog-details-media .tech-stack-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.5rem}.blog-details .blog-details-media .tech-stack-badges span{display:inline-block;padding:6px 12px;font-size:13px;font-weight:500;border-radius:20px;background-color:color-mix(in srgb,var(--heading-color),transparent 85%);color:var(--heading-color);transition:all 0.3s ease}.blog-details .blog-details-media .tech-stack-badges span:hover{background-color:color-mix(in srgb,var(--heading-color),transparent 70%);transform:translateY(-2px)}