:root{--gold:#b8861b;--gold2:#d6ab4c;--ink:#0d1719;--muted:#657074;--cream:#f7f3eb;--white:#fff;--line:#e8dfd0;--shadow:0 22px 55px rgba(13,23,25,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.8}body.en{font-family:"Inter",Arial,sans-serif}.container{width:min(1160px,calc(100% - 36px));margin:auto}.site-header{position:fixed;top:0;right:0;left:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:155px;height:72px;object-fit:contain}.nav{display:flex;align-items:center;gap:23px}.nav a{color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap}.nav a:hover{color:var(--gold)}.outline-btn,.lang-btn{border:1px solid var(--gold);border-radius:999px;padding:8px 16px;background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.menu-toggle{display:none;background:none;border:0;font-size:28px}.hero{min-height:760px;position:relative;background:url('assets/hero.webp') center/cover no-repeat;display:flex;align-items:center;padding-top:86px;color:#fff}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,15,17,.5),rgba(6,15,17,.92) 60%,rgba(6,15,17,.95))}.hero-content{position:relative;max-width:1160px}.hero-content>*{max-width:720px}.eyebrow,.section-kicker{display:inline-block;color:var(--gold2);font-weight:800;letter-spacing:.02em;margin-bottom:10px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.18;margin:0 0 18px;font-weight:800}.hero p{font-size:21px;color:#e7eeee;max-width:680px}.hero-actions{display:flex;gap:14px;margin:30px 0}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:12px;text-decoration:none;font-weight:800;border:0;font:inherit;cursor:pointer}.primary-btn{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111}.ghost-btn{border:1px solid rgba(255,255,255,.6);color:#fff}.trust-strip{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border-radius:16px}.trust-strip div{padding:18px 20px;border-inline-start:1px solid rgba(255,255,255,.15)}.trust-strip div:first-child{border-inline-start:0}.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{font-size:18px}.trust-strip span{font-size:13px;color:#cfd8da}.section{padding:100px 0}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}h2{font-size:clamp(32px,4vw,50px);line-height:1.25;margin:0 0 22px}p{color:var(--muted)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.mini-grid article{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--cream)}.mini-grid b,.mini-grid span{display:block}.mini-grid b{color:var(--gold);font-size:20px}.image-card{position:relative}.image-card>img{width:100%;height:570px;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.floating-card{position:absolute;bottom:24px;right:-24px;background:#fff;padding:17px 22px;border-radius:14px;box-shadow:var(--shadow)}.floating-card strong,.floating-card span{display:block}.floating-card span{font-size:13px;color:var(--muted)}.services-section{background:var(--cream)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.service-card{background:#fff;padding:28px;border-radius:18px;border:1px solid var(--line);transition:.25s}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.service-card>span{color:var(--gold);font-weight:800;font-size:14px}.service-card h3{font-size:21px;margin:14px 0 10px}.service-card p{margin:0}.why-section{background:var(--ink);color:#fff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-grid article{border:1px solid rgba(255,255,255,.12);padding:25px;border-radius:18px;background:rgba(255,255,255,.04)}.why-grid b{color:var(--gold2);font-size:27px}.why-grid h3{margin:8px 0}.why-grid p{color:#cbd2d4;margin:0}.gallery{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;margin-top:34px}.gallery figure{margin:0;position:relative;overflow:hidden;border-radius:20px;min-height:390px;background:#111}.gallery img{width:100%;height:100%;object-fit:cover;transition:.35s}.gallery figure:hover img{transform:scale(1.04)}.gallery figcaption{position:absolute;bottom:0;right:0;left:0;padding:28px 20px 18px;color:#fff;font-weight:800;background:linear-gradient(transparent,rgba(0,0,0,.8))}.cta-section{padding:0 0 90px}.cta-box{background:linear-gradient(135deg,#0e1a1c,#17292d);color:#fff;border-radius:26px;padding:42px 50px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-box span{color:var(--gold2)}.cta-box h2{font-size:34px;margin:4px 0 0}.contact-section{background:#f4f1eb}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-list{display:grid;gap:12px;margin-top:28px}.contact-list a,.contact-list>div{padding:16px 18px;border-radius:12px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink)}.contact-list small,.contact-list strong{display:block}.contact-list small{color:var(--gold);font-weight:700}.contact-form{background:#fff;padding:28px;border-radius:20px;box-shadow:var(--shadow)}.contact-form label{display:block;margin-bottom:14px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #ddd5c8;border-radius:10px;padding:12px;margin-top:6px;font:inherit;background:#fff}.contact-form .primary-btn{width:100%}footer{background:#091214;color:#d6dddd;padding:28px 0}.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-wrap img{width:130px;height:65px;object-fit:contain;background:#fff;border-radius:9px}.footer-wrap p{color:#c8d0d2;margin:0}.footer-wrap a{color:var(--gold2);text-decoration:none}.floating-whatsapp{position:fixed;bottom:22px;left:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#23c763;color:#fff;text-decoration:none;font-size:28px;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:15}
@media(max-width:900px){.menu-toggle{display:block}.nav{position:absolute;top:86px;right:18px;left:18px;display:none;flex-direction:column;align-items:stretch;background:#fff;padding:20px;border-radius:16px;box-shadow:var(--shadow)}.nav.open{display:flex}.hero{min-height:720px}.trust-strip{grid-template-columns:1fr}.trust-strip div{border-inline-start:0;border-top:1px solid rgba(255,255,255,.15)}.trust-strip div:first-child{border-top:0}.split,.contact-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}.gallery figure{min-height:340px}.cta-box{flex-direction:column;align-items:flex-start}.floating-card{right:14px}.footer-wrap{flex-direction:column;text-align:center}}
@media(max-width:600px){.container{width:min(100% - 24px,1160px)}.site-header .brand img{width:125px}.nav-wrap{height:74px}.nav{top:74px}.hero{padding-top:74px;min-height:760px}.hero h1{font-size:42px}.hero p{font-size:18px}.hero-actions{flex-direction:column}.section{padding:74px 0}.services-grid,.why-grid,.mini-grid{grid-template-columns:1fr}.image-card>img{height:420px}.cta-box{padding:30px 24px}.cta-box h2{font-size:28px}}

/* 2026 content and usability update */
.brand{display:flex;align-items:center;padding:5px 10px;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 6px 22px rgba(13,23,25,.1)}
.brand img{width:180px;height:72px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08))}
.accreditations-section{padding-top:78px;padding-bottom:78px;background:#fff}
.credentials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.credentials-grid article{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,var(--cream));box-shadow:0 12px 30px rgba(13,23,25,.06)}
.credential-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#fff;font-weight:900;margin-bottom:12px}.credentials-grid small{color:var(--muted);font-weight:700}.credentials-grid strong{font-size:20px;margin-top:5px}
.whatsapp-contact{display:flex!important;align-items:center;gap:14px;border-color:#a9dfbc!important;background:#f2fff6!important}.whatsapp-mark{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#20b95a;color:#fff;font-size:24px;font-weight:900}.whatsapp-contact small{color:#159347!important;font-size:15px}.map-link{display:inline-block;margin-top:8px;color:var(--gold);font-weight:800;text-decoration:underline}.map-embed{overflow:hidden;border-radius:16px;border:1px solid var(--line);background:#fff}.map-embed iframe{display:block;width:100%;height:255px;border:0}.form-status{min-height:28px;margin:10px 0 0;color:#168a43;font-weight:800;text-align:center}.footer-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.footer-links button{border:0;background:none;color:var(--gold2);font:inherit;cursor:pointer;padding:0}.mobile-contact-bar{display:none}.privacy-modal[hidden]{display:none}.privacy-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:100;display:grid;place-items:center;padding:20px}.privacy-dialog{position:relative;width:min(620px,100%);background:#fff;border-radius:20px;padding:34px;box-shadow:var(--shadow)}.privacy-dialog h2{font-size:30px}.modal-close{position:absolute;top:10px;left:14px;border:0;background:transparent;font-size:32px;cursor:pointer}.modal-open{overflow:hidden}
@media(max-width:900px){.credentials-grid{grid-template-columns:1fr}.brand img{width:155px}.footer-links{justify-content:center}}
@media(max-width:600px){body{padding-bottom:68px}.brand{padding:3px 7px}.site-header .brand img{width:140px;height:62px}.mobile-contact-bar{position:fixed;right:0;left:0;bottom:0;height:64px;background:#fff;z-index:40;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 -8px 25px rgba(0,0,0,.16);border-top:1px solid #ddd}.mobile-contact-bar a{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;color:#fff}.mobile-contact-bar a:first-child{background:#1fb85a}.mobile-contact-bar a:last-child{background:var(--ink)}.mobile-contact-bar span{font-size:21px}.map-embed iframe{height:220px}.profile-download{display:none}.footer-links{flex-direction:column}.privacy-dialog{padding:30px 22px}}

/* 2026-08 visual refinements */
.brand{
  padding:0;
  background:transparent;
  box-shadow:none;
  border-radius:0;
}
.brand img{
  width:170px;
  height:76px;
  object-fit:contain;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.12));
}
.footer-wrap img{
  width:150px;
  height:88px;
  object-fit:contain;
  background:transparent;
  border-radius:0;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.35));
}
.contact-list > a,
.contact-list > div{
  text-align:right;
}
.contact-list > a > strong,
.contact-list > div > strong{
  text-align:right;
  width:100%;
}
.contact-list > a[href^="tel:"] strong{
  direction:ltr;
  unicode-bidi:embed;
  text-align:right;
}
.map-embed iframe{
  height:430px;
}
@media(max-width:900px){
  .brand img{width:150px;height:68px}
  .footer-wrap img{width:145px;height:84px}
  .map-embed iframe{height:380px}
}
@media(max-width:600px){
  .brand{padding:0}
  .site-header .brand img{width:138px;height:62px}
  .footer-wrap img{width:140px;height:82px}
  .map-embed iframe{height:340px}
}

/* 2026-08 final mobile contact refinements */
@media(max-width:600px){
  body{padding-bottom:88px}
  .mobile-contact-bar{
    right:10px;
    left:10px;
    bottom:10px;
    height:68px;
    padding:6px;
    gap:7px;
    grid-template-columns:1fr 1fr;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(13,23,25,.12);
    border-radius:20px;
    box-shadow:0 12px 34px rgba(0,0,0,.24);
    backdrop-filter:blur(12px);
  }
  .mobile-contact-bar a{
    min-width:0;
    border-radius:15px;
    gap:9px;
    font-size:15px;
    letter-spacing:0;
    transition:transform .18s ease,filter .18s ease;
  }
  .mobile-contact-bar a:active{transform:scale(.97);filter:brightness(.94)}
  .mobile-contact-bar .mobile-whatsapp{background:linear-gradient(135deg,#28c76f,#159447)}
  .mobile-contact-bar .mobile-call{background:linear-gradient(135deg,#c99a32,#8f6618)}
  .mobile-contact-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.18);
    font-size:20px!important;
    line-height:1;
  }
}


/* 2026-08-04 header, footer, map, and contact corrections */
.site-header{
  background:#fff;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border-bottom:1px solid var(--line);
}
.nav-wrap{background:#fff}
.brand{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
}
.brand img{
  width:166px;
  height:72px;
  object-fit:contain;
  filter:none;
}

/* All contact information stays aligned to the right on desktop and mobile. */
.contact-list,
.contact-list > a,
.contact-list > div,
.contact-list small,
.contact-list strong,
.contact-list span{
  text-align:right!important;
}
.contact-list > a,
.contact-list > div{
  direction:rtl;
}
.contact-list strong[dir="ltr"],
.contact-list a[href^="mailto:"] strong{
  direction:ltr;
  unicode-bidi:isolate;
  display:block;
  width:100%;
  text-align:right!important;
}
.whatsapp-contact{
  flex-direction:row;
  justify-content:flex-start;
}
.whatsapp-contact > span:last-child{
  flex:1;
  min-width:0;
  text-align:right!important;
}
.address-card{direction:rtl;text-align:right!important}

/* Use a balanced map viewport; exact pin remains available through the Google Maps button. */
.map-embed iframe{height:300px!important}

/* Footer logo uses the same clean transparent artwork on a theme-matched cream panel. */
.footer-wrap > img{
  width:168px;
  height:102px;
  padding:8px 12px;
  object-fit:contain;
  background:var(--cream)!important;
  border:1px solid rgba(214,171,76,.34);
  border-radius:16px!important;
  filter:none!important;
}

@media(max-width:900px){
  .site-header,.nav-wrap{background:#fff}
  .brand img{width:148px;height:66px}
  .map-embed iframe{height:280px!important}
  .footer-wrap > img{width:160px;height:98px}
}
@media(max-width:600px){
  .site-header,.nav-wrap{background:#fff!important}
  .nav-wrap{height:76px}
  .site-header .brand img{width:142px;height:64px}
  .map-embed iframe{height:260px!important}
  .footer-wrap > img{width:156px;height:96px}
  .contact-list > a,.contact-list > div{padding:16px 18px}
}

/* 2026-08-04 focused fixes: desktop footer logo + mobile phone alignment */
@media(min-width:901px){
  .footer-wrap > img{
    width:220px!important;
    height:132px!important;
    padding:12px 18px!important;
    background:#f7f3ea!important;
    border:1px solid rgba(214,171,76,.52)!important;
    border-radius:18px!important;
    object-fit:contain!important;
    opacity:1!important;
    filter:drop-shadow(0 5px 14px rgba(0,0,0,.28))!important;
  }
}

@media(max-width:600px){
  .contact-list > a[href^="tel:"]{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    direction:rtl!important;
  }
  .contact-list > a[href^="tel:"] small{
    width:100%!important;
    text-align:right!important;
  }
  .contact-list > a[href^="tel:"] strong{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:0!important;
    direction:ltr!important;
    unicode-bidi:isolate!important;
    text-align:left!important;
  }
}

/* 2026-08-04 definitive mobile phone-card alignment fix */
@media (max-width:600px){
  .contact-list > a[href^="tel:"]{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:end!important;
    align-items:start!important;
    direction:rtl!important;
    text-align:right!important;
  }
  .contact-list > a[href^="tel:"] small,
  .contact-list > a[href^="tel:"] strong{
    justify-self:end!important;
    align-self:auto!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    text-align:right!important;
  }
  .contact-list > a[href^="tel:"] strong{
    direction:ltr!important;
    unicode-bidi:isolate!important;
  }
}