/* RTL overrides for Arabic locale (global via html[dir="rtl"]) */
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

/* Header alignment */
html[dir="rtl"] .header__main {
  direction: rtl;
}

html[dir="rtl"] .header__main .main-menu nav ul {
  justify-content: flex-end;
}

/* Logo spacing: keep on the right */
html[dir="rtl"] .header__main .logo {
  margin-left: 20px;
  margin-right: 0;
}

/* Language switch spacing */
html[dir="rtl"] .about-three__left-item {
  margin-right: 20px;
}

/* Dropdowns open to the left in RTL */
html[dir="rtl"] .header__main .main-menu ul li .sub-menu {
  left: auto;
  right: 0;
}

/* Generic utility: swap margins */
html[dir="rtl"] .ml-10 { margin-left: 0 !important; margin-right: 10px !important; }
html[dir="rtl"] .ml-15 { margin-left: 0 !important; margin-right: 15px !important; }
html[dir="rtl"] .mr-10 { margin-right: 0 !important; margin-left: 10px !important; }
html[dir="rtl"] .mr-15 { margin-right: 0 !important; margin-left: 15px !important; }

/* Ensure text alignment for common elements */
/* Note: Do not override text-align globally to avoid affecting page content/images */

/* Service category buttons: active state (keep only highlight) */
.btn-one-service.active {
    padding: 7px 25px;
    background: #1ec5cf;
    border-radius: 18px;
    font-size: 15px;
    font-weight: 600;
    color: var(--white);
    transition: var(--transition);
    text-transform: capitalize;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 13%;
    text-align: center;
}

/* Distinct look for the All button when not active */
#all.btn-one-service {
  background-color: #08115c;
    border: #1ec5cf 1px solid;
}

/* All button when active (default all services selected) 
#all.btn-one-service.active {
  background-color: #08115c;
    border: #1ec5cf 1px solid;

}*/