.service-item {
display: flex;
flex-direction: column;
height: 100%;
}
.service-item img {
max-height: 150px; /* ارتفاع الصورة */
object-fit: cover;
width: 100%;
}
.service-item .border {
display: flex;
flex-direction: column;
flex: 1;
padding: 20px;
}
.service-item h4 {
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1; /* عدد الأسطر اللي عايزة تظهره، هنا 2 */
-webkit-box-orient: vertical; /* ضروري عشان -webkit-line-clamp يشتغل */
}
System.Threading.Tasks.Task`1[Microsoft.AspNetCore.Html.HtmlString]
