@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;font-synthesis:none;color:#132f48;background:#f6f8fa;--navy:#0b2e4c;--blue:#145daa;--green:#b8df50;--line:#dce5ec;--muted:#627687}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #3686d3;outline-offset:4px}svg{width:22px;height:22px;flex-shrink:0}button{border:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-90px;right:20px;background:white;padding:12px;z-index:99}.skip:focus{top:12px}
.page-shell{max-width:1460px;margin:auto;padding:28px;display:grid;grid-template-columns:minmax(290px,355px) minmax(0,1fr);gap:48px;align-items:start}.brand-panel{position:sticky;top:28px;border-radius:24px;background:var(--navy);color:white;overflow:hidden;box-shadow:0 18px 50px #14334c14}.brand-content{padding:30px 26px 24px}.logo-mat{display:table;background:white;padding:7px 10px;border-radius:13px;margin:0 auto 30px}.brand-logo{display:block;position:relative;width:224px;height:74px;overflow:hidden}.brand-logo img{position:absolute;max-width:none;width:264px;height:auto;left:-19px;top:-94px}.brand-category{font-size:.875rem;color:#d8e4ed;margin:0 0 12px}.brand-copy h1{font-size:2.125rem;font-weight:700;line-height:1.75;letter-spacing:-.025em;margin:0 0 12px}.brand-copy em{font-style:normal;color:var(--green)}.services{font-size:.875rem;line-height:1.9;color:#c9d8e4;margin:0}.direct-contact{padding-top:28px;margin-top:27px;border-top:1px solid #ffffff26}.small-label{font-size:.875rem;color:#c9d8e4;display:block}.main-number{font-family:Arial,sans-serif;font-size:1.875rem;font-weight:500;letter-spacing:.045em;display:table;line-height:1.6;margin:6px 0 17px}.contact-actions{display:flex;gap:8px}.contact-actions a{display:flex;justify-content:center;align-items:center;gap:7px;min-height:49px;padding:8px 10px;border-radius:9px;font-size:.875rem;font-weight:700;white-space:nowrap;transition:background .2s,transform .2s}.contact-actions a:hover{transform:translateY(-2px)}.whatsapp{background:var(--green);color:#18350b;flex:1.3}.whatsapp:hover{background:#c5eb65}.call{border:1px solid #7490a5;flex:1}.call:hover{background:#ffffff12}.contact-actions svg{width:20px;height:20px}.social-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:27px}.social-links a{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.875rem;color:#dfebf4}.social-links a>span{display:grid;place-items:center;border:1px solid #ffffff26;border-radius:12px;width:47px;height:47px;transition:background .2s,color .2s}.social-links a:hover>span{background:white;color:var(--navy)}.social-links svg{width:21px;height:21px}.brand-bottom{display:flex;align-items:center;justify-content:space-between;background:#08263f;padding:20px 26px;font-size:.8125rem;color:#d1e0eb;border-top:1px solid #ffffff14}.brand-bottom span:first-child{font:600 .75rem Arial,sans-serif;letter-spacing:.2em;color:var(--green)}
.directory{min-width:0;padding-top:13px}.directory-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.overline{font-size:.875rem;font-weight:600;color:var(--blue);margin:0 0 7px}.directory-heading h2{font-size:2.875rem;font-weight:800;letter-spacing:-.035em;line-height:1.45;margin:0 0 9px}.directory-heading h2>span{color:#70a81d}.heading-description{font-size:1rem;color:var(--muted);margin:0}.network-count{border-right:1px solid #d5e0e8;padding-right:26px;display:flex;flex-direction:column;align-items:center;min-width:119px;white-space:nowrap}.network-count strong{font:400 3.5rem/1 Arial,sans-serif;letter-spacing:-.06em;color:var(--blue)}.network-count span{font-size:.875rem;color:var(--muted);margin-top:13px}.network-count b{font-weight:500}.search-wrap{position:relative}.search-wrap svg{position:absolute;right:18px;top:19px;color:var(--muted);width:22px;height:22px}.search{border:1px solid #cbd9e3;background:white;border-radius:12px;min-height:60px;width:100%;padding:12px 51px 12px 17px;font-size:1rem;color:var(--navy);box-shadow:0 3px 9px #102f4803}.search::placeholder{color:#728695}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.chip{background:transparent;border:1px solid transparent;min-height:42px;border-radius:8px;padding:6px 13px;font-size:.875rem;color:#486176;transition:background .15s}.chip:hover{background:#e7eef4}.chip[aria-pressed=true]{background:var(--navy);color:white}.results-line{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:55px;padding:9px 0 7px}.count{font-size:.8125rem;color:var(--muted)}.reset{background:none;color:var(--blue);text-decoration:underline;font-size:.875rem;padding:8px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.branch{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid var(--line);border-radius:16px;padding:21px 21px 0;transition:border-color .2s,box-shadow .2s}.branch:hover{border-color:#8eb2cf;box-shadow:0 8px 20px #1c42690a}.card-top{display:flex;align-items:center;justify-content:space-between}.city{font-size:.8125rem;font-weight:500;color:#527087;background:#f1f6fa;border-radius:5px;padding:3px 9px}.pin{color:#2a6596;display:grid;place-items:center;width:30px;height:30px}.pin svg{width:23px;height:23px}.branch h3{font-size:1.125rem;line-height:1.75;margin:13px 0 7px;font-weight:700;color:var(--navy)}.address{font-size:.875rem;line-height:1.9;color:var(--muted);margin:0 0 17px;flex:1;min-height:54px;overflow-wrap:anywhere}.branch-phone{display:flex;align-items:center;gap:9px;align-self:flex-start;font:500 1.25rem/1.5 Arial,sans-serif;letter-spacing:.02em;margin-bottom:20px}.branch-phone svg{width:16px;height:16px;color:#557b9a}.phone-unavailable{font-size:.875rem;line-height:1.7;color:var(--muted);min-height:30px;margin-bottom:20px}.map-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;border-top:1px solid #e5edf3;font-size:.875rem;font-weight:600;color:var(--blue);padding:13px 0}.map-link svg{width:17px;height:17px}.map-link:hover{color:#0c3970}.empty{background:white;border:1px dashed #a9c0d2;border-radius:16px;text-align:center;padding:32px 20px}.empty h3{font-size:1.25rem}.empty p{font-size:1rem;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:34px;padding:24px 0 6px;font-size:.8125rem;color:var(--muted)}footer a{font-family:Arial,sans-serif;font-size:.875rem}
@media(min-width:1400px){.page-shell{gap:60px}.branch{padding:24px 25px 0}.branch h3{font-size:1.25rem}}
@media(max-width:1150px) and (min-width:851px){.page-shell{grid-template-columns:290px minmax(0,1fr);gap:28px;padding:22px}.brand-content{padding:25px 20px 22px}.brand-copy h1{font-size:1.875rem}.logo-mat{padding:5px;margin-bottom:22px}.directory-heading h2{font-size:2.5rem}.branch{padding:18px 16px 0}.contact-actions{flex-wrap:wrap}.contact-actions a{padding:8px;flex-basis:100%}.network-count{padding-right:18px;min-width:95px}.network-count strong{font-size:3rem}.grid{gap:12px}.social-links{gap:3px}.social-links a{font-size:.8125rem}}
@media(max-width:850px){.page-shell{grid-template-columns:1fr;padding:20px;gap:30px;max-width:760px}.brand-panel{position:static;border-radius:20px}.brand-content{padding:25px 28px;display:grid;grid-template-columns:1fr 1fr;gap:0 25px;align-items:center}.logo-mat{grid-column:1;margin:0 0 18px auto}.brand-copy{grid-column:1;grid-row:2 / 4}.brand-category{font-size:.8125rem}.brand-copy h1{font-size:1.625rem;line-height:1.65;margin-bottom:6px}.services{font-size:.8125rem}.direct-contact{grid-column:2;grid-row:1 / 3;margin:0;padding:0;border:0}.main-number{font-size:1.625rem}.contact-actions{flex-wrap:wrap}.contact-actions a{flex-basis:100%}.social-links{grid-column:2;grid-row:3;margin-top:22px;gap:9px}.social-links a{font-size:.8125rem}.social-links a>span{width:42px;height:42px}.brand-bottom{display:none}.directory{padding:0}.directory-heading h2{font-size:2.5rem}.directory-heading{margin-bottom:24px}}
@media(max-width:560px){.page-shell{display:block;padding:0}.brand-panel{border-radius:0 0 25px 25px;box-shadow:none}.brand-content{display:block;padding:23px 22px 22px}.logo-mat{padding:4px 9px;margin:0 auto 13px;border-radius:10px}.brand-logo{width:190px;height:64px}.brand-logo img{width:226px;left:-17px;top:-80px}.brand-copy{text-align:center}.brand-category{font-size:.8125rem;margin:0}.brand-copy h1{font-size:1.375rem;line-height:1.7;margin:4px 0 4px;letter-spacing:0}.brand-copy h1 br{display:none}.brand-copy h1 em:before{content:' '}.services{font-size:.75rem;color:#d3e0e9}.direct-contact{padding:16px 0 0;margin:17px 0 0;border-top:1px solid #ffffff25;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 8px}.small-label{font-size:.8125rem}.main-number{font-size:1.25rem;margin:0}.contact-actions{grid-column:1/-1;flex-wrap:nowrap;gap:10px}.contact-actions a{flex-basis:0;min-height:46px;font-size:.875rem}.contact-actions .whatsapp{flex-grow:1.3}.social-links{display:flex;justify-content:space-between;margin:18px 0 0;gap:12px}.social-links a{flex-direction:row;gap:6px;font-size:.875rem}.social-links a>span{width:20px;height:25px;border:0;border-radius:0}.social-links a:hover>span{background:none;color:var(--green)}.social-links svg{width:18px;height:18px}.directory{padding:26px 18px 0}.directory-heading{gap:12px;margin-bottom:19px}.overline{font-size:.8125rem;margin-bottom:3px}.directory-heading h2{font-size:2rem;line-height:1.55;margin-bottom:2px}.heading-description{font-size:.875rem}.network-count{padding-right:16px;min-width:94px}.network-count strong{font-size:2.75rem}.network-count span{font-size:.75rem;margin-top:10px}.search{font-size:1rem;min-height:55px;padding-right:44px;border-radius:10px}.search-wrap svg{right:15px;top:17px;width:20px;height:20px}.filters{flex-wrap:nowrap;overflow-x:auto;gap:5px;padding-bottom:7px;margin-top:13px}.chip{flex-shrink:0;padding:6px 14px}.grid{grid-template-columns:1fr;gap:12px}.branch{padding:19px 20px 0;border-radius:13px}.branch h3{font-size:1.1875rem;margin-top:10px}.address{min-height:0;margin-bottom:15px}.branch-phone{margin-bottom:16px}.map-link{min-height:52px}.results-line{min-height:44px;padding-top:2px}.count{font-size:.8125rem}footer{flex-direction:column;gap:8px;padding-bottom:24px;margin-top:26px}}
@media(max-width:360px){.brand-content{padding-right:17px;padding-left:17px}.social-links{gap:8px}.social-links a{font-size:.8125rem;gap:4px}.heading-description{font-size:.8125rem}.network-count{min-width:83px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* A brighter brand surface with brief, purposeful motion. */
:root{background:#f3f7fb;--green:#bcdf53}
body{background:radial-gradient(ellipse at 3% 0%,#e5f0fa 0,transparent 48%),#f5f8fb}
.brand-panel{isolation:isolate;background:radial-gradient(ellipse at 0% 0%,#246daa 0,transparent 58%),linear-gradient(160deg,#113d65 0%,#082a48 75%);border:1px solid #ffffff28}
.brand-panel:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:370px;height:370px;border:1px solid #c4ebff17;border-radius:50%;top:-190px;left:-100px;box-shadow:0 0 0 40px #aed6ff06,0 0 0 80px #aed6ff05}
.brand-panel:after{content:'';position:absolute;pointer-events:none;bottom:0;right:0;width:52%;height:4px;background:linear-gradient(90deg,#65b855,var(--green));border-radius:5px 0 0 0}
.logo-mat{box-shadow:0 8px 24px #001a302e;transition:box-shadow .25s,transform .25s}
.brand-copy em{color:#c5e86c}
.network-count{border-right:0;border-radius:19px;padding:17px 19px;background:linear-gradient(145deg,#e8f2dc,#f1f6ea);box-shadow:inset 0 0 0 1px #d6e6c3}
.network-count strong{color:#315b26}
.network-count span{color:#46643c}
.directory-heading h2>span{color:#76aa30}
.search{transition:box-shadow .22s,border-color .22s,background .22s}
.search:focus{border-color:#468bbd;box-shadow:0 0 0 4px #2c79b414;background:#fff}
.branch{position:relative;box-shadow:0 3px 14px #193c5f04;transition:transform .22s,border-color .22s,box-shadow .22s}
.city{background:#ecf3e5;color:#456e29;border:1px solid #e1ebd8}
.pin{width:36px;height:36px;border-radius:11px;background:#edf5fc;color:#25689e}
.map-link svg,.branch-phone svg{transition:transform .2s}
.chip{transition:background .18s,color .18s,transform .18s,box-shadow .18s}
.chip[aria-pressed=true]{box-shadow:0 4px 10px #11385918;background:#12426b}
.chip:active,.contact-actions a:active{transform:scale(.97)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .branch:hover{transform:translateY(-4px);border-color:#a6bfd3;box-shadow:0 12px 28px #153c6210}
 .logo-mat:hover{transform:translateY(-2px);box-shadow:0 12px 30px #001a303b}
 .map-link:hover svg{transform:translate(-3px,3px)}
 .branch-phone:hover svg{transform:rotate(-12deg)}
 .social-links a:hover>span{transform:translateY(-3px)}
}
.social-links a>span{transition:background .2s,color .2s,transform .2s}
@keyframes arrive{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes light-arrives{from{transform:translate(-35px,-20px);opacity:0}to{transform:translate(0,0);opacity:1}}
@keyframes accent-arrives{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:no-preference){
 .brand-panel:before{animation:light-arrives 4.5s ease-out both}
 .brand-panel:after{transform-origin:right;animation:accent-arrives 1s .3s ease-out both}
 .logo-mat{animation:arrive .65s ease-out both}
 .brand-copy{animation:arrive .65s .09s ease-out both}
 .direct-contact{animation:arrive .65s .17s ease-out both}
 .social-links{animation:arrive .65s .24s ease-out both}
 .directory-heading{animation:arrive .6s .08s ease-out both}
}
@media(max-width:560px){
 .brand-panel{border-width:0 0 1px;background:radial-gradient(ellipse at 0% 0%,#246daa 0,transparent 70%),linear-gradient(140deg,#103c63,#082a48)}
 .network-count{padding:12px 11px;border-radius:15px;min-width:91px}
 .network-count strong{font-size:2.375rem}
 .network-count span{margin-top:8px}
 .brand-panel:before{width:320px;height:320px;top:-180px;left:-110px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}