/* Base */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Cairo',system-ui,Arial,sans-serif;color:#343537;background:#f3f4f6}
:root{
  --accent:#a01623;
  --accent-2:#e53f4e;
  --muted:#475569;
  --border:#e2e8f0;
  --shadow:0 10px 30px rgba(2,6,23,.08);
}
.container{width:min(1300px,92%);margin-inline:auto}

/* Topbar & navbar */
.topbar{background:#84827b;color:#e7e5de;font-size:.9rem}
.topbar__inner{display:flex;justify-content:space-between;gap:.8rem;padding:.35rem 0;flex-wrap:wrap}
.navbar{background:#e53f4e;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.15);background: linear-gradient(135deg, #3b3b38 0%, #000 50%, #908d86 100%);}
.nav__inner{display:flex;align-items:center;justify-content:space-between;min-height:75px;}
.logo{display:flex;align-items:center;gap:.5rem;color:#e7e5de;text-decoration:none;font-weight:900}
.logo i{font-size:2.6rem}
.nav-menu{display:flex;gap:.7rem;list-style:none;margin:0;padding:0;font-weight: 700}
.nav-link,.dropdown-toggle{color:#e7e5de;text-decoration:none;background:transparent;border:0;font:inherit;padding:.6rem .8rem;border-radius:10px;font-size:0.9rem}
.nav-link:hover,.dropdown-toggle:hover{background:rgba(255,255,255,.1)}
.dropdown{position:relative}
.dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:#d5d7d9;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:.5rem;display:none;z-index:1004}
.dropdown-menu a{display:flex;gap:.5rem;padding:.55rem .75rem;border-radius:10px;color:#0f172a;text-decoration:none}
.dropdown.open .dropdown-menu{display:block}
.cta-btn{background:#fff;color:#0f172a;text-decoration:none;padding:.6rem 0.9rem;border-radius:12px;border:1px solid rgba(255,255,255,.25);box-shadow:var(--shadow);font-weight: 900}
.mobile-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:10px;width:44px;height:44px}
@media (max-width: 992px){
  .mobile-toggle{display:inline-flex;align-items:center;justify-content:center}
  .nav-menu{position:fixed;inset-inline:0;top:130px;background:linear-gradient(135deg, #3b3b38 0%, #76746e 50%, #908d86 100%);flex-direction:column;padding:.75rem;transform:translateY(-10px);opacity:0;pointer-events:none;transition:.25s ease;z-index:1003}
  .nav-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}
  .cta-btn{display:none}
}

/* Hero slider */
.hero--slider{position:relative}
.slider{position:relative;overflow:hidden;height:clamp(460px,70vh,480px)}
.slide{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity .6s ease, transform .6s ease}
.slide.is-active{opacity:1;transform:scale(1)}
.slide__bg{position:absolute;inset:0;z-index:0;/*! background: linear-gradient(135deg, #0f6654 0%, #0f6654 50%, #00f4bb 100%); */
background: linear-gradient(135deg, #3b3b38 0%, #434340 50%, #908d86 100%);
}
.slide__inner{position:relative;z-index:1;width:100%}

/* ÊÕÛíÑ ÇáÕæÑÉ + ÊãÑßÒåÇ */
.slide--split{
  display:grid;
  grid-template-columns: 1.05fr 1fr; /* ÊæÇÒä ÃÝÖá */
  align-items:center;
  gap:clamp(1rem,3vw,2.2rem);
  min-height:clamp(420px,70vh,640px);
}
.slide-media{
  display:flex;
  align-items:center;
  justify-content:center;
}
.slide-media img{
  display:block;
  width:85%;              /* ÍÌã ãäÇÓÈ */
  max-width:620px;        /* ÇáÍÏ ÇáÃÞÕì */
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 24px 48px rgba(2,6,23,.18));
}
.slide-copy{text-align:right}
.hero-title--xl{font-size:clamp(1.2rem,2.2vw,3.6rem);line-height:1.3;color: #fff;}
.hero-description--lg{font-size:clamp(1.05rem,1.6vw,1.25rem);color:#fff}
.hero-badge{display:inline-block;background:#e7e5de;border:1px solid var(--border);padding:.45rem .8rem;border-radius:999px;box-shadow:var(--shadow);color:#41413e;}
.hero-buttons{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.9rem}
.btn-primary,.btn-secondary,.btn-white{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.1rem;border-radius:12px;text-decoration:none;border:1px solid var(--border);font-weight:800;background: #393937;color: #e7e5de;}
.btn-primary{background:#ecedf0;color:#41413e;border-color:transparent}
.btn-secondary{background:#393937;color:#fff;border-color:rgba(255,255,255,.35)}
.btn-secondary:hover{background:#908d86}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1rem}
.stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1rem;text-align:center;box-shadow:var(--shadow)}
.stat-icon{font-size:1.25rem;color:#393937;}
.stat-number{font-weight:900;font-size:1.4rem}
.stat-label{color:var(--muted)}

@media (max-width: 992px){
  .slide--split{grid-template-columns:1fr;text-align:center}
  .slide-copy{text-align:center}
  .hero-buttons{justify-content:center}
  .slide-media{order:-1}
  .slide-media img{
    width:65%;
    max-width:420px;
    margin-inline:auto
  }
}

/* Slider controls + dots */
.slider__ctrl{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;background:#484845ad;color:#fff;box-shadow:0 8px 24px rgba(2,6,23,.18);cursor:pointer;z-index:3}
.slider__ctrl.prev{right:12px}
.slider__ctrl.next{left:12px}
.slider__dots{position:absolute;inset-inline:0;bottom:12px;display:flex;gap:8px;justify-content:center;z-index:3}
.slider__dots button{width:9px;height:9px;border-radius:50%;border:0;background:#e53f4e;cursor:pointer;transition:transform .2s ease, background .2s ease}
.slider__dots button.is-active{background:#a01623;transform:scale(1.18)}

/* Sections */
.section{padding:clamp(2.2rem,5vw,4.5rem) 0}
.section-header{text-align:center;margin-bottom:2rem}
.section-title{margin:0 0 .3rem;font-size: 2rem;font-weight: 900}
.section-description{color:var(--muted)}
.gradient-text{background:linear-gradient(90deg,#fff,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Services */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.service-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.2rem;box-shadow:var(--shadow)}
.service-icon{font-size:1.5rem;color:#393937;}
.service-features{margin:.7rem 0 1rem;padding:0 1.1rem}
.service-link{color:#0f172a;text-decoration:none}
.service-link:hover{text-decoration:underline}
@media (max-width: 992px){.services-grid{grid-template-columns:1fr}}

/* About */
.about-content{display:grid;grid-template-columns:1.1fr .9fr;gap:1.2rem;align-items:start}
.mv-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1rem;box-shadow:var(--shadow);margin:.5rem 0}
.mv-icon{color:#393937;font-size:1.2rem;margin-bottom:.5rem}
.stats-card,.cta-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1rem;box-shadow:var(--shadow);margin-bottom:1rem}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
.stat-item{background:#fafafa;border:1px solid var(--border);border-radius:12px;padding:.9rem;text-align:center}
.stat-item.full-width{grid-column:1/-1}
.stat-item .large{font-size:2rem;font-weight:900}
.fade-in-up{opacity:0;transform:translateY(18px);transition:opacity .7s ease, transform .7s ease}
.fade-in-up.in-view{opacity:1;transform:none}
@media (max-width: 992px){.about-content{grid-template-columns:1fr}}

/* Products */
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.prod-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:var(--shadow);display:grid;gap:.6rem;text-decoration:none;color:inherit;transition:transform .25s ease, box-shadow .25s ease}
.prod-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(2,6,23,.12)}
.prod-img{border:1px solid var(--border);border-radius:12px;overflow:hidden;height:220px;display:flex;align-items:center;justify-content:center;background:#fff}
.prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.prod-card:hover .prod-img img{transform:scale(1.05)}
.prod-actions{display:flex;gap:.6rem;flex-wrap:wrap}
.prod-title{margin:.2rem 0}
.prod-spec{color:var(--muted)}
@media (max-width: 992px){.products-grid{grid-template-columns:1fr}}

/* Blog */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.post-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:var(--shadow)}
.post-title{margin:.2rem 0}
.post-title a{color:#0f172a;text-decoration:none}
.post-title a:hover{text-decoration:underline}
.post-excerpt{color:var(--muted)}
.post-more{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;color:#0f172a}
@media (max-width: 992px){.blog-grid{grid-template-columns:1fr}}

/* Contact */
.contact-content{display:grid;grid-template-columns:1.1fr .9fr;gap:1.2rem}
.contact-items{display:grid;gap:.8rem}
.contact-item{display:flex;gap:.8rem;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:12px;padding:.9rem;box-shadow:var(--shadow)}
.contact-icon{color:#393937;font-size:1.2rem;min-width:24px;text-align:center}
.contact-form{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1rem;box-shadow:var(--shadow)}
.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
.form-group{display:grid;gap:.4rem}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--border);border-radius:12px;font-size:1rem;font-family:inherit}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:3px solid #cdeae3;border-color:#79b4a7}
.submit-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;border:1px solid transparent;background:#393937;color:#e7e5de;font-weight:800;cursor:pointer}
@media (max-width: 992px){.contact-content{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}

/* Footer */
.footer{background:#000;color:#e7e5de;padding:2rem 0}
.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1.2rem}
.footer a{color:#e7e5de;text-decoration:none}
.footer-logo{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;margin-bottom:.5rem;font-weight:900}
.footer-logo i{font-size:1.8rem}
.footer-logo .logo-text{font-size:1.35rem}
.social-links{display:flex;gap:.5rem;margin-top:.5rem}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #e7e5de;border-radius:8px}
.footer-bottom{border-top:1px solid #7f7f7e;margin-top:1rem;padding-top:1rem;text-align:center}

/* Reveal on load */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease, transform .8s ease}
.reveal.in-view{opacity:1;transform:none;background: #f3f4f6}
body{opacity:0;transition:opacity .4s ease}
body.loaded{opacity:1}
/* ÊæÍíÏ ÇÑÊÝÇÚ ÇáÑæÇÈØ Ýí ÇáÞÇÆãÉ */
.nav-link,
.dropdown-toggle {
  display: flex;
  align-items: center; /* ãÍÇÐÇÉ ÇáäÕ ÚãæÏíðÇ */
  height: 60px;        /* äÝÓ ÇÑÊÝÇÚ ÔÑíØ ÇáÞÇÆãÉ */
  padding: 0 1rem;     /* ãÓÇÝÉ ÃÝÞíÉ ÝÞØ */
  line-height: 1.4;    /* ÎØ ãÊäÇÓÞ */
}
/* Fix: Îáí ÒÑ ÇáÞÇÆãÉ ÝæÞ ßá ÔíÁ Úáì ÇáÌæÇá */
@media (max-width: 992px){
  .navbar{ z-index: 3000; }     /* ÃÚáì ãä ÇáÞÇÆãÉ */
  .nav-menu{ z-index: 2000; }   /* ÃÞá ãä ÔÑíØ ÇáÊäÞá */
  .mobile-toggle{
    position: relative;
    z-index: 3500;              /* ÃÚáì ÔíÁ */
  }
}
.mobile-toggle {
  cursor: pointer;
}

.whatsapp-btn {
  background-color: #25D366; /* ÃÎÖÑ æÇÊÓÇÈ */
  color: #fff;
  border: none;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.whatsapp-btn:hover {
  background-color: #1ebe5d; /* ÃÎÖÑ ÃÛãÞ ÚäÏ ÇáãÑæÑ */
  text-decoration: none;
}
/* ÃíÞæäÇÊ ÇáÊæÈ ÈÇÑ ÈÎáÝíÉ ÏÇÆÑíÉ ÈíÖÇÁ */
.topbar i.fa-solid {
  background: #fff;
  color: #42423F;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  margin-inline-end: 6px; /* ãÓÇÝÉ ÈÚÏ ÇáÃíÞæäÉ */
}
/* ÍÑßÉ ÇåÊÒÇÒ ÈØíÆÉ ááíãíä æÇáíÓÇÑ */
.icon-wiggle {
  display: inline-flex;
  background: #fff;
  color: var(--accent);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  margin-inline-end: 6px;
  animation: wiggle 2s ease-in-out infinite;
}

@keyframes wiggle {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
}
/* ÃíÞæäÉ Èáæä ãÊÏÑÌ ÈáÇÊíäíæã */
.icon-platinum {
  background: linear-gradient(135deg, #e5e4e2, #c0c0c0, #a8a9ad, #e5e4e2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

  @media (max-width: 768px) {
  .topbar__welcome {
    display: none;
  }
  .section-title{
      font-size: 1.3rem;
  font-weight: 900;
      }
}

/* ÊÃßÏ ãä Ãä ÇáÓáÇíÏÑ íÓãÍ ÈÇáÞØÚ */
.hero--slider {
  position: relative;
  overflow: hidden;
}

/* ÚäÕÑ æåãí íÕäÚ ÇáãæÌÉ */
.hero--slider::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 100px;  /* íãßä ÊÛííÑ ÇáÇÑÊÝÇÚ */
  background: #e2e2e2;  /* áæä ÎáÝíÉ ÇáÞÓã ÇáÊÇáí */
  /* ãÖáÚ ÈÚÏÉ äÞÇØ áÎáÞ ãæÌÉ */
  clip-path: polygon(
    0 80%,
    10% 85%,
    20% 75%,
    30% 80%,
    40% 95%,
    50% 80%,
    60% 72%,
    70% 85%,
    80% 75%,
    90% 80%,
    100% 70%,
    100% 100%,
    0 100%
  );
}
.services.section {
  position: relative;
  overflow: hidden;
}

/* ÚäÕÑ æåãí íÕäÚ ÇáãæÌÉ */
.services.section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 100px;  /* íãßä ÊÛííÑ ÇáÇÑÊÝÇÚ */
  background: #e2e2e2;  /* áæä ÎáÝíÉ ÇáÞÓã ÇáÊÇáí */
  /* ãÖáÚ ÈÚÏÉ äÞÇØ áÎáÞ ãæÌÉ */
  clip-path: polygon(
    0 80%,
    10% 85%,
    20% 75%,
    30% 80%,
    40% 70%,
    50% 60%,
    60% 72%,
    70% 85%,
    80% 75%,
    90% 80%,
    100% 70%,
    100% 100%,
    0 100%
  );
}
 .about.section {
  position: relative;
  overflow: hidden;
}

/* ÚäÕÑ æåãí íÕäÚ ÇáãæÌÉ */
.about.section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 100px;  /* íãßä ÊÛííÑ ÇáÇÑÊÝÇÚ */
  background: #f3f4f6;  /* áæä ÎáÝíÉ ÇáÞÓã ÇáÊÇáí */
  /* ãÖáÚ ÈÚÏÉ äÞÇØ áÎáÞ ãæÌÉ */
  clip-path: polygon(
    0 80%,
    10% 85%,
    20% 75%,
    30% 80%,
    40% 70%,
    50% 60%,
    60% 72%,
    70% 85%,
    80% 75%,
    90% 80%,
    100% 70%,
    100% 100%,
    0 100%
  );
}

.products.section  {
  position: relative;
  overflow: hidden;
}

/* ÚäÕÑ æåãí íÕäÚ ÇáãæÌÉ */
.products.section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 100px;  /* íãßä ÊÛííÑ ÇáÇÑÊÝÇÚ */
  background: #f3f4f6;  /* áæä ÎáÝíÉ ÇáÞÓã ÇáÊÇáí */
  /* ãÖáÚ ÈÚÏÉ äÞÇØ áÎáÞ ãæÌÉ */
  clip-path: polygon(
    0 80%,
    10% 85%,
    20% 75%,
    30% 80%,
    40% 70%,
    50% 60%,
    60% 72%,
    70% 85%,
    80% 75%,
    90% 80%,
    100% 70%,
    100% 100%,
    0 100%
  );
}



.blog.section {
  position: relative;
  overflow: hidden;
}
.blog.section::after {
  content: "";
  position: absolute;
  bottom: -1px;          /* ÍÊì íÛØí ÍÇÝÉ ÇáÓáÇíÏÑ ÊãÇãÇð */
  left: 0;
  width: 100%;
  height: 30px;          /* ÇÖÈØ ÇáÇÑÊÝÇÚ ÈÍÓÈ ÇáÍÇÌÉ */
  background: linear-gradient(135deg, #3b3b38 0%, #434340 50%, #5b5b57 100%);  /* áæä ÇáÎáÝíÉ ááÞÓã ÇáÊÇáí (ÑãÇÏí ÝÇÊÍ ãËáÇð) */
  border-top-left-radius: 50% 100%;
  border-top-right-radius: 50% 100%;
}
.contact.section  {
  position: relative;
  overflow: hidden;
}

/* ÚäÕÑ æåãí íÕäÚ ÇáãæÌÉ */
.contact.section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 100px;  /* íãßä ÊÛííÑ ÇáÇÑÊÝÇÚ */
  background: #000;  /* áæä ÎáÝíÉ ÇáÞÓã ÇáÊÇáí */
  /* ãÖáÚ ÈÚÏÉ äÞÇØ áÎáÞ ãæÌÉ */
  clip-path: polygon(
    0 80%,
    10% 85%,
    20% 75%,
    30% 80%,
    40% 70%,
    50% 55%,
    60% 72%,
    70% 85%,
    80% 75%,
    90% 80%,
    100% 70%,
    100% 100%,
    0 100%
  );
}

/* Hero Block Section */
.hero-block {
  /*! background: linear-gradient(135deg, #0f6654 0%, #0f6654 50%, #00f4bb 100%); */
  color: #fff;
  padding: clamp(3rem, 6vw, 5rem) 0;
  background: linear-gradient(135deg, #3b3b38 0%, #434340 50%, #908d86 100%);
}

.hero-block__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1rem, 4vw, 3rem);
  align-items: center;
}

/* ÇáÕæÑÉ */
.hero-block__media {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-block__media img {
  width: 100%;
  max-width: 680px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 20px 40px rgba(0,0,0,0.15));
}

/* ÇáãÍÊæì */
.hero-block__content {
  text-align: right;
}
.hero-block__content .hero-title--xl {
  font-size: clamp(2.2rem, 4vw, 3.6rem);
  line-height: 1.2;
  margin: 0.6rem 0;
}
.hero-block__content .hero-description--lg {
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  color: #fefefe;
}
.hero-block__content .hero-buttons {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.hero-block__content .btn-primary,
.hero-block__content .btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.8rem 1.2rem;
  border-radius: 12px;
  font-weight: 800;
  text-decoration: none;
}

/* ÃÒÑÇÑ ÈÃáæÇä ãÃáæÝÉ */
.hero-block__content .btn-primary {
  background-color: #000;    /* ÈÑÊÞÇáí */
  color: #fff;
}
.hero-block__content .btn-primary:hover {
  filter: brightness(0.95);
}
.hero-block__content .btn-secondary {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.hero-block__content .btn-secondary:hover {
  background-color: rgba(255,255,255,0.15);
}

/* ÅÍÕÇÆíÇÊ */
.hero-stats {
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
  flex-wrap: wrap;
}
.hero-stats .stat {
  text-align: center;
  flex: 1;
}
.hero-stats .stat-icon {
  font-size: 1.3rem;
  margin-bottom: 0.4rem;
}
.hero-stats .stat-number {
  font-size: 1.6rem;
  font-weight: 900;
}
.hero-stats .stat-label {
  font-size: 0.85rem;
  color: #fff;
}

/* ÇÓÊÌÇÈÉ ááÔÇÔÇÊ ÇáÕÛíÑÉ */
@media (max-width: 992px) {
  .hero-block__inner {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .hero-block__media {
    order: -1; /* ÇáÕæÑÉ ÊÙåÑ ÝæÞ ÇáäÕ */
  }
  .hero-block__content {
    text-align: center;
  }
  .hero-block__media img {
    max-width: 540px;
  }
  .hero-stats {
    justify-content: center;
  }
}
/* ÅÌÈÇÑ ÊÑÊíÈ ÇáÃÚãÏÉ Úáì Ãä íßæä ãä ÇáíÓÇÑ ááíãíä */
.hero-block__inner {
  direction: ltr;      /* ÇáÕæÑÉ ÓÊÈÞì íÓÇÑ æÇáäÕ íãíä */
}

/* æááÍÝÇÙ Úáì ÇÊÌÇå ÇáäÕ ÇáÚÑÈí ÏÇÎá ÇáãÍÊæì */
.hero-block__content {
  direction: rtl;      /* íÓÊãÑ ÇáäÕ ÈÇáÚÑÈíÉ */
  text-align: right;   /* ãÍÇÐÇÉ ÇáäÕ ááíãíä */
}


.hero-block {
  position: relative;
  overflow: hidden;
}
.hero-block::after {
  content: "";
  position: absolute;
  bottom: -1px;          /* ÍÊì íÛØí ÍÇÝÉ ÇáÓáÇíÏÑ ÊãÇãÇð */
  left: 0;
  width: 100%;
  height: 30px;          /* ÇÖÈØ ÇáÇÑÊÝÇÚ ÈÍÓÈ ÇáÍÇÌÉ */
  background: #f3f4f6;   /* áæä ÇáÎáÝíÉ ááÞÓã ÇáÊÇáí (ÑãÇÏí ÝÇÊÍ ãËáÇð) */
  border-top-left-radius: 50% 100%;
  border-top-right-radius: 50% 100%;
}
/* ÊäÓíÞ ÇáÍÇæíÉ áÊÙá ÇáÚäÇÕÑ ÈãÍÇÐÇÉ ÃÝÞíÉ */
.logo {
  display: flex;
  align-items: center;
  gap: .6rem;            /* ãÓÇÝÉ Èíä ÇáÕæÑÉ æÇáäÕ */
}

/* ÍÌã ÇáÔÚÇÑ ÏÇÎá ÔÑíØ ÇáÊäÞá */
.logo-img {
  height: 60px;          /* ÇáÇÑÊÝÇÚ ÇáãäÇÓÈ áÇÑÊÝÇÚ ÇáÔÑíØ */
  width: auto;           /* ÇáÍÝÇÙ Úáì äÓÈÉ ÇáÃÈÚÇÏ */
  display: block;
}
@media (max-width: 768px) {
  .logo-img {
    height: 50px;
  }
}

/* --------------------------------------------------------
 * قسم طلب التقسيط (Order Page)
 * ------------------------------------------------------*/

/* بطل الصفحة الخاص بنموذج الطلب */
.order-hero{
  background: linear-gradient(135deg, #3b3b38 0%, #434340 50%, #908d86 100%) ;
  color:#fff;
  padding:clamp(3rem,6vw,5rem) 0;
  position: relative;
  overflow: hidden;
}
/* موجة أسفل بطل الطلب (للمظهر الاحترافي) */
.order-hero::after{
  content:"";
  position:absolute;
  bottom:-1px;
  left:0;
  width:100%;
  height:80px;
  background:#f3f4f6;
  clip-path:polygon(
    0 80%,10% 85%,20% 75%,30% 80%,40% 70%,50% 60%,60% 72%,70% 85%,80% 75%,90% 80%,100% 70%,100% 100%,0 100%
  );
}

/* القسم الذي يحتوي على نموذج الطلب */
.order-section{position:relative;overflow:hidden;}
.order-section::after{
  content:"";
  position:absolute;
  bottom:-1px;
  left:0;
  width:100%;
  height:80px;
  background:#3e3e3b;
  clip-path:polygon(
    0 80%,10% 85%,20% 75%,30% 80%,40% 70%,50% 60%,60% 72%,70% 85%,80% 75%,90% 80%,100% 70%,100% 100%,0 100%
  );
}

/* صندوق نموذج الطلب */
.order-form{
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  padding:1rem;
  box-shadow:var(--shadow);
  margin-top:1.5rem;
}

/* تخطيط الحقول في نموذج الطلب */
.order-form .form-row{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:.8rem;
}
.order-form .form-group{
  display:grid;
  gap:.4rem;
}
.order-form input,
.order-form select{
  width:100%;
  padding:.8rem 1rem;
  border:1px solid var(--border);
  border-radius:12px;
  font-size:1rem;
  font-family:inherit;
}
.order-form input:focus,
.order-form select:focus{
  outline:3px solid #cdeae3;
  border-color:#79b4a7;
}

/* خيارات الاختيار (راديو وتشيك بوكس) */
.order-form .form-options{
  display:flex;
  align-items:center;
  gap:1.2rem;
  flex-wrap:wrap;
}
.order-form .form-options label{
  display:flex;
  align-items:center;
  gap:.4rem;
  font-size:1rem;
  color:var(--muted);
}

/* زر الإرسال في صفحة الطلب */
.order-form .submit-btn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.75rem 1rem;
  border-radius:12px;
  border:1px solid transparent;
  background:#393937;
  color:#e7e5de;
  font-weight:800;
  cursor:pointer;
  margin-top:1rem;
}
.order-form .submit-btn:hover{
  background:#908d86;
}

/* استجابة للهواتف: ترتيب الحقول عمودياً وتغيير حجم الموجة */
@media (max-width:992px){
  .order-form .form-row{
    grid-template-columns:1fr;
  }
  .order-hero::after,
  .order-section::after{
    height:60px;
  }
}

.service-icon-title {
  text-align: center;
}

.service-icon-title i {
  font-size: 1.5em;
  color: #a01623;
}

.service-icon-title .service-title {
  margin-top: 8px;
}

/* ضبط اتجاه عرض مربع التحقق لنص الشروط في نموذج الطلب */
/* ضبط اتجاه عرض مربع التحقق لنص الشروط في نموذج الطلب */
.order-form .accept-label{

  align-items:center;
  flex-direction:row-reverse;
  gap:.4rem;
  cursor:pointer;
}

    /* الحالة الأساسية لكل الصور داخل السلايدر: أسفل وشفافية صفر */
.slide .slide-media {
  transform: translateY(100px);
  opacity: 0;
  transition: transform 0.7s ease-out, opacity 0.7s ease-out;
}

/* عند تحميل الصفحة (body.loaded) وللشريحة النشطة: العودة للوضع الطبيعي */
body.loaded .slide.is-active .slide-media {
  transform: translateY(0);
  opacity: 1;
}

/* اجعل عمود النص يبدأ من أعلى السلايدر */
.slide--split{
  align-items: start;                 /* لا تُمركز عموديًا */
}

.slide-copy{
  align-self: start;                  /* هذا العمود تحديدًا يبدأ من أعلى */
  display: block;                     /* تأكد من عدم بقاء flex من تعديل سابق */
  padding-top: 0;                     /* بدون فراغ علوي إضافي */
}

/* إلغاء أي تمركز سابق أضفناه من قبل */
.slide-copy{
  justify-content: initial;           /* لو كان موجودًا سابقًا */
}

/* تخلّص من أي هامش علوي في العنوان ليبدأ رأسًا من الأعلى */
.hero-title--xl{ margin-top: 1; }
@media (max-width: 992px){
  .slide--split{ align-items: start; }
  .slide-copy{ padding-top: .5rem; }  /* مسافة صغيرة فقط إن رغبت */
}


/* تحريك الصور من أسفل لأعلى + إظهار تدريجي على الجوال بدون display:none */
@media (max-width: 768px){

  /* أعطِ السلايدر ارتفاعًا ثابتًا حتى لا ينهار */
  .slider{
    height: clamp(420px, 70vh, 640px);
    min-height: unset;
    position: relative;
  }

  /* كل السلايدات مكدّسة فوق بعض؛ أخفي غير النشط بالشفافية */
  .slide{
    position: absolute;   /* مهم للحفاظ على التراكب والحركة السلسة */
    inset: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: none;      /* نترك الحركة للداخل (slide-media) */
  }
  .slide.is-active{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* حركة الصورة من أسفل لأعلى تعمل عند التحميل وعند الانتقال */
  .slide .slide-media{
    transform: translateY(30px);
    opacity: 0;
    transition: transform .7s ease-out, opacity .7s ease-out;
    will-change: transform, opacity;
  }
  .slide.is-active .slide-media{
    transform: translateY(0);
    opacity: 1;
  }

  /* ترتيب العناصر */
  .slide--split{
    grid-template-columns: 1fr;
    align-items: start;
    gap: 1rem;
    padding: 2rem 0 1.2rem;
  }
  .slide-media{ order: -1; margin-top: .25rem; }
  .slide-media img{ width: 82%; max-width: 360px; height: auto; }
  .slide-copy{ align-self: start; text-align: center; margin: 0; padding-top: .25rem; }
  .hero-title--xl{ font-size: clamp(1.6rem, 6vw, 2.1rem); line-height: 1.25; margin-top: 0; }
  .hero-description--lg{ font-size: .95rem; }

  .slider__dots{ bottom: 10px; }
  .slider__ctrl{ width: 38px; height: 38px; bottom: 12px; top: auto; }
}
@media (max-width: 768px) {
  /* تقليل المسافة بين الصورة والعنوان */
  .slide-copy {
    margin-top: 0.5rem;   /* كانت أكبر من كذا */
  }
  .hero-title--xl {
    margin-top: 0.3rem;   /* إلغاء المسافة الكبيرة */
  }
}

/* تقليل المسافة بين بطل الطلب والقسم التالي وسحب القسم للأعلى قليلاً */
.order-hero{
  padding-bottom: clamp(1rem, 3vw, 2.6rem); /* كان كبير */
}
.order-hero::after{
  height: 60px; /* تصغير الموجة */
}

.order-section{
  padding-top: 0.75rem;   /* تقليل التباعد العلوي */
  margin-top: -30px;      /* سحب القسم للأعلى ليعانق الموجة */
}

/* ضبط أدق للجوال */
@media (max-width: 768px){
  .order-hero{ padding-bottom: 1rem; }
  .order-hero::after{ height: 50px; }
  .order-section{
    padding-top: 0.5rem;
    margin-top: -30px;
  }
}


.accept-label input[type="checkbox"] {
  margin: 0;               /* إزالة الهوامش الافتراضية */
}

.hero-stats-title {
    text-align: right; /* محاذاة لليمين */
  font-size: 1.9rem;
  font-weight: bold;
  background: linear-gradient(90deg,#f6f0f1,#fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
    justify-content: flex-start; /* العناصر داخل الـ flex لليمين */
  gap: 10px;
}

.hero-stats-title i {
  font-size: 1.5rem;
  background: linear-gradient(90deg,#000,#434243);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.stat-number1 {
  width: 40px;
  height: 40px;
  background: linear-gradient(90deg,#010101,#4e4d4d);  /* اللون المتدرج */
  color: #fff; /* لون الرقم */
  font-weight: bold;
  font-size: 1.2rem;
  border-radius: 25%; /* يجعلها دائرية */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px auto; /* توسيطها وإضافة مسافة تحت */
}
/* خريطة متجاوبة داخل contact-form */
.map-embed{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;  /* نسبة 16:9 — غيّرها مثلاً إلى 60% لو تبي أطول */
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--shadow);
  background: #f3f4f6;
}
.map-embed iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* زر فتح الخريطة */
.map-btn{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin-top: 1rem;
}

/* تحسين العرض على الشاشات الصغيرة */
@media (max-width: 768px){
  .map-embed{ padding-bottom: 68%; } /* مساحة أطول قليلًا على الهاتف */
}

/* تصميم الفوتر الأساسي */
.footer {

  color: #fff;
  padding: 30px 0;
}

.footer .footer-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

.footer .footer-section {
  flex: 1;
  min-width: 200px;
}

.footer h4 {
  margin-bottom: 15px;
  font-size: 18px;
}

.footer p, .footer a {
  font-size: 14px;
  color: #ddd;
  text-decoration: none;
}

.footer a:hover {
  color: #fff;
}

.footer .social-links a {
  color: #fff;
  margin-right: 8px;
  font-size: 16px;
}

.footer-bottom {
  text-align: center;
  margin-top: 20px;
  border-top: 1px solid #444;
  padding-top: 10px;
  font-size: 13px;
}

/* ===== تصميم الفوتر للجوال ===== */
@media (max-width: 768px) {
  .footer .footer-content {
    flex-direction: column;
    align-items: right;
    text-align: right;
  }
  .footer .footer-section {
    min-width: 100%;
  }
  .footer .social-links {
    margin-top: 10px;
  }
  .contact-info-footer p {
    display: flex;
    align-items: right;
    justify-content: right;
    gap: 8px;
  }
}


/* ضبط النص بجوار الشعار في الهاتف */
@media (max-width: 768px) {
  header .logo-text,
  header span {
    font-size: 14px; /* حجم أصغر */
    line-height: 1.2;
  }

  /* ضبط زر الواتساب */
  .cta-btn.whatsapp-btn {
    font-size: 14px;  /* تصغير النص */
    padding: 8px 14px; /* تصغير الزر */
  }

  .cta-btn.whatsapp-btn i {
    font-size: 14px; /* تصغير الأيقونة */
  }
}

 /* ==== تحسين عرض السلايدر على الهواتف ==== */
@media (max-width: 768px){

  /* ارتفاع منطقي للسلايدر وتباعد أنظف */
  .slider{
    height: clamp(480px, 78vh, 640px);
    position: relative;
  }

  /* عمود واحد + مسافات أقل */
  .slide--split{
    grid-template-columns: 1fr;
    gap: .65rem;
    padding: 1.2rem 0 2.2rem;
    align-items: start;
  }

  /* الصورة أولاً وبحجم مضبوط */
  .slide-media{ order: -1; }
  .slide-media img{
    width: 100vw;               /* أصغر من عرض الشاشة */
    max-width: 360px;
    max-height: 42vh;          /* لا تتجاوز نصف الشاشة تقريباً */
    height: auto;
    object-fit: contain;
  }

  /* النصوص محاذاة ومقاسة بشكل مريح */
  .slide-copy{
    text-align: center;
    padding: 0 .6rem;
    margin: 0;
  }
  .hero-title--xl{
    font-size: clamp(0.9rem, 1.2vw, 1.7rem);
    line-height: 1.35;
    margin: .25rem 0 .35rem;
  }
  .hero-description--lg{
    font-size: .95rem;
    line-height: 1.6;
    max-width: 38ch;           /* يمنع السطر الطويل */
    margin: 0 auto;
  }

  /* الأزرار أصغر ومرتّبة بالوسط */
  .hero-buttons{
    justify-content: center;
    gap: .5rem;
    margin-top: .6rem;
  }
  .btn-primary,
  .btn-secondary{
    padding: .6rem .9rem;
    font-size: .95rem;
    border-radius: 10px;
  }

  /* عناصر التحكم أقرب للأسفل */
  .slider__ctrl{
    top: auto;
    bottom: 12px;
    width: 36px;
    height: 36px;
  }
  .slider__dots{ bottom: 8px; }

  /* نفس حركة الظهور (من أسفل لأعلى) للموبايل أيضاً */
  .slide .slide-media{
    transform: translateY(26px);
    opacity: 0;
    transition: transform .7s ease-out, opacity .7s ease-out;
    will-change: transform, opacity;
  }
  .slide.is-active .slide-media{
    transform: translateY(0);
    opacity: 1;
  }
}

/* ضبط إضافي للشاشات الأصغر جداً */
@media (max-width: 380px){
  .hero-block__content .hero-title--xl{ font-size: 1.25rem; }
  .btn-primary, .btn-secondary{ font-size: .9rem; padding: .55rem .8rem; }
  .slide-media img{ width: 100vw; max-height: 40vh; }
}
/* قيمة احتياطية لارتفاع الشريط (تستخدم فقط لحساب أقصى ارتفاع القائمة) */
:root { --nav-h: 95px; }

/* موبايل: اربط القائمة بأسفل الشريط مباشرة */
@media (max-width: 992px){
  .nav__inner{ position: relative; } /* مرجع تموضع للقائمة */

  .nav-menu{
    position: absolute;   /* بدل fixed */
    top: 100%;            /* أسفل .nav__inner مباشرة (بعد الشعار) */
    inset-inline: 0;      /* right:0 و left:0 */
    width: 100%;
    background: linear-gradient(135deg, #3b3b38 0%, #76746e 50%, #908d86 100%);
    border-top: 1px solid rgba(255,255,255,.15);

    /* سلوك الظهور */
    transform: none;          /* إلغاء أي translate قديم */
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;

    /* لو القائمة طويلة، خَلِّها قابلة للتمرير بدون ما تغطي الشريط */
    max-height: calc(100vh - var(--nav-h, 95px));
    overflow: auto;

    /* تباعد داخلي بسيط */
    padding: .75rem;
    border-radius: 0 0 12px 12px;
    z-index: 2000;           /* فوق المحتوى وتحت زر القائمة */
  }

  .nav-menu.open{
    opacity: 1;
    pointer-events: auto;
  }

  /* تأكد أن زر القائمة فوق كل شيء */
  .mobile-toggle{ position: relative; z-index: 2500; }
}
.embossed-text {
  font-weight: bold;
  color: #ccc; /* لون النص الأساسي */
  text-shadow:
    1px 1px 2px #fff,  /* ظل فاتح لمحاكاة الإضاءة */
    -1px -1px 2px #666; /* ظل غامق لمحاكاة العمق */
}
@media (max-width: 768px) {
  .whatsapp-btn {
    display: none !important;
  }
}



@media (max-width: 768px) {
  .hero-stats-title {
    font-size: 1.1rem;
  }
}

/* ===== FAQ (Accordion) ===== */
.faq .section-header { margin-bottom: 1.6rem; }

.faq-accordion {
  display: grid;
  gap: .75rem;
}

.faq-item {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 14px;
  box-shadow: var(--shadow);
  overflow: hidden;
}

/* زر السؤال */
.faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;   /* النص يمين/الأيقونة يسار (RTL) */
  gap: .75rem;
  background: #f9fafb;
  border: 0;
  padding: .95rem 1rem;
  cursor: pointer;
  text-align: right;
  font-weight: 800;
  color: #0f172a;
}

.faq-q .q-text {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-family: 'Cairo',system-ui,Arial,sans-serif;
}

.faq-q .q-text i {
  color: #000; /* لون يتماشى مع الهوية */
}

/* أيقونة السهم */
.faq-q .q-icon {
  display: inline-flex;
  transition: transform .25s ease;
}

/* جسم الإجابة */
.faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease, padding .25s ease, opacity .25s ease;
  padding: 0 1rem;
  opacity: 0;
  background: #fff;
  color: var(--muted);
}

/* الحالة المفتوحة */
.faq-item.is-open .faq-a {
  padding: .85rem 1rem 1rem;
  opacity: 1;
  /* ارتفاع كبير كفاية لكل المحتويات بدون حساب JS */
  max-height: 420px;
}

.faq-item.is-open .faq-q .q-icon {
  transform: rotate(180deg);
}

/* لمسة زخرفية أسفل القسم */
.faq.section {
  position: relative;
  overflow: hidden;
}
.faq.section::after{
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 70px;
  background: #e2e2e2;
  clip-path: polygon(
    0 80%, 10% 85%, 20% 75%, 30% 80%, 40% 70%, 50% 60%,
    60% 72%, 70% 85%, 80% 75%, 90% 80%, 100% 70%, 100% 100%, 0 100%
  );
}

/* موبايل */
@media (max-width: 768px){
  .faq-q { padding: .85rem .9rem; }
  .faq-a { padding: 0 .9rem; }
  .faq-item.is-open .faq-a { padding: .75rem .9rem .9rem; }
}

/* ====== Services — تصميم احترافي للبطاقات ====== */
.services {
  position: relative;
}

.services .section-header .section-title {
  font-weight: 900;
}

.services-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.1rem;
}
@media (max-width: 992px){
  .services-grid{ grid-template-columns:1fr; }
}

/* بطاقة بخلفية ناعمة وحد متدرّج */
.service-card{
  position: relative;
  border-radius: 18px;
  padding: 1.25rem 1.1rem;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(135deg, rgba(169, 164, 165, 0.25), rgba(144,141,134,.25)) border-box;
  border: 1px solid transparent;
  box-shadow: 0 10px 30px rgba(2,6,23,.08);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  overflow: hidden;
}

.service-card::after{
  /* لمعة خفيفة أعلى البطاقة */
  content:"";
  position:absolute;
  inset: -60% -60% auto -60%;
  height: 120px;
  background: radial-gradient(120px 60px at 50% 100%, rgba(160,22,35,.07), transparent 60%);
  pointer-events:none;
  transform: translateY(-10px);
}

.service-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(2,6,23,.14);
  border-color: #666;
}

/* رأس البطاقة: أيقونة داخل دائرة */
.service-icon,
.service-icon-title{
  text-align: center !important;
  margin-bottom: .6rem;
}

.service-icon i,
.service-icon-title i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:64px;
  height:64px;
  border-radius:50%;
  background: linear-gradient(135deg, #f5f5f5, #ececec);
  box-shadow: 0 6px 18px rgba(2,6,23,.10), inset 0 0 0 6px #fff;
  font-size: 1.35rem !important;
  color: #000;
}

/* العنوان */
.service-title{
  margin: .6rem 0 .35rem !important;
  font-size: 1.15rem !important;
  font-weight: 900;
  text-align: center;
  color:#0f172a;
}

/* الوصف */
.service-description{
  margin: 0 0 .6rem;
  color: var(--muted);
  text-align: center;
}

/* قائمة المزايا مع أيقونة صح */
.service-features{
  margin: .6rem 0 1rem;
  padding: 0;
  list-style: none;
}
.service-features li{
  position: relative;
  padding-inline-start: 1.4rem;
  margin: .35rem 0;
  color:#0f172a;
  font-weight:600;
}
.service-features li::before{
  content:"\f00c"; /* check */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position:absolute;
  inset-inline-start:0;
  top: 2px;
  width: 1rem;
  text-align: center;
  color: #000;
  opacity:.9;
}

/* رابط اعرف المزيد كزر شفاف أنيق */
.service-link{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.55rem .85rem;
  border-radius:10px;
  text-decoration:none;
  border:1px solid #e7e7e7;
  background:#fff;
  color:#0f172a;
  font-weight:800;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.service-link:hover{
  background:#fafafa;
  border-color:#dcdcdc;
  transform: translateY(-1px);
}
.service-link i{ font-size:.9rem }

/* حواشي مُهيأة للجوال */
@media (max-width: 768px){
  .service-card{ padding: 1rem .9rem; border-radius:16px; }
  .service-icon i,
  .service-icon-title i{ width:56px; height:56px; font-size:1.2rem !important; }
  .service-title{ font-size: 1.05rem !important; }
  .service-description{ font-size:.95rem; }
  .service-features li{ font-size:.95rem; }
}

/* تحريك دخول بطاقات الخدمات بشكل أنيق عند ظهورها */
@keyframes cardFadeUp {
  from { opacity:0; transform: translateY(14px); }
  to   { opacity:1; transform: none; }
}
.services-grid .service-card{
  opacity:0;
  animation: cardFadeUp .6s ease forwards;
}
.services-grid .service-card:nth-child(1){ animation-delay: .05s; }
.services-grid .service-card:nth-child(2){ animation-delay: .15s; }
.services-grid .service-card:nth-child(3){ animation-delay: .25s; }
.slide-logo {
max-width: 200px;
  margin-bottom: -60px;
  display: block;
  margin-top: -20px;
}
@media (max-width: 768px){
.slide-logo {
  max-width: 150px;     /* حجم الشعار */
  margin-bottom: -20px; /* مسافة تحت الشعار */
  display: block;
  margin-top: -60px;
}
}