.elementor-3026 .elementor-element.elementor-element-b258a6d{text-align:center;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for text-editor, class: .elementor-element-b258a6d */.elementor-3026 .elementor-element.elementor-element-b258a6d {
    direction: rtl;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-33a5f71f */html .ea-bootstrap {
    font-family: 'Cairo'!important;
}

.ea-bootstrap .form-horizontal .control-label {
  text-align: left!important;  
}

  /* تنسيق الحاوية الرئيسية للنموذج */
  .step.final {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    direction: rtl; /* هام جداً لتحديد اتجاه النص من اليمين لليسار */
  }

  /* تنسيق العناوين والنصوص الصغيرة */
  .step h3 {
    color: #333;
    font-size: 24px;
    margin-bottom: 8px;
  }

  .step small {
    color: #777;
    display: block;
    margin-bottom: 24px;
  }

  /* تنسيق مجموعة الحقول */
  .form-group {
    display: flex;
    flex-direction: row; /* يضمن ترتيب العناصر بجانب بعضها البعض */
    align-items: center;
    margin-bottom: 16px;
  }
  
  /* تنسيق الوسوم (Labels) */
  .control-label {
    flex-basis: 33.33%; /* يعادل col-sm-4 في Bootstrap */
    color: #555;
    font-weight: 500;
    padding-left: 15px; /* مسافة بين الوسم وحقل الإدخال */
  }

  /* تنسيق حقول الإدخال */
  .form-group .col-sm-8 {
    flex-basis: 66.66%; /* يعادل col-sm-8 في Bootstrap */
    width: 100%;
  }

  .form-control {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box; /* لضمان أن الحشوة لا تزيد العرض الكلي */
  }

  textarea.form-control {
    resize: vertical; /* يمكن تغيير ارتفاعها فقط عمودياً */
    min-height: 100px;
  }

  /* تنسيق مجموعة الأزرار */
  .ea-actions-group {
    display: flex;
    justify-content: center;
    gap: 12px; /* مسافة بين الأزرار */
    margin-top: 24px;
  }

  /* تنسيق الأزرار */
  .ea-btn {
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s, transform 0.2s;
  }

  .btn-primary.booking-button {
    background-color: #007bff;
    color: white;
  }

  .btn-default.ea-cancel {
    background-color: #f0f0f0;
    color: #333;
  }

  .ea-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }

  /*
    تعديلات على الشاشات الأصغر (Responsive)
    عندما يكون عرض الشاشة أقل من 768px، يتم ترتيب الحقول والوسوم عمودياً
  */
  @media (max-width: 767.98px) {
    .form-group {
      flex-direction: column;
      align-items: flex-start;
    }

    .control-label {
      flex-basis: auto;
      width: 100%;
      margin-bottom: 8px;
      padding-left: 0;
    }
  }/* End custom CSS */