.clients-hero{background-image:linear-gradient(90deg,#071a2df2,#071a2d88),url('/assets/media/adnoc-building.jpg.png')}.client-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.client-intro h2{font-size:clamp(42px,5vw,64px);line-height:1.05}.client-intro>p{max-width:520px;color:#687987}.client-map-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:start}.client-list{display:grid;gap:12px}.client-card{width:100%;min-height:112px;display:grid;grid-template-columns:100px 1fr 34px;align-items:center;border:1px solid #e1e6e9;background:#fff;padding:12px;text-align:left;box-shadow:none}.client-card:hover{border-color:#df1f2d;box-shadow:0 12px 35px #071a2d14}.client-logo{height:82px;display:grid;place-items:center;background:#f4f6f7}.client-logo img{width:70px;height:62px;object-fit:contain}.client-info{display:flex!important;flex-direction:column;padding:0 20px!important}.client-info small{color:#df1f2d;text-transform:uppercase;font-weight:800;letter-spacing:1px}.client-info b{font-size:21px}.client-info em,.client-info i{font-size:13px;color:#687987;font-style:normal}.client-arrow{font-size:25px;color:#df1f2d}.client-map{position:sticky;top:95px;min-height:650px;background:#071a2d;color:#fff;padding:32px;overflow:hidden}.map-title strong{display:block;font-size:25px}.map-title>span{color:#9eb0bc}.uae-silhouette{position:relative;height:430px;margin:20px -10px}.uae-silhouette:before{content:"";position:absolute;inset:17% 4% 12%;background:#153a55;clip-path:polygon(1% 61%,41% 60%,54% 40%,98% 4%,92% 53%,71% 75%,49% 98%,20% 86%);filter:drop-shadow(0 0 25px #df1f2d33)}.uae-silhouette button{position:absolute;z-index:2;left:var(--x);top:var(--y);width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:#df1f2d;box-shadow:0 0 0 7px #df1f2d3d;cursor:pointer}.uae-silhouette button span{position:absolute;left:17px;top:-10px;width:max-content;max-width:130px;padding:4px 7px;background:#fff;color:#071a2d;font-size:10px;font-weight:800;opacity:0;transform:translateX(5px);transition:.2s;pointer-events:none}.uae-silhouette button:hover span,.uae-silhouette button:focus span{opacity:1;transform:none}.map-legend{border-top:1px solid #ffffff25;padding-top:18px;font-size:12px;color:#aebbc5}.map-legend span{display:block}.map-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#df1f2d;margin-right:6px}.map-legend b{display:block;color:#fff;margin-top:8px}@media(max-width:900px){.client-map-layout{grid-template-columns:1fr}.client-map{position:relative;top:0}.client-intro{display:block}}@media(max-width:550px){.client-card{grid-template-columns:76px 1fr 25px}.client-logo{height:70px}.client-info{padding:0 12px!important}.client-info b{font-size:17px}.client-map{padding:22px;min-height:560px}}