.elementor-113 .elementor-element.elementor-element-7594d65{--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;}.elementor-113 .elementor-element.elementor-element-e999cfb{--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;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-113 .elementor-element.elementor-element-a2c0adf .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}/* Start custom CSS for fluent-form-widget, class: .elementor-element-a2c0adf *//* ===== GOOGLE FONT ===== */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@400;500;600&display=swap');

/* ===== FORM WRAPPER ===== */
.fluentform {
  background: #ffffff;
  border: 1.5px solid rgba(109, 40, 217, 0.12);
  border-radius: 20px;
  padding: 36px 32px 56px !important;
  box-shadow: 0 8px 40px rgba(109, 40, 217, 0.08), 0 2px 10px rgba(109, 40, 217, 0.04);
  max-width: 620px;
  margin: 0 auto;
  position: relative;
}

/* ===== TITLE — "১০ দিনে ই-কমার্স মেরামত | রেজিস্ট্রেশন ফর্ম" ===== */
.fluentform::before {
  content: '১০ দিনে ই-কমার্স মেরামত | রেজিস্ট্রেশন ফর্ম';
  display: block;
  font-family: 'Syne', sans-serif;
  font-size: 22px;
  font-weight: 800;
  text-align: center;
  color: #4c1d95;
  letter-spacing: -0.2px;
  padding-bottom: 22px;
  margin-bottom: 28px;
  border-bottom: 1.5px solid rgba(168, 85, 247, 0.15);
}

/* ===== ALL LABELS ===== */
.fluentform .ff-el-group label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  color: #5b21b6 !important;
  margin-bottom: 9px !important;
  display: block !important;
  text-transform: none !important;
}

/* ===== INPUT FIELDS ===== */
.BS_Name .ff-el-form-control,
.BS_Wp .ff-el-form-control,
.BS_Email .ff-el-form-control {
  width: 100% !important;
  padding: 16px 20px !important;
  border-radius: 12px !important;
  border: 1.5px solid #e9d5ff !important;
  background: #fdfaff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #3b0764 !important;
  transition: all 0.22s ease !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
}

.BS_Name .ff-el-form-control::placeholder,
.BS_Wp .ff-el-form-control::placeholder,
.BS_Email .ff-el-form-control::placeholder {
  font-size: 16px !important;
  font-family: 'DM Sans', sans-serif !important;
  color: #c4b5fd !important;
  font-weight: 400 !important;
}

.BS_Name .ff-el-form-control:focus,
.BS_Wp .ff-el-form-control:focus,
.BS_Email .ff-el-form-control:focus {
  border-color: #a855f7 !important;
  box-shadow: 0 0 0 3px rgba(168, 85, 247, 0.12) !important;
  background: #ffffff !important;
  outline: none !important;
}

/* ===== FIELD SPACING ===== */
.fluentform .ff-el-group {
  margin-bottom: 20px !important;
}

/* ===== RADIO — hide native ===== */
.BS_radio .ff-el-form-control {
  display: none !important;
}

/* ===== RADIO LIST ===== */
.BS_radio .ff-radio-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 6px;
}

/* ===== RADIO CARD ===== */
.BS_radio .ff-radio-list .ff-el-form-check {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px 20px !important;
  border-radius: 12px !important;
  background: #f5f3ff !important;
  border: 1.5px solid rgba(139, 92, 246, 0.15) !important;
  cursor: pointer !important;
  transition: all 0.22s ease !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #4c1d95 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin-bottom: 0 !important;
}

.BS_radio .ff-radio-list .ff-el-form-check:hover {
  background: #ede9fe !important;
  border-color: #a855f7 !important;
  box-shadow: 0 3px 14px rgba(109, 40, 217, 0.09) !important;
  color: #3b0764 !important;
}

/* ===== RADIO DOT ===== */
.BS_radio .ff-radio-list .ff-el-form-check input[type="radio"] {
  display: inline-flex !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  border-radius: 50% !important;
  border: 2px solid #d8b4fe !important;
  background: #ffffff !important;
  cursor: pointer !important;
  transition: all 0.22s ease !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.BS_radio .ff-radio-list .ff-el-form-check input[type="radio"]:checked {
  border-color: #a855f7 !important;
  background: #a855f7 !important;
  box-shadow: inset 0 0 0 3px #ffffff, 0 0 10px rgba(168, 85, 247, 0.35) !important;
}

/* ===== SELECTED RADIO CARD ===== */
.BS_radio .ff-radio-list .ff-el-form-check:has(input[type="radio"]:checked) {
  background: linear-gradient(135deg, #f5f0ff, #ede9fe) !important;
  border-color: #a855f7 !important;
  color: #3b0764 !important;
  box-shadow: 0 0 0 1px rgba(168, 85, 247, 0.2), 0 6px 20px rgba(124, 58, 237, 0.1) !important;
}

/* ===== SUBMIT BUTTON ===== */
.BS_join .ff-btn-submit,
.BS_join button[type="submit"] {
  width: 100% !important;
  padding: 20px 28px !important;
  margin-top: 12px !important;
  border-radius: 14px !important;
  border: none !important;
  font-family: 'Syne', sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #6d28d9 0%, #9333ea 100%) !important;
  box-shadow: 0 4px 20px rgba(109, 40, 217, 0.28), 0 1px 4px rgba(109, 40, 217, 0.15) !important;
  transition: all 0.22s ease !important;
  cursor: pointer !important;
}

.BS_join .ff-btn-submit:hover,
.BS_join button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;
  box-shadow: 0 8px 28px rgba(109, 40, 217, 0.35), 0 2px 8px rgba(109, 40, 217, 0.2) !important;
}

.BS_join .ff-btn-submit:active,
.BS_join button[type="submit"]:active {
  transform: translateY(0) !important;
}

/* ===== ERROR MESSAGES ===== */
.fluentform .error.text-danger {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  color: #dc2626 !important;
  margin-top: 5px !important;
}

/* ===== SUCCESS MESSAGE ===== */
.fluentform .ff-message-success {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 16px !important;
  color: #15803d !important;
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 12px !important;
  padding: 18px 22px !important;
}

/* ===== MOBILE ===== */
@media (max-width: 480px) {
  .fluentform {
    padding: 24px 16px 52px !important;
    border-radius: 16px !important;
  }
  .fluentform::before {
    font-size: 18px;
  }
  .BS_Name .ff-el-form-control,
  .BS_Wp .ff-el-form-control,
  .BS_Email .ff-el-form-control {
    font-size: 16px !important;
    padding: 14px 16px !important;
  }
  .BS_join .ff-btn-submit,
  .BS_join button[type="submit"] {
    font-size: 16px !important;
    padding: 17px !important;
  }
}/* End custom CSS */