.elementor-743 .elementor-element.elementor-element-beccc19{--display:flex;--border-radius:50px 50px 50px 50px;}.elementor-743 .elementor-element.elementor-element-beccc19:not(.elementor-motion-effects-element-type-background), .elementor-743 .elementor-element.elementor-element-beccc19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAFA;}.elementor-743 .elementor-element.elementor-element-beccc19.e-con{--flex-grow:0;--flex-shrink:0;}#elementor-popup-modal-743{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-743 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-743 .dialog-close-button{display:flex;}#elementor-popup-modal-743 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-a9efeb6 */@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&display=swap');

.sf-box {
  font-family: Vazirmatn, sans-serif;
  direction: rtl;
  padding: 8px 4px;
}
.sf-header {
  display: flex; align-items: center; gap: 12px; margin-bottom: 24px;
}
.sf-header-icon {
  width: 48px; height: 48px; border-radius: 14px;
  background: linear-gradient(45deg,#f09433,#dc2743,#bc1888);
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; flex-shrink: 0;
}
.sf-header h2 { font-size: 18px; font-weight: 700; color: #111827; margin: 0; }
.sf-header p  { font-size: 13px; color: #6b7280; margin: 3px 0 0; }

.sf-upload-zone {
  border: 2px dashed #d1d5db; border-radius: 16px;
  padding: 28px 20px; text-align: center;
  cursor: pointer; background: #fafafa;
  transition: all .3s ease; margin-bottom: 20px;
}
.sf-upload-zone:hover { border-color: #667eea; background: #f0f1ff; }
.sf-upload-icon {
  width: 56px; height: 56px; border-radius: 50%;
  background: linear-gradient(135deg,#667eea,#764ba2);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 10px; font-size: 24px;
}
.sf-upload-zone h3 { font-size: 14px; font-weight: 600; color: #374151; margin: 0 0 4px; }
.sf-upload-zone p  { font-size: 12px; color: #9ca3af; margin: 0; }
.sf-badge {
  display: inline-block; margin-top: 10px;
  background: #ede9fe; color: #7c3aed;
  font-size: 11px; font-weight: 600;
  padding: 3px 10px; border-radius: 20px;
}

.sf-preview { display: none; flex-direction: column; align-items: center; gap: 8px; margin-bottom: 20px; }
.sf-preview.active { display: flex; }
.sf-preview-ring {
  width: 90px; height: 90px; padding: 3px; border-radius: 50%;
  background: linear-gradient(45deg,#f09433,#dc2743,#bc1888);
  background-size: 200% 200%;
  animation: igGrad 4s ease infinite;
}
.sf-preview-ring img {
  width: 100%; height: 100%; border-radius: 50%;
  object-fit: cover; border: 3px solid #fff;
}
.sf-preview span { font-size: 12px; color: #6b7280; }

@keyframes igGrad {
  0%,100% { background-position: 0% 50%; }
  50%      { background-position: 100% 50%; }
}

.sf-field { margin-bottom: 16px; }
.sf-field label { display: block; font-size: 13px; font-weight: 600; color: #374151; margin-bottom: 6px; }
.sf-field label span { color: #ef4444; }
.sf-field input,
.sf-field textarea {
  width: 100%; padding: 11px 14px; direction: rtl;
  border: 1.5px solid #e5e7eb; border-radius: 10px;
  font-size: 14px; font-family: Vazirmatn, sans-serif;
  background: #f9fafb; color: #111827;
  transition: border-color .25s, box-shadow .25s;
  box-sizing: border-box; outline: none; resize: none;
}
.sf-field input:focus,
.sf-field textarea:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102,126,234,.15);
  background: #fff;
}
.sf-field textarea { height: 85px; }
.sf-char-count { font-size: 11px; color: #9ca3af; text-align: left; margin-top: 4px; }

.sf-footer { display: flex; gap: 10px; margin-top: 22px; }
.sf-btn-submit {
  flex: 1; padding: 13px; border: none; border-radius: 12px;
  font-size: 15px; font-weight: 700; font-family: Vazirmatn, sans-serif;
  cursor: pointer; color: #fff;
  background: linear-gradient(45deg,#f09433,#dc2743,#bc1888);
  background-size: 200% 200%;
  animation: igGrad 4s ease infinite;
  box-shadow: 0 4px 20px rgba(220,39,67,.35);
  transition: transform .2s, box-shadow .2s;
}
.sf-btn-submit:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(220,39,67,.45); }
.sf-btn-cancel {
  padding: 13px 20px; border: 1.5px solid #e5e7eb; border-radius: 12px;
  font-size: 14px; font-weight: 600; font-family: Vazirmatn, sans-serif;
  cursor: pointer; background: #fff; color: #6b7280;
  transition: all .2s;
}
.sf-btn-cancel:hover { background: #f3f4f6; color: #374151; }/* End custom CSS */