.elementor-3780 .elementor-element.elementor-element-5342b12{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:120px 120px;--row-gap:120px;--column-gap:120px;--overlay-opacity:0.5;--padding-top:450px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-3780 .elementor-element.elementor-element-5342b12::before, .elementor-3780 .elementor-element.elementor-element-5342b12 > .elementor-background-video-container::before, .elementor-3780 .elementor-element.elementor-element-5342b12 > .e-con-inner > .elementor-background-video-container::before, .elementor-3780 .elementor-element.elementor-element-5342b12 > .elementor-background-slideshow::before, .elementor-3780 .elementor-element.elementor-element-5342b12 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3780 .elementor-element.elementor-element-5342b12 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #000000 30%, #00000033 100%);}.elementor-3780 .elementor-element.elementor-element-5342b12 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-3780 .elementor-element.elementor-element-320ffde{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3780 .elementor-element.elementor-element-5108486 .elementskit-section-title-wraper .elementskit-section-title.text_fill > span{background-color:transparent;background-image:radial-gradient(at center center, #FFEB14 0%, #FFFCEF 100%);}.elementor-3780 .elementor-element.elementor-element-5108486 .elementskit-section-title-wraper .elementskit-section-title{color:#FFFFFF;margin:0px 0px 0px 0px;font-family:"Alexandria", Sans-serif;font-size:60px;font-weight:700;text-transform:capitalize;line-height:1.3em;}.elementor-3780 .elementor-element.elementor-element-5108486 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-3780 .elementor-element.elementor-element-5108486 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Inter Tight", Sans-serif;font-size:60px;font-weight:700;text-transform:capitalize;line-height:1.3em;}.elementor-3780 .elementor-element.elementor-element-2e51ed5{--display:flex;}.elementor-3780 .elementor-element.elementor-element-6bf00d2{--spacer-size:50px;}.elementor-3780 .elementor-element.elementor-element-1690ea4{color:#000000;}.elementor-3780 .elementor-element.elementor-element-7f6a566 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}@media(max-width:1024px){.elementor-3780 .elementor-element.elementor-element-5342b12{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:250px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-3780 .elementor-element.elementor-element-5108486 .elementskit-section-title-wraper .elementskit-section-title{font-size:45px;}.elementor-3780 .elementor-element.elementor-element-5108486 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-3780 .elementor-element.elementor-element-5108486 .elementskit-section-title-wraper .elementskit-section-title > span{font-size:45px;}}@media(max-width:767px){.elementor-3780 .elementor-element.elementor-element-5108486 .elementskit-section-title-wraper .elementskit-section-title{font-size:35px;}.elementor-3780 .elementor-element.elementor-element-5108486 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-3780 .elementor-element.elementor-element-5108486 .elementskit-section-title-wraper .elementskit-section-title > span{font-size:35px;}}@media(min-width:768px){.elementor-3780 .elementor-element.elementor-element-5342b12{--content-width:1280px;}.elementor-3780 .elementor-element.elementor-element-320ffde{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3780 .elementor-element.elementor-element-320ffde{--width:100%;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-7f6a566 *//* 🌆 الخلفية العامة للصفحة */
body {
  background: linear-gradient(180deg, #f5f5f5 0%, #ffffff 100%);
  font-family: 'Tajawal', sans-serif;
  overflow-x: hidden;
}

/* 🎯 الشريط العلوي */
.fjc-header-bar {
  background: linear-gradient(90deg, #B30000, #8A0000);
  color: #fff;
  text-align: center;
  padding: 20px 10px;
  position: relative;
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
  overflow: hidden;
}

/* ✨ حركة خلفية خفيفة للشريط */
.fjc-header-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150px;
  width: 150px;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  transform: skewX(-25deg);
  animation: shimmer 3s infinite linear;
}
@keyframes shimmer {
  0% { left: -150px; }
  100% { left: 100%; }
}

/* 🏗️ العنوان داخل الشريط */
.fjc-header-bar h1 {
  font-weight: 800;
  font-size: 28px;
  margin: 0;
  letter-spacing: 1px;
  animation: fadeSlide 1.2s ease-in-out;
}
@keyframes fadeSlide {
  from {
    opacity: 0;
    transform: translateY(-15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 🏗️ الشعار */
.fjc-header-bar img {
  height: 60px;
  margin-bottom: 10px;
  animation: popIn 1s ease-in-out;
}
@keyframes popIn {
  from { transform: scale(0.8); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

/* 💎 تصميم صندوق النموذج */
.fluentform {
  max-width: 750px;
  margin: 60px auto;
  background: #ffffff;
  padding: 40px 60px;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  animation: fadeInUp 1.3s ease both;
}

/* ✨ تدرج خلفية داخلي خفيف */
.fluentform::before {
  content: "";
  position: absolute;
  top: -80px;
  right: -80px;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(179,0,0,0.08) 0%, transparent 70%);
}
.fluentform::after {
  content: "";
  position: absolute;
  bottom: -80px;
  left: -80px;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(179,0,0,0.08) 0%, transparent 70%);
}

/* 🔹 الحقول */
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="tel"],
.fluentform input[type="number"],
.fluentform textarea,
.fluentform select {
  width: 100%;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 13px 15px;
  font-size: 15px;
  color: #222;
  transition: all 0.3s ease;
}

.fluentform input:focus,
.fluentform textarea:focus,
.fluentform select:focus {
  border-color: #b30000;
  box-shadow: 0 0 10px rgba(179, 0, 0, 0.25);
  background: #fff;
  transform: scale(1.01);
}

/* 🚀 زر الإرسال */
.fluentform button.ff-btn-submit {
  width: 100%;
  background: linear-gradient(90deg, #b30000, #8A0000);
  color: #fff;
  font-weight: bold;
  font-size: 17px;
  padding: 15px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 5px 20px rgba(179, 0, 0, 0.4);
}

.fluentform button.ff-btn-submit:hover {
  background: #000;
  letter-spacing: 1px;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
}

/* 💫 حركة دخول النموذج */
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* 🧠 تحسين للهواتف */
@media (max-width: 600px) {
  .fluentform {
    padding: 25px;
  }
  .fjc-header-bar h1 {
    font-size: 22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e51ed5 *//* 🎯 تصميم عام للنموذج */
.fluentform {
  max-width: 700px;
  margin: 0 auto;
  background: #ffffff;
  padding: 40px 50px;
  border-radius: 20px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  font-family: 'Tajawal', sans-serif;
}

/* 🧾 العناوين */
.fluentform h3, 
.fluentform h2, 
.fluentform h1 {
  text-align: center;
  font-family: 'Tajawal', sans-serif;
  font-weight: 800;
  color: #1a1a1a;
  margin-bottom: 10px;
}

.fluentform p {
  text-align: center;
  color: #555;
  font-size: 15px;
  margin-bottom: 30px;
}

/* 🧩 الحقول */
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="tel"],
.fluentform input[type="number"],
.fluentform textarea,
.fluentform select {
  width: 100%;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 12px 15px;
  font-size: 15px;
  color: #333;
  transition: 0.3s ease;
}

.fluentform input:focus,
.fluentform textarea:focus,
.fluentform select:focus {
  border-color: #b30000;
  box-shadow: 0 0 8px rgba(179, 0, 0, 0.3);
  background: #fff;
}

/* 📎 رفع الملفات */
.fluentform .ff_file_upload input[type=file] {
  border: 2px dashed #ccc;
  background: #f9f9f9;
  padding: 15px;
  border-radius: 10px;
  transition: 0.3s;
}
.fluentform .ff_file_upload input[type=file]:hover {
  border-color: #b30000;
  background: #fff5f5;
}

/* 🧭 الفواصل والشرائح */
.fluentform .ff-el-group {
  margin-bottom: 20px;
}

/* 🚀 زر الإرسال */
.fluentform button.ff-btn-submit {
  width: 100%;
  background: #b30000;
  color: white;
  font-weight: bold;
  font-size: 16px;
  padding: 14px;
  border: none;
  border-radius: 12px;
  transition: 0.3s ease;
  cursor: pointer;
}

.fluentform button.ff-btn-submit:hover {
  background: #000;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 15px rgba(179, 0, 0, 0.4);
}

/* ✨ تأثير الدخول */
.fluentform {
  animation: fadeInUp 0.8s ease both;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 💫 تحسين التجاوب */
@media (max-width: 600px) {
  .fluentform {
    padding: 25px;
  }
}/* End custom CSS */