#widget_1718 .alrai-community-content{padding-top:30px;}
.alrai-community-content .img-ratio{padding-bottom: 56%;}
.alrai-community-content .item-info{padding: 15px 15px 0px 16px;}
.alrai-community-content .item-info a{color: #000;text-align: right;text-decoration: none;-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;}
.alrai-community-content .item-row{padding-right: 1px;width: 280px}
.alrai-community-content .owl-pagination{display: flex;justify-content: center;margin-top: 15px;height: 10px;background: #D9D9D9;height: fit-content;bottom: 0px;}
.alrai-community-content .owl-pagination .owl-page{background: #D9D9D9;width: calc(100% / 3);}
.alrai-community-content .owl-pagination .owl-page.active{background: #00A0E5;width: calc(100%/3);}
.alrai-community-content .swiper-button-prev::after
{
content: "";
display: block;
width: 30px;
height: 30px;
background-image: url("https://alrai.com/alraijordan/uploads/global_files/swiper-prev-live.svg?v=1");
background-repeat: no-repeat;
background-position: center;
background-color: #fff;
top:-50%;
left:7px;
position:absolute
}
.alrai-community-content .swiper-button-next::after
{content: "";
display: block;
width: 30px;
height: 30px;
background-image: url("https://alrai.com/alraijordan/uploads/global_files/swiper-next-live.svg?v=1");
background-repeat: no-repeat;
background-position: center;
background-color: #fff;
top:-50%;
right:-6px;
position:absolute;
}
.alrai-community-content .owl-pagination .swiper-pagination-bullet{background: #D9D9D9;width: calc(100% / 3);border-radius: 0;}
.alrai-community-content .owl-pagination .swiper-pagination-bullet-active{background: #00A0E5;width: calc(100%/3);}
.alrai-community-content .swiper{height: 100%;padding-bottom:0}
@media screen and (max-width: 768px){
.alrai-community-content .item-info a{font-size:16px;line-height:23px;}
.alrai-community-content .item-row{width: 100%;}
.alrai-community-content .swiper-button-next::after{right:7px;}
}
let swiperCommunity_widget_1709 = new Swiper('.alrai-community-content .swiper', {
slidesPerView: 4, // Show 4 slides at a time
spaceBetween: 10, // Space between slides
loop: true, // Disable looping
navigation: {
nextEl: '.alrai-community-content .swiper-button-next',
prevEl: '.alrai-community-content .swiper-button-prev',
},
grabCursor: false, // Change cursor to grab when hovering over the swiper
breakpoints: {
0: {
slidesPerView: 1, // 1 slide for small screens
},
768: {
slidesPerView: 2, // 2 slides for medium screens
},
990: {
slidesPerView: 3, // 3 slides for larger screens
},
1200: {
slidesPerView: 4, // 4 slides for extra large screens
},
},
});