.elementor-248 .elementor-element.elementor-element-cdfe27d{--display:flex;border-style:none;--border-style:none;}.elementor-248 .elementor-element.elementor-element-cdfe27d:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-cdfe27d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F5;}.elementor-248 .elementor-element.elementor-element-7de11f7{--display:flex;--margin-top:43px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-248 .elementor-element.elementor-element-7de11f7:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-7de11f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F5;}.elementor-248 .elementor-element.elementor-element-becabe6{--display:flex;}.elementor-248 .elementor-element.elementor-element-becabe6:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-becabe6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F5;}.elementor-248 .elementor-element.elementor-element-c5f7a58{--display:flex;}.elementor-248 .elementor-element.elementor-element-c5f7a58:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-c5f7a58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F5;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-248 .elementor-element.elementor-element-cdfe27d{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-99dfbcc *//* ===== ABOUT US SECTION (Force White Text) ===== */
.about-hover {
  width: 100%;
  overflow: hidden;
}

.hover-card {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.hover-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
  filter: brightness(70%);
}

.hover-content {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  padding: 60px 20px;
  transition: bottom 0.6s ease;
}

.hover-content h2 {
  font-size: 3rem;
  margin-bottom: 20px;
  color: #C9A227 !important; /* العنوان دهبي بغض النظر عن القاعدة العامة */
}

.hover-content p {
  max-width: 800px;
  margin: 0 auto 30px;
  font-size: 1.2rem;
  line-height: 1.8;
  color: #fff !important; /* النصوص بيضاء رغم أي قاعدة عامة */
}

.btn {
  display: inline-block;
  background-color: #C9A227; /* زر دهبي */
  color: #fff !important;
  padding: 12px 30px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.btn:hover {
  background-color: #E3C675;
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}

/* Hover Effects */
.hover-card:hover img {
  transform: scale(1.05);
}

.hover-card:hover .hover-content {
  bottom: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cbc5d2d *//* ====== عنوان القسم ====== */
.section-title {
  font-size: 3rem;          /* كبير وواضح */
  font-weight: 800;
  color: #C9A227;           /* ذهبي */
  text-align: center;
  margin-top: 50px;         /* رفع العنوان */
  margin-bottom: 80px;      /* مسافة كبيرة بين العنوان والكروت */
  letter-spacing: 1.2px;
}

/* ====== القسم ====== */
.company-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  padding: 80px 30px;
  background: #FAF8F5; /* الخلفية الأساسية */
  position: relative;
}

.company-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(246, 244, 239, 0.85); /* خلفية ثانوية شبه شفافة */
  z-index: 0;
}

/* ====== الكارد ====== */
.company-card {
  position: relative;
  z-index: 1;
  background: #F6F4EF; /* الخلفية الثانوي للكارد */
  color: #2E2E2E; /* نص أساسي */
  border-radius: 20px;
  padding: 30px 25px;
  max-width: 350px;
  flex: 1 1 300px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: all 0.4s ease, box-shadow 0.4s ease;
}

/* Hover glow ذهبي */
.company-card:hover {
  transform: translateY(-10px);
  border: 1px solid #C9A227; /* حواف ذهبية */
  box-shadow: 0 0 15px 5px rgba(201, 162, 39, 0.6), 0 10px 25px rgba(0,0,0,0.15);
}

/* ====== الأيقونة ====== */
.company-card .icon {
  font-size: 2.5rem;
  color: #C9A227; /* Primary */
  margin-bottom: 20px;
}

/* ====== العنوان الفرعي ====== */
.company-card h3 {
  font-size: 1.6rem;
  margin-bottom: 10px;
  color: #C9A227; /* Primary */
}

/* ====== النص ====== */
.company-card p {
  font-size: 1rem;
  line-height: 1.6;
  color: #2E2E2E; /* نص أساسي */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7de11f7 */.container {
  background: linear-gradient(135deg, #3b2a10 0%, #6b460f 50%, #e2b23d 100%);
  color: #fff;
  padding: 80px 20px;
  border-radius: 20px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7482e13 */.stats-section {
  background: #FAF8F5; /* ثانوي */
  color: #2E2E2E; /* أساسي */
  padding: 150px 20px 100px 20px; /* رفع القسم بالكامل */
  text-align: center;
}

.section-title {
  font-size: 3rem;          /* أكبر وأوضح */
  font-weight: 700;
  color: #C9A227;           /* ذهبي */
  margin: 0;
  padding-bottom: 80px;     /* مسافة كبيرة بين العنوان والصناديق */
  letter-spacing: 1px;
  text-align: center;        /* يتوسط الصفحة */
}

/* Container and Stat Boxes */
.stats-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
}

.stat-box {
  background: #F6F4EF; /* رمادي فاتح */
  border: 1px solid rgba(201, 162, 39, 0.3); 
  padding: 30px 40px;
  border-radius: 18px;
  min-width: 200px;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(46, 46, 46, 0.1);
}

.stat-box:hover {
  transform: translateY(-6px);
  border-color: #E3C675; 
  box-shadow: 0 10px 25px rgba(227, 198, 117, 0.3);
}

.stat-box .icon {
  font-size: 3rem;
  color: #C9A227; /* ذهبي */
  margin-bottom: 15px;
  transition: transform 0.3s ease, color 0.3s ease;
}

.stat-box:hover .icon {
  transform: scale(1.2);
  color: #E3C675; /* ذهبي فاتح عند hover */
}

.stat-box h2 {
  font-size: 3rem;
  color: #C9A227; /* ذهبي */
  margin-bottom: 10px;
  font-weight: 700;
}

.stat-box p {
  font-size: 1.1rem;
  color: #2E2E2E;
  letter-spacing: 0.5px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eec7af6 */.clients-carousel {
  background: #FAF8F5; /* Background */
  padding: 100px 20px;
  text-align: center;
  font-family: "Poppins", sans-serif;
  overflow: hidden;
  position: relative;
}

.section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #C9A227; /* Primary */
  margin-bottom: 10px;
}

.section-subtitle {
  color: #2E2E2E; /* Text */
  font-size: 1rem;
  margin-bottom: 50px;
}

.logos-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* نضاعف اللوجوهات داخل slide لتستمر الحركة */
.logos-slide {
  display: flex;
  align-items: center;
  gap: 50px;
  min-width: max-content;
  animation: scroll 30s linear infinite;
}

.logos-slide img {
  width: 180px; /* حجم أكبر من قبل */
  height: auto;
  object-fit: contain;
  background: #F6F4EF; /* Secondary */
  border-radius: 16px;
  padding: 15px 20px;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 0 3px transparent;
  transition: all 0.3s ease;
  animation: borderGlow 2s linear infinite;
}

/* ✨ Glow دهبي */
@keyframes borderGlow {
  0% {
    box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.2);
  }
  50% {
    box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.6);
  }
  100% {
    box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.2);
  }
}

.logos-slide img:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(201, 162, 39, 0.6);
}

/* حركة السلايدر infinite loop حقيقية */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}/* End custom CSS */