/* Quiet, manually scrollable proof section with individually balanced marks. */
#services{padding-bottom:40px}
#clients{padding-bottom:40px}
#clients .clients-inner{padding-top:32px}
#clients .clients-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;margin-bottom:24px}
#clients .clients-head h2{font-size:26px;line-height:1.6;width:auto;margin:0}
#clients .clients-head p{font-size:15px;line-height:1.8;margin:0;margin-inline:0}
#clients .client-marquee{overflow-x:auto;overflow-y:hidden;direction:ltr;scrollbar-width:none;padding:4px 0;mask-image:linear-gradient(to right,transparent,#000 8px,#000 calc(100% - 8px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8px,#000 calc(100% - 8px),transparent);touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain;cursor:grab;user-select:none}
#clients .client-marquee::-webkit-scrollbar{display:none}
#clients .client-marquee.is-dragging{cursor:grabbing}
#clients .client-marquee-track{animation:none!important;transform:none!important;will-change:auto;display:flex;width:max-content}
#clients .client-marquee-group{display:flex;gap:16px;padding:0 8px;margin:0;width:auto;list-style:none}
#clients .client-marquee .client-logo-slot{width:216px;height:116px;padding:14px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:12px}
#clients .client-logo-slot img{width:auto;height:auto;max-width:var(--logo-width,164px);max-height:var(--logo-height,84px);object-fit:contain}
#clients [data-client=grand-rotana]{--logo-width:174px;--logo-height:88px}
#clients [data-client=marriott]{--logo-width:156px;--logo-height:80px}
#clients [data-client=reef-oasis]{--logo-width:166px;--logo-height:82px}
#clients [data-client=coca-cola],#clients [data-client=pepsi]{--logo-width:80px;--logo-height:80px}
#clients [data-client=chillout]{--logo-width:186px;--logo-height:66px}
#clients [data-client=totalenergies]{--logo-width:116px;--logo-height:88px}
#clients [data-client=general-petroleum],#clients [data-client=hayah-karima]{--logo-height:90px}
#clients [data-client=ratomag]{--logo-width:172px;--logo-height:78px}
#clients [data-client=four-seasons]{--logo-width:170px;--logo-height:80px}
#clients [data-client=tui-magic-life]{--logo-width:156px;--logo-height:86px}
#clients [data-client=jaz]{--logo-width:142px;--logo-height:88px}
#clients [data-client=energy-china]{--logo-width:110px;--logo-height:88px}
#clients [data-client=giza-systems-foundation]{--logo-width:186px;--logo-height:66px}
#clients [data-client=sinai-university]{--logo-width:156px;--logo-height:84px}
#clients [data-client=cairo-university],#clients [data-client=king-salman-university]{--logo-width:84px;--logo-height:84px}
@media(max-width:560px){
 #services{padding-bottom:30px}
 #clients{padding-bottom:32px}
 #clients .clients-inner{padding-top:26px}
 #clients .clients-head{gap:4px;margin-bottom:20px}
 #clients .clients-head h2{font-size:24px}
 #clients .clients-head p{font-size:14px}
 #clients .client-marquee-group{gap:12px}
 #clients .client-marquee .client-logo-slot{width:184px;height:108px;padding:12px}
 #clients .client-logo-slot img{max-width:min(var(--logo-width,156px),156px);max-height:min(var(--logo-height,80px),80px)}
}