.elementor-7429 .elementor-element.elementor-element-02b4217{--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;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7429 .elementor-element.elementor-element-02b4217:not(.elementor-motion-effects-element-type-background), .elementor-7429 .elementor-element.elementor-element-02b4217 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7429 .elementor-element.elementor-element-90d64fd > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-7429 .elementor-element.elementor-element-1cde1a9{--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;}.elementor-7429 .elementor-element.elementor-element-1cde1a9:not(.elementor-motion-effects-element-type-background), .elementor-7429 .elementor-element.elementor-element-1cde1a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7429 .elementor-element.elementor-element-c056b3f{--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;}.elementor-7429 .elementor-element.elementor-element-c056b3f:not(.elementor-motion-effects-element-type-background), .elementor-7429 .elementor-element.elementor-element-c056b3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7429 .elementor-element.elementor-element-a51f59a{--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;}.elementor-7429 .elementor-element.elementor-element-a51f59a:not(.elementor-motion-effects-element-type-background), .elementor-7429 .elementor-element.elementor-element-a51f59a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7429 .elementor-element.elementor-element-4037795{--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;}.elementor-7429 .elementor-element.elementor-element-4037795:not(.elementor-motion-effects-element-type-background), .elementor-7429 .elementor-element.elementor-element-4037795 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7429 .elementor-element.elementor-element-6eac1ed{--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;}.elementor-7429 .elementor-element.elementor-element-6eac1ed:not(.elementor-motion-effects-element-type-background), .elementor-7429 .elementor-element.elementor-element-6eac1ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7429 .elementor-element.elementor-element-2a11db1{--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;}.elementor-7429 .elementor-element.elementor-element-2a11db1:not(.elementor-motion-effects-element-type-background), .elementor-7429 .elementor-element.elementor-element-2a11db1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7429 .elementor-element.elementor-element-bb65304{--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;}.elementor-7429 .elementor-element.elementor-element-bb65304:not(.elementor-motion-effects-element-type-background), .elementor-7429 .elementor-element.elementor-element-bb65304 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7429 .elementor-element.elementor-element-1bf02c39{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-7429 .elementor-element.elementor-element-1bf02c39:not(.elementor-motion-effects-element-type-background), .elementor-7429 .elementor-element.elementor-element-1bf02c39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}body:not(.rtl) .elementor-7429 .elementor-element.elementor-element-61d1c3c{left:-17px;}body.rtl .elementor-7429 .elementor-element.elementor-element-61d1c3c{right:-17px;}.elementor-7429 .elementor-element.elementor-element-61d1c3c{top:105px;}.elementor-7429 .elementor-element.elementor-element-247c5dd{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7429 .elementor-element.elementor-element-4f51e86{--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;}.elementor-7429 .elementor-element.elementor-element-4f51e86:not(.elementor-motion-effects-element-type-background), .elementor-7429 .elementor-element.elementor-element-4f51e86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:768px){.elementor-7429 .elementor-element.elementor-element-852e177 > .elementor-widget-container{margin:-70px 0px -20px 0px;}.elementor-7429 .elementor-element.elementor-element-7b4f421 > .elementor-widget-container{margin:-40px 0px -50px 0px;}.elementor-7429 .elementor-element.elementor-element-0e25779 > .elementor-widget-container{margin:-70px 0px -50px 0px;}.elementor-7429 .elementor-element.elementor-element-4e4124e > .elementor-widget-container{margin:-70px 0px -50px 0px;}.elementor-7429 .elementor-element.elementor-element-f3aa5b5 > .elementor-widget-container{margin:-70px 0px -50px 0px;}.elementor-7429 .elementor-element.elementor-element-080a573 > .elementor-widget-container{margin:-70px 0px -50px 0px;}.elementor-7429 .elementor-element.elementor-element-8303352 > .elementor-widget-container{margin:-70px 0px -50px 0px;}.elementor-7429 .elementor-element.elementor-element-719af68 > .elementor-widget-container{margin:-70px 0px -50px 0px;}.elementor-7429 .elementor-element.elementor-element-c1c7178 > .elementor-widget-container{margin:0px 0px -50px 0px;}.elementor-7429 .elementor-element.elementor-element-f3337c0 > .elementor-widget-container{margin:-70px 0px -50px 0px;}}/* Start custom CSS for wpforms, class: .elementor-element-c1c7178 *//* =========================================
   FORCE HALA CLICK STYLE FOR WPFORMS
   ========================================= */

/* 1. الكونتينر الخارجي (الحدود الملونة واللمعة) */
.ofb-wpforms .wpforms-container {
  position: relative;
  border-radius: 26px;
  padding: 30px 24px 30px !important;
  background: transparent;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8);
  
  /* أمان الموبايل */
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

/* البوردر الملون المتحرك */
.ofb-wpforms .wpforms-container::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px; /* سمك البوردر */
  border-radius: 26px;
  background: linear-gradient(130deg, #ff0000, #ff9a00, #ff61f6, #00c8ff);
  background-size: 260% 260%;
  animation: hcFormBorder 8s linear infinite;
  
  /* عشان المحتوى يظهر فوق البوردر */
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

/* الخلفية الغامقة */
.ofb-wpforms .wpforms-container::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top, #0a0f1f, #020617 80%);
  z-index: 0;
  border-radius: 26px;
}

/* رفع الفورم فوق الخلفية */
.ofb-wpforms .wpforms-form {
  position: relative;
  z-index: 2;
}

/* 2. العناوين والليبل (Labels) */
.ofb-wpforms .wpforms-field-label {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #e5e7eb !important; /* أبيض */
  margin-bottom: 8px !important;
  display: block;
}

.ofb-wpforms .wpforms-field-sublabel {
  color: #9ca3af !important;
  font-size: 12px !important;
}

/* 3. جميع الحقول (Inputs, Selects, Textareas) - إجبار الستايل */
.ofb-wpforms input[type=text],
.ofb-wpforms input[type=email],
.ofb-wpforms input[type=number],
.ofb-wpforms input[type=range],
.ofb-wpforms input[type=password],
.ofb-wpforms input[type=tel],
.ofb-wpforms input[type=url],
.ofb-wpforms select,
.ofb-wpforms textarea {
  background-color: rgba(20, 30, 50, 0.8) !important; /* خلفية كحلي غامق */
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 50px !important; /* كبسولة */
  color: #ffffff !important; /* لون الكتابة أبيض */
  padding: 14px 20px !important;
  font-size: 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
  max-width: 100% !important;
}

/* Textarea (رسالة) */
.ofb-wpforms textarea {
  border-radius: 20px !important;
  min-height: 120px !important;
  padding-top: 15px !important;
}

/* 4. تأثير التركيز (Focus Effect) - لما تدوس جوه الحقل */
.ofb-wpforms input:focus,
.ofb-wpforms select:focus,
.ofb-wpforms textarea:focus {
  background-color: #020617 !important;
  border-color: #00c8ff !important; /* سماوي */
  box-shadow: 0 0 0 3px rgba(0, 200, 255, 0.2) !important;
  outline: none !important;
}

/* 5. الـ Placeholder (الكلام الباهت جوه الحقل) */
.ofb-wpforms ::placeholder {
  color: #64748b !important;
  opacity: 1;
}

/* 6. زر الإرسال (Submit Button) - الهوية الكاملة */
.ofb-wpforms .wpforms-submit-container {
  text-align: center;
  margin-top: 20px !important;
}

.ofb-wpforms button[type=submit] {
  position: relative;
  background: linear-gradient(130deg, #ff0000, #ff9a00, #ff61f6, #00c8ff) !important;
  background-size: 300% 100% !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  padding: 14px 40px !important;
  border-radius: 999px !important;
  border: none !important;
  width: 100% !important;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
  animation: hcBtnFlow 4s ease infinite;
}

/* تأثير الهوفر للزر */
.ofb-wpforms button[type=submit]:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 40px rgba(255, 97, 246, 0.4) !important;
}

/* 7. رسائل الخطأ (Validation) */
.ofb-wpforms label.wpforms-error {
  color: #ff61f6 !important; /* بينك */
  font-size: 12px !important;
  margin-top: 5px !important;
}

.ofb-wpforms .wpforms-has-error input,
.ofb-wpforms .wpforms-has-error textarea {
  border-color: #ff0000 !important;
  box-shadow: 0 0 0 1px #ff0000 !important;
}

/* 8. إصلاح القائمة المنسدلة (Dropdown) عشان متطلعش بيضاء */
.ofb-wpforms select option {
  background-color: #020617 !important;
  color: #fff !important;
  padding: 10px !important;
}

/* 9. حقول الاختيار (Checkbox & Radio) */
.ofb-wpforms .wpforms-field-checkbox li,
.ofb-wpforms .wpforms-field-radio li {
  margin-bottom: 8px !important;
}

.ofb-wpforms .wpforms-field-checkbox input,
.ofb-wpforms .wpforms-field-radio input {
  background: transparent !important;
  border: 1px solid #00c8ff !important;
  width: 16px !important;
  height: 16px !important;
  margin-left: 8px !important;
}

/* Animations */
@keyframes hcFormBorder {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes hcBtnFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */