.elementor-33 .elementor-element.elementor-element-63b9d95{--display:flex;}/* Start custom CSS for html, class: .elementor-element-29e25df *//* Navigation */

.osm-nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  gap:15px;
  margin-top:38px;
}

.osm-nav button{
  min-width:150px;
  height:58px;
  padding:0 25px;
  border:0;
  border-radius:14px;

  font-family:inherit;
  font-size:16px;
  font-weight:700;

  cursor:pointer;
  transition:.25s;

  /* متن دقیقاً وسط دکمه */
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

/* مرحله قبل سمت راست */
.osm-prev{
  position:static;
  margin:0;

  background:#fff;
  color:#496664;
}

/* مرحله بعد سمت چپ */
.osm-next{
  margin:0;

  background:#82AEAC;
  color:#D5F5F3;
}

/* دکمه ارسال هم سمت چپ */
.osm-submit{
  margin-right:auto;
  margin-left:0;

  background:#82AEAC;
  color:#D5F5F3;
}

.osm-nav button:hover{
  transform:translateY(-2px);
}

.osm-prev:disabled,
.osm-submit:disabled{
  opacity:.5;
  cursor:not-allowed;
  transform:none;
}/* =========================
   Mobile Responsive Fix
========================= */

@media (max-width: 768px) {

  /* wrapper اصلی فرم */
  .osm-brief-wrapper,
  .osm-brief-form,
  .brief-container,
  .form-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* جلوگیری از بیرون زدن عناصر */
  .osm-brief-wrapper *,
  .osm-brief-form *,
  .brief-container *,
  .form-container * {
    box-sizing: border-box !important;
    max-width: 100%;
  }

  /* فیلدها */
  input,
  select,
  textarea {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 16px !important;
  }

  textarea {
    min-height: 120px;
  }

  /* اگر فیلدها دو یا سه ستونه هستند */
  .form-row,
  .input-row,
  .field-row,
  .form-grid,
  .fields-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  /* مراحل بالای فرم */
  .steps,
  .stepper,
  .progress-steps,
  .brief-steps {
    width: 100% !important;
    overflow-x: auto !important;
    display: flex !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding-bottom: 8px !important;
    -webkit-overflow-scrolling: touch;
  }

  .step,
  .step-item {
    flex: 0 0 auto !important;
    min-width: 55px !important;
  }

  /* عنوان‌ها */
  h1 {
    font-size: 26px !important;
    line-height: 1.5 !important;
  }

  h2 {
    font-size: 21px !important;
    line-height: 1.5 !important;
  }

  h3 {
    font-size: 18px !important;
  }

  /* دکمه‌های قبلی و بعدی */
  .form-navigation,
  .navigation-buttons,
  .step-buttons,
  .button-row {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .form-navigation button,
  .navigation-buttons button,
  .step-buttons button,
  .button-row button,
  .next-btn,
  .prev-btn,
  .submit-btn {
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
  }

  /* کارت‌ها و گزینه‌های انتخابی */
  .option-grid,
  .cards-grid,
  .choice-grid,
  .checkbox-grid {
    grid-template-columns: 1fr !important;
  }

  /* رفع اسکرول افقی */
  body,
  html {
    overflow-x: hidden !important;
  }
}


/* موبایل‌های کوچک‌تر */
@media (max-width: 480px) {

  .osm-brief-wrapper,
  .osm-brief-form,
  .brief-container,
  .form-container {
    padding: 12px !important;
  }

  h1 {
    font-size: 23px !important;
  }

  h2 {
    font-size: 19px !important;
  }

  .step,
  .step-item {
    font-size: 12px !important;
  }
}/* End custom CSS */