.clients-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.client-card{height:115px;border:1px solid #e7e9ef;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-decoration:none;color:#596274;transition:.25s}.client-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #17223814}.client-card img{max-width:105px;max-height:55px;object-fit:contain}.client-card b{font-size:13px}.client-admin-logo{width:55px;height:43px;object-fit:contain;border:1px solid #e8eaf0;border-radius:8px;padding:4px}@media(max-width:850px){.clients-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.clients-grid{grid-template-columns:repeat(2,1fr)}}

.nav-actions{display:flex;align-items:center;gap:10px}.lang-switch{border:1px solid #dfe2e9;border-radius:9px;padding:9px 11px;color:#546074;text-decoration:none;font-weight:700;font-size:12px}[dir='ltr'] body{font-family:Tajawal,Arial,sans-serif}[dir='ltr'] .hero-grid,[dir='ltr'] .why,[dir='ltr'] .request-grid{direction:ltr}[dir='ltr'] .section-head,[dir='ltr'] .footer-grid{text-align:left}@media(max-width:520px){.nav-actions .btn{display:none}}

/* Keep decorative counters and ratings on the visual right in English. */
[dir='ltr'] .category > span {
    right: 28px;
    left: auto;
}

[dir='ltr'] .service-no {
    text-align: left;
    direction: ltr;
}

[dir='ltr'] .stars {
    text-align: right;
    direction: ltr;
}

[dir='ltr'] .steps > div:not(:last-child)::after {
    left: auto;
    right: -32%;
}

/* Crisp, resolution-independent hero decoration behind all content. */
.hero {
    isolation: isolate;
}

.hero .hero-grid {
    position: relative;
    z-index: 2;
}

.hero .orb {
    z-index: 0;
    pointer-events: none;
}

.hero .orb1 {
    border: 0;
    filter: none;
    opacity: .82;
    background:
        radial-gradient(circle at center, transparent 0 45%, #e9e5ff 46% 67%, transparent 68%),
        radial-gradient(circle at 68% 28%, rgba(110,92,231,.18), transparent 24%);
    box-shadow: inset 0 0 28px rgba(110,92,231,.08);
    transform: translateZ(0);
}

.hero .orb2 {
    border: 0;
    filter: none;
    opacity: .9;
    background:
        radial-gradient(circle at 38% 32%, rgba(255,255,255,.72), transparent 18%),
        radial-gradient(circle at 58% 58%, #e9fff9 0 30%, #c9f4e9 62%, #aee8da 100%);
    box-shadow:
        inset -12px -14px 24px rgba(46,174,143,.09),
        inset 10px 10px 22px rgba(255,255,255,.55),
        0 18px 45px rgba(64,190,159,.1);
    transform: translateZ(0);
}