/* ===== Saasking Services Slider - الأساس (التعديلات من لوحة Elementor) ===== */
.sssw-wrap{
	--sssw-bg-1:rgba(120,7,7,.24);
	--sssw-bg-2:#120101;
}

.sssw-slider{position:relative;overflow:hidden;padding-bottom:70px}
.sssw-slider.no-dots{padding-bottom:0}
.sssw-slider .swiper-slide{height:auto;display:flex}

/* الكارت: نفس كلاس الثيم + تدرج بيتحكم فيه ألوان الودجت */
.sssw-wrap .sk-services-3-card{
	width:100%;display:flex;flex-direction:column;border-radius:0 32px 0 0;
}
.sssw-wrap .swiper-slide:nth-child(odd) .sk-services-3-card{
	background:linear-gradient(0deg,var(--sssw-bg-1) 0%,var(--sssw-bg-2) 43.62%);
}
.sssw-wrap .swiper-slide:nth-child(even) .sk-services-3-card{
	background:linear-gradient(180deg,var(--sssw-bg-1) 0%,var(--sssw-bg-2) 43.62%);
}
/* بدون تبديل الاتجاه */
.sssw-wrap.is-uniform .swiper-slide .sk-services-3-card{
	background:linear-gradient(0deg,var(--sssw-bg-1) 0%,var(--sssw-bg-2) 43.62%);
}

/* الصورة المميزة */
.sssw-wrap .sssw-thumb{display:block;overflow:hidden;border-radius:12px;margin-bottom:24px;aspect-ratio:16/10}
.sssw-wrap .sssw-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.sssw-wrap .sk-services-3-card:hover .sssw-thumb img{transform:scale(1.06)}

/* الوصف يتمدد والزر يلزق في آخر الكارت عشان الكروت تتساوى */
.sssw-wrap .sk-services-3-card .disc{flex-grow:1}
.sssw-wrap .sk-services-3-card .item-btn{margin-top:auto}

/* الأسهم */
.sssw-nav{display:flex;gap:12px;justify-content:center;margin-top:30px}
.sssw-nav button{
	display:inline-flex;align-items:center;justify-content:center;
	width:48px;height:48px;border-radius:50%;cursor:pointer;padding:0;
	color:#fff;background:#120101;border:1px solid rgba(255,255,255,.18);
	transition:background .25s ease,border-color .25s ease,color .25s ease;
}
.sssw-nav button:hover{background:#c20000;border-color:#c20000}
.sssw-nav button:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* النقاط */
.sssw-slider .swiper-pagination{bottom:0}
.sssw-slider .swiper-pagination-bullet{background:#fff;opacity:.3}
.sssw-slider .swiper-pagination-bullet-active{background:#c20000;opacity:1}

/* لو الخدمات قليلة نخليها في النص */
.sssw-slider.is-few .swiper-wrapper{justify-content:center}

@media (prefers-reduced-motion:reduce){
	.sssw-wrap .sssw-thumb img{transition:none}
}