.elementor-9851 .elementor-element.elementor-element-9033c08{--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;overflow:visible;}.elementor-9851 .elementor-element.elementor-element-11e8a34{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-9851 .elementor-element.elementor-element-1bb4f30c{--display:flex;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}body.elementor-page-9851:not(.elementor-motion-effects-element-type-background), body.elementor-page-9851 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );background-image:url("https://sakoudesign.com/wp-content/uploads/2025/04/bg4.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:1025px){body.elementor-page-9851:not(.elementor-motion-effects-element-type-background), body.elementor-page-9851 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for shortcode, class: .elementor-element-7c55b098 *//* راست‌چین کردن کل فرم و استفاده از فونت قالب */
.ccb-fields-wrapper {
  direction: rtl !important;
  text-align: right !important;
  font-family: inherit !important;
}

/* لیبل و عنوان فیلدها */
.ccb-field__title,
.ccb-field__label {
  text-align: right !important;
  direction: rtl !important;
  font-family: inherit !important;
}

/* توضیحات فیلد */
.ccb-field__descriptions {
  direction: rtl !important;
  text-align: right !important;
  font-size: 13px;
  font-family: inherit !important;
}

/* فیلدهای عددی و متنی */
.ccb-field__input-wrapper input[type="text"],
.ccb-field__input-wrapper input[type="number"],
.ccb-field__input-wrapper select {
  direction: rtl !important;
  text-align: right !important;
  font-family: inherit !important;
}

/* جابه‌جایی فلش‌های بالا/پایین به چپ */
.ccb-input-counter {
  position: absolute;
  left: 8px;
  right: auto !important;
  direction: ltr !important;
  text-align: left !important;
  font-family: inherit !important;
}

/* موقعیت نسبی برای نگه‌داری فلش در جای درست */
.ccb-field__input-wrapper {
  position: relative;
}
/* جابجا کردن ترتیب عددهای min/max در زیر اسلایدر */
.ccb-multi-point-range-field .slider-min-max {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: space-between !important;
}

/* اعداد هم راست‌چین بمونن */
.ccb-multi-point-range-field .slider-min-max .label {
  text-align: right !important;
  direction: rtl !important;
}
/* راست‌چین کردن متن‌های زیر فیلدها */
.ccb-field__descriptions,
.ccb-field__description {
  text-align: right !important;
  direction: rtl !important;
  justify-content: flex-end !important;
}
/* راست‌چین کردن عنوان‌ها و مقادیر در باکس خلاصه */
.ccb-summary-item__title,
.ccb-summary-item__value {
  text-align: right !important;
  direction: rtl !important;
}

.ccb-summary-list__titles > div {
  text-align: right !important;
  direction: rtl !important;
  font-family: inherit !important;
  padding-right: 8px !important;
}
.ccb-total-row__value span {
  direction: rtl;
  unicode-bidi: plaintext;
  word-spacing: 6px;
}
.ccb-field__input-wrapper input[type="text"] {
  text-align: center !important;
}
.slider-input {
  margin-left: 20px !important; /* فاصله دلخواه بین input عددی و اسلایدر */
}
.ccb-input-range-field {
  flex-direction: row-reverse !important;
}
.ccb-summary-list__header {
  direction: rtl !important;
  text-align: right !important;
  justify-content: space-between !important;
}
.ccb-page-navigation__actions .ccb-button span {
  color: #555 !important;
}

/* رنگ نوشته تب‌های شماره‌دار */
.tab__item .count {
  color: #555 !important;
}

/* رنگ آیکون فلش دکمه‌ها */
.ccb-button.success.next-btn i,
.ccb-button.success.prev-btn i {
  color: #555 !important;
}



.ccb-summary-list__accordion-btn {
  order: -1; /* این باعث میشه فلش بیاد سمت راست */
  margin-left: 10px;
}
/* جابجا کردن چک‌باکس و نوشته */
.ccb-box-checkbox label {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: right !important;
  gap: 10px;
}

/* متن داخل چک‌باکس */
.ccb-box-checkbox .ccb-checkbox-label {
  text-align: right !important;
  display: inline-block !important;
  direction: rtl !important;
}

/* تراز افقی خود چک‌باکس */
.ccb-box-checkbox input[type="checkbox"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ccb-toggle-item {
  flex-direction: row-reverse !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.ccb-toggle-item__label-wrap {
  text-align: right !important;
  margin-right: 10px;
}
/* تغییر رنگ و اندازه فونت متن دکمه کشویی */
.ccb-total-row__description {
  font-size: 14px !important;   /* اندازه فونت */
  color: #a12504 !important;       /* رنگ نوشته به خاکستری تیره */
  font-weight: 500 !important;  /* ضخامت متن دلخواه */
    margin-top: 30px !important;
    
}
/* فرم موردنظر — در صورت تفاوت، 9551 را عوض کن */
div[data-calc-id="9551"] .ccb-totals-list{
  display: flex;
  flex-direction: column;
  gap: 0 !important;              /* فاصله بین دو ردیف = صفر */
}

/* خود ردیف‌ها ظرف خالی باشند (بدون پس‌زمینه/مرز/فاصله) */
div[data-calc-id="9551"] .ccb-total-row{
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* اولین بلوک داخل هر ردیف (عنوان+عدد) کادر طوسی بگیرد */
div[data-calc-id="9551"] .ccb-total-row > div:first-child{
  background: #f5f5f5 !important;
  padding: 12px 16px !important;
  border: none !important;
  margin: 0 !important;
}

/* گردی فقط برای بالا و پایین جعبه یک‌تکه */
div[data-calc-id="9551"] .ccb-totals-list > div:first-child > div:first-child{
  border-radius: 5px 5px 0 0 !important;
}
div[data-calc-id="9551"] .ccb-totals-list > div:last-child > div:first-child{
  border-radius: 0 0 5px 5px !important;
}

/* اگر قبلاً خط بین دو ردیف گذاشته بودیم، حذفش کن */
div[data-calc-id="9551"] .ccb-total-row + .ccb-total-row{
  border-top: none !important;
  box-shadow: none !important;
}

/* متن هشدار را از کادر جدا کن و بیرون نمایش بده */
div[data-calc-id="9551"] .ccb-total-row p{
  background: transparent !important;
  padding: 0 !important;
  margin: 10px 2px 0 2px !important;   /* فاصله از جعبه‌ی بالا */
}
.ccb-pagination {
    z-index: 1;
}
.ccb-button.success span {
    color: #333333 !important; /* رنگ ذغالی */
}
/* جابجایی ترتیب دکمه‌ها */
.ccb-page-navigation__actions {
    display: flex;
    flex-direction: row-reverse; /* جای دکمه‌ها رو عوض می‌کنه */
    gap: 10px;
}

/* برای دکمه مرحله بعد → آیکون قبل از متن */
.ccb-button.success.next-btn i {
    order: -1; /* آیکون اول قرار بگیره */
    margin-left: 6px;
    margin-right: 0;
}

/* برای دکمه مرحله قبل → آیکون بعد از متن */
.ccb-button.success-outlined i {
    order: 1; /* آیکون آخر قرار بگیره */
    margin-left: 0;
    margin-right: 6px;
}
/* فاصله از سمت راست برای متن همه تب‌ها (فارسی/RTL) */
.ccb-rectangle-tab .tab .tab__title,
.ccb-rectangle-tab .tab .tab_title {
  margin-inline-start: 4px !important;  /* در RTL = سمت راست */
  padding-inline-start: 0 !important;
}

/* اگر بعضی استایل‌ها روی تبِ فعال/انجام‌شده غلبه می‌کنند، این‌ها هم اضافه شوند */
.ccb-rectangle-tab .tab.active .tab__title,
.ccb-rectangle-tab .tab.done  .tab__title,
.ccb-rectangle-tab .tab.active .tab_title,
.ccb-rectangle-tab .tab.done  .tab_title {
  margin-inline-start: 4px !important;
}/* End custom CSS */