.tcg-related-slider{
    .related-postes-slider{
        .swiper-slide{
            .card{
                padding: 0 15px;
                .img{
                    height: 200px;
                    overflow: hidden;
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        border-radius: 20px;
                    }
                }
                .cat{
                    a{
                        color: var(--color-main);  
                    }
                }
                .title{
                    padding-bottom: 15px;
                    a{
                        color:#000;
                        &:hover{
                            color: var(--color-main);
                        }
                    }
                }
                .post-auth{
                    .lnr-user{
                        background-color: var(--color-main);
                        border-color: var(--color-main);
                        width: 22px;
                        height: 22px;
                        color: #fff;
                        font-size: 10px;
                        line-height: 21px;
                        text-align: center;
                        border-radius: 50px;
                    }
                }

            }
        }
        .swiper-slide-prev{
            position: relative;
            &::after{
                position: absolute;
                content: "";
                right: -40px;
                top: 0;
                width: 1px;
                height: 100%;
                background-color: #9994; 
            }
        }
        .swiper-slide-active{
            &::after{
                position: absolute;
                content: "";
                right: -40px;
                top: 0;
                width: 1px;
                height: 100%;
                background-color: #9994;
            }
        }

        .swiper-button-next, .swiper-button-prev {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            background: #fff;
            &:hover{
                background-color: var(--color-blue5);
                color: #fff;
            }
        }

        .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
            right: 0;
            top: -50px; 
        }

        .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
            left: auto;
            right: 50px;
            top: -50px;
        }

        .swiper-button-next::after, .swiper-button-prev::after{
            font-size: 13px;
        }
    }
}