.blog-post-related-posts .card{transition:transform .3s ease;will-change:transform}.blog-post-related-posts .card .image,.blog-post-related-posts .card .card-content{min-width:308px;max-width:416px;height:230px}.blog-post-related-posts .card:hover{transform:translateY(-8px)}.blog-post-related-posts .columns-2 .card{flex:1 1 48%}.blog-post-related-posts .columns-2 .card:nth-child(odd){align-items:end}.blog-post-related-posts .columns-3 .card{flex:1 1 calc(33% - 16px)}.blog-post-related-posts .columns-3 .card .image,.blog-post-related-posts .columns-3 .card .card-content{max-width:430px}.blog-post-related-posts .columns-3 .card:nth-child(4){align-items:end}.blog-post-related-posts .columns-3 .card:nth-child(5){align-items:start}.blog-post-related-posts .columns-4{justify-content:center}.blog-post-related-posts .columns-4 .card{flex:1 1 calc(25% - 16px);max-width:308px}.blog-post-related-posts .swiper{padding-bottom:96px;padding-top:var(--p-3)}.blog-post-related-posts .swiper-container .card,.blog-post-related-posts .swiper-slide{width:308px}.blog-post-related-posts .swiper-button-prev,.blog-post-related-posts .swiper-button-next{color:#000;top:unset;bottom:0%;width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border-primary)}.blog-post-related-posts .swiper-button-prev,.blog-post-related-posts .swiper-button-next{right:14%;left:unset}.blog-post-related-posts .swiper-button-next{transform:translate(45px)}.blog-post-related-posts .swiper-button-prev:after,.blog-post-related-posts .swiper-button-next:after{font-size:18px}@media (max-width: 600px){.blog-post-related-posts .swiper{padding-bottom:32px}.blog-post-related-posts .horizontal-scroll-mobile{display:flex;flex-direction:row!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.blog-post-related-posts .horizontal-scroll-mobile .card{width:90%}.blog-post-related-posts .wrapper-flex::-webkit-scrollbar{display:none}.blog-post-related-posts .columns-2 .card,.blog-post-related-posts .columns-3 .card,.blog-post-related-posts .columns-4 .card{flex:1 1 100%;max-width:100%;min-width:262px}.blog-post-related-posts .swiper-container .card{width:100%}.blog-post-related-posts .card .image,.blog-post-related-posts .card .card-content{min-width:auto}.blog-post-related-posts .swiper-button-prev,.blog-post-related-posts .swiper-button-next{display:none}}
