/* Keep clients legible in a single horizontally scrollable row. */
.clients .client-logos{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:34px;overflow-x:auto;overflow-y:hidden;padding:10px 4px 18px;margin:0;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.clients .client-logos li{flex:0 0 120px;min-width:120px;grid-column:auto;scroll-snap-align:start;animation:none}
.clients .client-logos img{width:120px;height:76px;max-width:100%;object-fit:contain;display:block;margin:auto}
.clients .client-logos .fajr-logo{filter:none;opacity:1}
@media(max-width:767px){.clients .client-logos{gap:28px}.clients .client-logos li{flex-basis:110px;min-width:110px}.clients .client-logos img{width:110px;height:76px}}

.clients .client-logos::-webkit-scrollbar{display:none;width:0;height:0}
.clients .client-carousel{position:relative;padding-inline:34px}
.clients .client-logos{cursor:grab;scroll-snap-type:none;user-select:none}
.clients .client-logos.is-dragging{cursor:grabbing}
.clients .client-logos img{-webkit-user-drag:none;pointer-events:none}
.clients .client-scroll{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:48px;border:0;background:transparent;color:#f1e8d6;font-size:38px;line-height:1;cursor:pointer;padding:0;z-index:2}
.clients .client-scroll-prev{left:0}.clients .client-scroll-next{right:0}
.clients .client-scroll:disabled{opacity:.25;cursor:default}
.brand-logo{position:absolute;display:block;width:3.781%;height:auto!important;aspect-ratio:549/661;object-fit:contain;z-index:2;pointer-events:none}
.brand-logo-about{left:35.666%;top:48.615%}
.brand-logo-contact{left:47.799%;top:67.447%}
@media(max-width:767px){.brand-logo-about{left:auto;right:24px;top:auto;bottom:12px;width:32px}.brand-logo-contact{left:50%;top:auto;bottom:4px;transform:translateX(-50%);width:24px}}