@font-face{font-family:Jakarta;src:url(fonts/Jakarta.ttf);font-weight:200 800}@font-face{font-family:Alexandria;src:url(fonts/Alexandria.ttf);font-weight:100 900}
:root{--teal:#0E6E6B;--aqua:#2BB3A3;--mist:#EEF6F4;--sky:#DDEFEC;--navy:#0F2A3A;--slate:#557483}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Jakarta,sans-serif;color:var(--navy);background:var(--mist);font-size:16.5px;line-height:1.65}
img{display:block;width:100%;object-fit:cover}a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.025em;line-height:1.1}h2{font-size:clamp(32px,4vw,48px)}
.ar{font-family:Alexandria,sans-serif;direction:rtl}
.wrap{max-width:1200px;margin:auto;padding:0 28px}
.kick{color:var(--teal);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.kick.light{color:#8EE0D4}
.topbar{background:var(--navy);color:#cfe7e3;text-align:center;font-size:13.5px;padding:8px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 40px;background:#fff;box-shadow:0 1px 0 #e3eeec}
.logo{font-weight:800;font-size:28px;letter-spacing:-.04em;display:flex;align-items:center;gap:10px;line-height:1}.logo small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);font-weight:600;align-self:flex-end;margin-bottom:3px}
.mk{width:34px;height:34px;border-radius:10px;background:var(--teal);position:relative;overflow:hidden}.mk:after{content:"";position:absolute;left:8px;top:9px;width:16px;height:16px;border-radius:50%;background:#E7F4F1;box-shadow:6px -4px 0 0 var(--teal) inset}
.nav nav a{margin:0 16px;font-weight:600;font-size:15px;color:#33505e}
.btn{display:inline-block;background:var(--teal);color:#fff;font-weight:700;border-radius:12px;padding:12px 20px;font-size:15px}.btn.lg{padding:16px 26px}.btn.ghost{background:#fff;color:var(--teal);border:1.5px solid #bfdcd7}.btn.white{background:#fff;color:var(--teal)}
.hero{background:linear-gradient(180deg,#fff 0,var(--mist) 100%);padding:56px 0 100px}
.hwrap{max-width:1240px;margin:auto;padding:0 40px;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.chip{display:inline-block;background:#d9f1ec;color:var(--teal);font-weight:700;font-size:13.5px;padding:7px 14px;border-radius:99px}
.hero h1{font-size:clamp(46px,5.6vw,74px);margin:20px 0 10px}.hero h1 span{color:var(--teal)}
.big{font-size:24px;color:var(--teal);text-align:left;margin-bottom:12px}.lead{color:#3d5967;max-width:520px;font-size:17.5px}
.row{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 26px}
.ticks{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;font-weight:600;font-size:14.5px;color:#33505e}.ticks li:before{content:"✓";color:var(--aqua);margin-right:7px;font-weight:800}
.himg{position:relative}.himg img{height:560px;border-radius:32px}
.float{position:absolute;background:#fff;border-radius:18px;padding:16px 20px;box-shadow:0 20px 50px rgba(15,42,58,.16)}.float b{display:block}.float span{font-size:13.5px;color:var(--slate)}
.f1{top:30px;left:-34px;border-left:5px solid var(--aqua)}.f2{bottom:30px;right:-24px;display:flex;gap:12px;align-items:center}.dot{width:40px;height:40px;border-radius:50%;background:#d9f1ec;box-shadow:inset 0 0 0 12px var(--aqua)}
section{padding:100px 0}.care{background:#fff}.sh{text-align:center}
.tabs{display:flex;justify-content:center;gap:8px;margin:24px 0 40px}.tabs span{padding:9px 22px;border-radius:99px;background:var(--mist);font-weight:700;font-size:14.5px;color:var(--slate)}.tabs .on{background:var(--navy);color:#fff}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cards article{background:var(--mist);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.cards img{height:200px}
.cards article>div{padding:22px;display:flex;flex-direction:column;flex:1}.cards h3{font-size:20px;margin-bottom:6px}.cards p{font-size:14.5px;color:#46616e;flex:1}.cards span{margin-top:14px;font-weight:700;color:var(--teal);font-size:14.5px}
.also{text-align:center;margin-top:34px;color:#46616e;font-size:15px}.also span{font-weight:700;color:var(--navy)}
.first{background:var(--navy);color:#fff}.fw{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.sub{color:#a9c6cc;margin-top:16px}
.first ol{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:18px}.first li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px}.first li b{color:#8EE0D4;font-size:14px}.first h4{font-size:19px;margin-bottom:4px}.first p{font-size:14.5px;color:#b9d2d6}
.team{background:var(--sky)}.tg{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.pics{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:220px 220px;gap:14px}.pics img{height:100%;border-radius:22px}.pics .a{grid-row:span 2}
.team h2{margin-bottom:16px}.team p{color:#33505e}
.stats{display:flex;gap:16px;margin-top:30px}.stats div{background:#fff;border-radius:18px;padding:16px 20px;flex:1}.stats b{font-size:32px;color:var(--teal);display:block;line-height:1.1}.stats span{font-size:13.5px;color:var(--slate)}
.contact{background:var(--mist)}.cg{display:grid;grid-template-columns:1fr 1fr;border-radius:30px;overflow:hidden;box-shadow:0 30px 60px rgba(15,42,58,.12)}
.cc{background:var(--teal);color:#fff;padding:54px}.cc>p{color:#d6efeb;margin:14px 0 26px}
.hours{margin-top:32px}.hours div{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.22);padding:12px 0;font-size:15px}
.map{position:relative;background:var(--sky);min-height:440px}.map svg{position:absolute;inset:0;width:100%;height:100%}
.addr{position:absolute;left:24px;right:24px;bottom:24px;background:#fff;border-radius:18px;padding:18px 22px;display:flex;flex-direction:column}.addr span{color:#33505e;font-size:15px}.addr small{color:var(--slate);font-size:12.5px}
footer{background:var(--navy);text-align:center;padding:46px 24px}footer img{width:320px;margin:auto}footer p{color:#9fb8bf;font-size:13px;max-width:620px;margin:6px auto 0}
@media(max-width:880px){.nav{padding:14px 18px}.nav nav,.logo small{display:none}.nav .btn{padding:10px 14px;font-size:14px}.hwrap{grid-template-columns:1fr;padding:0 20px;gap:36px}.hero{padding:36px 0 70px}.hero h1{font-size:44px}.himg img{height:360px}.f1{left:12px;top:-20px}.f2{right:12px;bottom:-24px}
section{padding:72px 0}.wrap{padding:0 20px}.cards{grid-template-columns:1fr 1fr;gap:14px}.cards img{height:130px}.cards article>div{padding:16px}.cards h3{font-size:17px}.fw,.tg,.cg{grid-template-columns:1fr;gap:34px}.first ol{grid-template-columns:1fr}.pics{grid-template-rows:170px 170px}.stats{gap:10px}.stats div{padding:12px}.cc{padding:36px 24px}.map{min-height:340px}footer img{width:260px}}
@media(max-width:880px){.hide-m{display:none}}
