.sx-full{width:100%;overflow:hidden;position:relative}

.sx .slick-track{display:flex!important;padding:30px 0}

.sx-slide{padding:0 10px;display:flex!important;height:auto}

.sx-card{
position:relative;background:#fff;border-radius:12px;padding:20px;
height:100%;border:1px solid #e5e7eb;
transition:.35s;display:flex;flex-direction:column;text-align:left
}

body .sx-icon{width:42px;height:42px;object-fit:contain;transition:.4s}

.sx-card h3{transition:.3s}
.sx-card:hover h3{color:#2d94ec}

.sx-card p{font-size:16px;flex-grow:1;line-height:1.5;transition:.3s}
.sx-card:hover p{color:#374151}

.sx-card::after{
content:"";position:absolute;inset:0;border-radius:12px;
background:linear-gradient(120deg,rgba(45,148,236,.15),transparent);
opacity:0;transition:.4s;pointer-events:none
}
.sx-card:hover::after{opacity:1}

.sx-slider .slick-dots{bottom:-25px;text-align:center}
.sx .slick-dots li button:before{font-size:18px;color:#ccc}
.sx .slick-dots li.slick-active button:before{color:#fa4616}

/* ❌ REMOVE half-cut causing styles */
.sx .slick-list{padding-right:0!important}
.sx-full::before{display:none}

/* spacing fix */
.sx-slider{margin:0 10px}

/* responsive padding only */
@media(max-width:768px){
.sx.sx-serv.py-16{padding:20px 0!important}
}