/* ========================= Services Section (Works company) ========================= */

/* Try common Roofx services wrappers */
html[dir="rtl"] .services-area,
html[dir="rtl"] .service-area,
html[dir="rtl"] .work-company-area { text-align: right; direction: rtl; }

/* Ensure grid wraps properly */
html[dir="rtl"] .services-area .row,
html[dir="rtl"] .service-area .row,
html[dir="rtl"] .work-company-area .row { flex-wrap: wrap; }

/* Fix typical item structure */
html[dir="rtl"] .services-area .service-item,
html[dir="rtl"] .service-area .service-item,
html[dir="rtl"] .work-company-area .company-item,
html[dir="rtl"] .work-company-area .services-item {
  direction: rtl;
  text-align: right;
}

/* Thumb/content spacing */
html[dir="rtl"] .service-item .thumb,
html[dir="rtl"] .company-item .thumb,
html[dir="rtl"] .services-item .thumb { margin-inline-start: 0; margin-inline-end: 12px; }

/* Title/desc alignment */
html[dir="rtl"] .service-item .content,
html[dir="rtl"] .company-item .content,
html[dir="rtl"] .services-item .content { text-align: right; }

/* Make a robust grid if theme CSS fails to layout columns on RTL */
@media (min-width: 1200px){
  html[dir="rtl"] .work-company-area .row > [class*="col-"] { width: 20%; }
}
@media (min-width: 992px) and (max-width:1199.98px){
  html[dir="rtl"] .work-company-area .row > [class*="col-"] { width: 25%; }
}
@media (min-width: 768px) and (max-width:991.98px){
  html[dir="rtl"] .work-company-area .row > [class*="col-"] { width: 33.3333%; }
}
@media (max-width: 767.98px){
  html[dir="rtl"] .work-company-area .row > [class*="col-"] { width: 50%; }
}
html[dir="rtl"] .work-company-area .row > [class*="col-"] {
  float: none; /* rely on flex/grid */
  flex: 0 0 auto;
}