.elementor-1069 .elementor-element.elementor-element-c6af552{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-16852ad */:root {
    --gold: #8B7355; --gold-light: #A89070; --dark: #1a1a1a;
    --white: #ffffff; --bg-light: #f8f6f2; --text-dark: #2c2c2c;
    --text-gray: #666; --border: #e0d8cc;
  }
  * { margin: 0; padding: 0; box-sizing: border-box; }



  .page-header { background: var(--bg-light); padding: 50px 60px; border-bottom: 1px solid var(--border); }
  .page-header h1 { font-size: 38px; font-weight: 800; color: var(--dark); margin-bottom: 10px; }
  .page-header p { font-size: 15px; color: var(--text-gray); max-width: 600px; line-height: 1.8; }
  .breadcrumb { font-size: 13px; color: var(--text-gray); margin-bottom: 10px; }
  .breadcrumb a { color: var(--gold); text-decoration: none; }

  /* SERVICES LIST */
  .services-section { padding: 60px; }
  .service-block {
    display: grid; grid-template-columns: 1fr 1fr; gap: 60px;
    align-items: center; margin-bottom: 70px; padding-bottom: 70px;
    border-bottom: 1px solid var(--border);
  }
  .service-block:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
  .service-block.reverse { direction: ltr; }
  .service-block.reverse .service-img { order: 2; }
  .service-block.reverse .service-text { order: 1; }

  .service-img img {
    width: 100%; height: 320px; object-fit: cover;
    border-radius: 14px; display: block;
  }
  .service-text .tag {
    display: inline-block; background: var(--gold); color: var(--white);
    font-size: 12px; font-weight: 700; padding: 5px 14px; border-radius: 20px;
    margin-bottom: 16px;
  }
  .service-text h2 { font-size: 26px; font-weight: 800; color: var(--dark); margin-bottom: 16px; }
  .service-text p { font-size: 14px; color: var(--text-gray); line-height: 1.9; margin-bottom: 14px; }
  .service-features { list-style: none; margin-top: 16px; }
  .service-features li {
    padding: 7px 0; font-size: 13px; color: var(--text-dark);
    border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 8px;
  }
  .service-features li::before { content: "✓"; color: var(--gold); font-weight: 800; }

  /* FEATURES BANNER */
  .features-banner {
    background: var(--dark); color: var(--white); padding: 50px 60px;
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; text-align: center;
  }
  .fb-item .number { font-size: 40px; font-weight: 800; color: var(--gold); }
  .fb-item p { font-size: 14px; color: #ccc; margin-top: 6px; }
/* =========================
   TABLET (<= 1024px)
========================= */
@media (max-width: 1024px) {
  .page-header {
    padding: 40px 30px;
  }

  .services-section {
    padding: 40px 30px;
  }

  .service-block {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .service-block.reverse {
    direction: rtl; /* نحافظ على RTL في التابلت */
  }

  .service-img img {
    height: 280px;
  }

  .features-banner {
    grid-template-columns: repeat(2, 1fr);
    padding: 40px 30px;
  }
}


/* =========================
   MOBILE (<= 768px)
========================= */
@media (max-width: 768px) {
  .page-header {
    padding: 30px 20px;
  }

  .page-header h1 {
    font-size: 28px;
  }

  .services-section {
    padding: 30px 20px;
  }

  .service-text h2 {
    font-size: 22px;
  }

  .service-img img {
    height: 220px;
  }

  .features-banner {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 30px 20px;
  }

  .fb-item .number {
    font-size: 32px;
  }
}


/* =========================
   SMALL MOBILE (<= 480px)
========================= */
@media (max-width: 480px) {
  .page-header h1 {
    font-size: 24px;
  }

  .page-header p {
    font-size: 13px;
  }

  .service-text p {
    font-size: 13px;
  }

  .service-features li {
    font-size: 12px;
  }

  .service-img img {
    height: 200px;
  }
}/* End custom CSS */