/* شبكة العرض */
#bs-2 .x-el-div[data-ux="Grid"] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 0 6px;
}

/* خلية الشبكة */
#bs-2 .x-el-div[data-ux="GridCell"] {
  width: 100%;
  max-width: 720px;
}

/* حاوية النموذج */
#bs-2 .x-el-div[data-aid="CONTACT_FORM_CONTAINER_REND"] {
  /* background: linear-gradient(145deg, #1a1a1a, #2d2d2d); */
  /* border-radius: 20px; */
  /* padding: 40px; */
  /* box-shadow: 0 20px 60px rgba(255, 255, 255, 0.1),
              0 0 30px rgba(255, 255, 255, 0.05); */
  /* border: 1px solid rgba(255, 255, 255, 0.1); */
  /* backdrop-filter: blur(10px); */
}

/* النموذج */
#bs-2 .x-el-form {
  width: 100%;
}

/* العنوان الرئيسي */
#bs-2 .x-el-h4[data-ux="HeadingMinor"] {
  color: #ffffff;
  font-size: 22px;
  text-align: center;
  color: rgb(226, 226, 226);
  margin-bottom: 24px;
  margin-top: 0;
  font-weight: 400;
  font-family: "Source Sans Pro", arial, sans-serif;
}

/* حاويات الإدخال */
#bs-2 .x-el-div[data-ux="InputFloatLabel"] {
  position: relative;
  margin-bottom: 25px;
}

/* حقول الإدخال */
#bs-2 .x-el-input[data-ux="InputFloatLabel"],
#bs-2 .x-el-textarea {
  width: 100%;
  padding: 15px 20px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  font-size: 16px;
  transition: all 0.3s ease;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  border-color: rgb(255, 255, 255);
  color: rgb(171, 171, 171);
}

/* التركيز على الحقول */
#bs-2 .x-el-input[data-ux="InputFloatLabel"]:focus,
#bs-2 .x-el-textarea:focus {
  background: rgb(0 0 0 / 74%);
  border-color: #ffffff;
  /* box-shadow: 0 0 20px rgba(0, 212, 255, 0.3); */
  transform: translateY(-2px);
}

/* التسميات */
#bs-2 .x-el-label[data-ux="InputFloatLabelLabel"] {
  position: absolute;
  /* right: 20px; */
  top: 15px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  pointer-events: none;
  transition: all 0.3s ease;
}

/* التسميات عند التركيز أو الامتلاء */
#bs-2 .x-el-input:focus + .x-el-label,
#bs-2 .x-el-input:not(:placeholder-shown) + .x-el-label {
  top: -10px;
  left: 15px;
  font-size: 13px;
  color: rgb(171, 171, 171);
  background: #000000;
  padding: 0 8px;
}

/* منطقة النص */
#bs-2 .x-el-textarea {
  min-height: 120px;
  resize: vertical;
  font-family: inherit;
}

/* Placeholder */
#bs-2 .x-el-input::placeholder,
#bs-2 .x-el-textarea::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

/* صندوق الاختيار */
#bs-2 .x-el-label[data-ux="InputCheckbox"] {
  display: flex;
  gap: 10px;
  margin: 20px auto;
  cursor: pointer;
  justify-content: center;
}

#bs-2 .x-el-input[type="checkbox"] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  accent-color: #000000;
  cursor: pointer;
  margin-top: 2px;
  box-shadow: 0px 1px 3px;
  border-color: rgba(119, 119, 119, 0.5);
  border: 1px solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-style: solid;
  display: inline-block;
  margin-top: 2px;
  left: 0px;
  min-width: 19px;
  height: 19px;
  border-color: rgba(119, 119, 119, 0.5);
  border-radius: 2px;
  box-shadow: 0px 1px 3px;
  color: rgb(150, 150, 150);
  cursor: pointer;
  font-size: 16px;
}

.x-el.x-el-label.c2-1 .x-el.x-el-div.c2-1{
    --uxp-icon-window-new: url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M21.567 2.524a.782.782 0 00-.109-.103h-.001a.78.78 0 00-.463-.155H14a.75.75 0 100 1.5h5.19l-7.533 7.532a.757.757 0 00-.221.53c0 .198.08.393.22.532s.333.22.53.22a.757.757 0 00.532-.222l7.532-7.532v5.19a.75.75 0 101.5 0v-7.01a.752.752 0 00-.183-.482z'/><path d='M21 13.265a.75.75 0 00-.75.75v4.75a1.502 1.502 0 01-1.5 1.5H5.25a1.502 1.502 0 01-1.5-1.5v-13.5a1.502 1.502 0 011.5-1.5H10a.75.75 0 100-1.5H5.25a3.003 3.003 0 00-3 3v13.5a3.003 3.003 0 003 3h13.5a3.004 3.004 0 003-3v-4.75a.75.75 0 00-.75-.75z'/></g></svg>");
    --uxp-icon-refresh: url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 9.75h5a.75.75 0 000-1.5H5.93a7.241 7.241 0 016.13-3.39 7.085 7.085 0 016.71 4.79c.19.54.31 1.1.36 1.67a.75.75 0 00.243.486c.16.145.357.194.567.194a.755.755 0 00.68-.82 8.771 8.771 0 00-.43-2.02 8.595 8.595 0 00-8.13-5.8A8.794 8.794 0 004.75 7.3V4a.75.75 0 00-1.5 0v5a.756.756 0 00.75.75zm15.91 4.5h-5a.75.75 0 100 1.5h3.07a7.254 7.254 0 01-3.73 2.97 7.089 7.089 0 01-9.11-4.37c-.189-.54-.31-1.1-.36-1.67a.759.759 0 00-.82-.68.752.752 0 00-.506.27.752.752 0 00-.164.55c.058.685.203 1.36.43 2.01a8.603 8.603 0 0011.03 5.31 8.819 8.819 0 004.41-3.45V20a.75.75 0 101.5 0v-5a.755.755 0 00-.22-.53.755.755 0 00-.53-.22z'/></svg>");
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    text-align: center;
    box-sizing: inherit;
    letter-spacing: normal;
    text-transform: none;
    font-family: "Source Sans Pro", arial, sans-serif;
    position: relative;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-style: solid;
    display: inline-block;
    margin-top: 2px;
    left: 0px;
    min-width: 19px;
    height: 19px;
    border-color: rgba(119, 119, 119, 0.5);
    border-radius: 2px;
    box-shadow: 0px 1px 3px;
    color: rgb(150, 150, 150);
    cursor: pointer;
    font-size: 16px;
}
/* نص صندوق الاختيار */
#bs-2 .x-el-label[data-ux="InputCheckbox"] .x-el-p {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  color: rgb(145, 145, 145);
}

/* زر الإرسال */
#bs-2 .x-el-button[data-ux="ButtonPrimary"] {
  padding: 16px 32px;
  border: none;
  border-radius: 12px;
  color: #000000;
  font-size: 16px;
  margin: 0 auto;
  display: block;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 10px;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  border-radius: 4px;
}

/* تأثير التمرير على الزر */
#bs-2 .x-el-button[data-ux="ButtonPrimary"]:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgba(0, 212, 255, 0.5);
  background: linear-gradient(135deg, #00e5ff, #00bfff);
}

/* تأثير النقر على الزر */
#bs-2 .x-el-button[data-ux="ButtonPrimary"]:active {
  transform: translateY(-1px);
}

/* ملاحظات reCAPTCHA */
#bs-2 .x-el-p[data-ux="DetailsMinor"] {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  text-align: center;
  margin-top: 20px;
  line-height: 1.6;
}

/* روابط الخصوصية */
#bs-2 .x-el-a[data-typography="LinkAlpha"] {
  /* color: #00d4ff; */
  text-decoration: none;
  transition: color 0.3s ease;
}

#bs-2 .x-el-a[data-typography="LinkAlpha"]:hover {
  color: #00e5ff;
  text-decoration: underline;
}

/* تأثيرات إضافية للحركة */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#bs-2 .x-el-div[data-aid="CONTACT_FORM_CONTAINER_REND"] {
  animation: fadeInUp 0.8s ease-out;
}

/* استجابة للشاشات الصغيرة */
@media (max-width: 768px) {
  .x-el-div[data-aid="CONTACT_FORM_CONTAINER_REND"] {
    padding: 30px 20px;
  }
  
  .x-el-h4[data-ux="HeadingMinor"] {
    font-size: 26px;
  }
  
  .x-el-button[data-ux="ButtonPrimary"] {
    font-size: 16px;
    padding: 14px 28px;
  }
}

/* إخفاء عنصر reCAPTCHA */
#bs-2 .grecaptcha-badge {
  visibility: hidden;
}