.ff-default .ff-el-form-control { padding: 5px 15px !important; }
.ff-default textarea.ff-el-form-control { padding-top: 10px !important; }
.fluentform input::placeholder,
.fluentform textarea::placeholder { color: var(--ast-global-color-3) !important; }
/* to be replaced in style.css */
.ff-t-container.ff-column-container.ff_columns_total_2.fileuploadhere .ff-t-cell.ff-t-column-1 { padding: 0 0 0 15px !important; }

.cards.fourcards.row6 .inner1 > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container { width: 49%; }
/* */

	@media screen and (min-width: 768px) {
		.fluentform .two_col .ff-t-column-1 { flex-basis: calc(33.333% - 10px) !important; }
		.fluentform .two_col .ff-t-column-2 { flex-basis: calc(66.666% - 5px) !important; }
	}
	
	@media screen and (min-width: 1024px) { 
		.row4 .uagb-container-inner-blocks-wrap { column-gap: 50px !important; }
	}
	
/* fluent quiz */	
#fluentform_11,
#fluentform_14,
#fluentform_13,
#fluentform_15 {
  max-width: 980px;
  margin: 0 auto;
  padding: 40px 24px;
}

#fluentform_11 .ff-el-group,
#fluentform_14 .ff-el-group,
#fluentform_13 .ff-el-group,
#fluentform_15 .ff-el-group {
  margin-bottom: 18px;
}

#fluentform_11 .ff-el-form-control,
#fluentform_14 .ff-el-form-control,
#fluentform_13 .ff-el-form-control,
#fluentform_15 .ff-el-form-control {
  width: 100%;
  height: 54px;
  padding: 0 16px;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  background: #fff;
  font-size: 16px;
  color: #333;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#fluentform_11 textarea.ff-el-form-control,
#fluentform_14 textarea.ff-el-form-control,
#fluentform_13 textarea.ff-el-form-control,
#fluentform_15 textarea.ff-el-form-control {
  min-height: 140px;
  height: auto;
  padding: 14px 16px;
  resize: vertical;
}

#fluentform_11 .ff-el-form-control:focus,
#fluentform_14 .ff-el-form-control:focus,
#fluentform_13 .ff-el-form-control:focus,
#fluentform_15 .ff-el-form-control:focus {
  outline: none;
  border-color: rgba(199, 4, 0, 1);
  box-shadow: 0 0 0 3px rgba(199, 4, 0, 0.12);
}

/* TEXT + IMAGE (quiz content only on 13 + 15) */
#fluentform_13 .ff-custom_html p,
#fluentform_15 .ff-custom_html p {
  margin: 0 0 14px;
  font-size: 18px;
  line-height: 1.5;
  color: #222;
}

#fluentform_13 img,
#fluentform_15 img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

/* COLUMN LAYOUT (11 + 14) */
#fluentform_11 .ff-column-container,
#fluentform_14 .ff-column-container {
  display: flex;
  gap: 24px;
  margin-bottom: 20px;
}

#fluentform_11 .ff-t-cell,
#fluentform_14 .ff-t-cell {
  flex: 1 1 0;
  min-width: 0;
}

/* COLUMN LAYOUT (13 + 15) */
#fluentform_13 .ff-column-container,
#fluentform_15 .ff-column-container {
  display: flex;
  align-items: stretch;
  gap: 32px;
  margin-bottom: 24px;
}

#fluentform_13 .ff-t-cell,
#fluentform_15 .ff-t-cell {
  flex: 1 1 50%;
  min-width: 0;
}

#fluentform_13 .ff-t-column-1,
#fluentform_15 .ff-t-column-1,
#fluentform_13 .ff-t-column-2,
#fluentform_15 .ff-t-column-2 {
  display: flex;
  flex-direction: column;
}

#fluentform_13 .ff-t-column-1 .ff-el-group,
#fluentform_15 .ff-t-column-1 .ff-el-group {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 260px;
}

#fluentform_13 .ff-t-column-1 img,
#fluentform_15 .ff-t-column-1 img {
  max-width: 100%;
  max-height: 240px;
  width: auto;
  height: auto;
  object-fit: contain;
}

#fluentform_13 .ff-t-column-2 .ff-el-input--content,
#fluentform_15 .ff-t-column-2 .ff-el-input--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 260px;
}

/* CHECKBOX / RADIO */
#fluentform_13 .ff-el-form-check,
#fluentform_15 .ff-el-form-check {
  margin-bottom: 12px;
}

#fluentform_13 .ff-el-form-check-label,
#fluentform_15 .ff-el-form-check-label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  color: #333;
  cursor: pointer;
}

#fluentform_13 .ff-el-form-check-input,
#fluentform_15 .ff-el-form-check-input {
  transform: scale(1.1);
}

/* STEP NAV */
#fluentform_13 .step-nav,
#fluentform_15 .step-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 28px;
}

#fluentform_13 .step-nav button[data-action="next"],
#fluentform_15 .step-nav button[data-action="next"] {
  float: none !important;
  margin-left: auto;
}

#fluentform_13 .step-nav button[data-action="prev"],
#fluentform_15 .step-nav button[data-action="prev"] {
  float: none !important;
  margin-right: auto;
}

/* SUBMIT CONTAINER */
#fluentform_13 .ff-inner_submit_container,
#fluentform_15 .ff-inner_submit_container {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  column-gap: 24px !important;
  width: 100% !important;
  margin-top: 32px !important;
}

#fluentform_13 .ff-inner_submit_container > .ff-t-cell,
#fluentform_15 .ff-inner_submit_container > .ff-t-cell {
  width: auto !important;
  min-width: 0 !important;
}

#fluentform_13 .ff-inner_submit_container .ff-t-column-1,
#fluentform_15 .ff-inner_submit_container .ff-t-column-1 {
  justify-self: start !important;
}

#fluentform_13 .ff-inner_submit_container .ff-t-column-2,
#fluentform_15 .ff-inner_submit_container .ff-t-column-2 {
  justify-self: end !important;
}

#fluentform_13 .step-nav.ff_step_nav_last,
#fluentform_15 .step-nav.ff_step_nav_last,
#fluentform_13 .ff_submit_btn_wrapper,
#fluentform_15 .ff_submit_btn_wrapper {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#fluentform_13 button[data-action="prev"],
#fluentform_15 button[data-action="prev"],
#fluentform_13 .ff-btn-submit,
#fluentform_15 .ff-btn-submit {
  float: none !important;
  margin: 0 !important;
}

/* BUTTONS */
#fluentform_11 .ff-btn,
#fluentform_14 .ff-btn,
#fluentform_13 .ff-btn,
#fluentform_15 .ff-btn {
  min-width: 180px;
  height: 48px;
  padding: 0 22px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: none;
}

#fluentform_13 .ff-btn-prev,
#fluentform_15 .ff-btn-prev {
  background: #6b6f75;
  color: #fff;
}

#fluentform_11 .ff-btn-submit,
#fluentform_14 .ff-btn-submit,
#fluentform_13 .ff-btn-next,
#fluentform_15 .ff-btn-next,
#fluentform_13 .ff-btn-submit,
#fluentform_15 .ff-btn-submit,
#fluentform_13 .ff_btn_style,
#fluentform_15 .ff_btn_style {
  background: rgba(199, 4, 0, 1);
  border-color: rgba(199, 4, 0, 1);
  color: #fff;
}

#fluentform_11 .ff-btn:hover,
#fluentform_14 .ff-btn:hover,
#fluentform_13 .ff-btn:hover,
#fluentform_15 .ff-btn:hover {
  opacity: 0.92;
}

/* MOBILE */
@media (max-width: 768px) {
  #fluentform_11,
  #fluentform_14,
  #fluentform_13,
  #fluentform_15 {
    padding: 24px 16px;
  }

  #fluentform_11 .ff-column-container,
  #fluentform_14 .ff-column-container,
  #fluentform_13 .ff-column-container,
  #fluentform_15 .ff-column-container {
    flex-direction: column;
    gap: 16px;
  }

  #fluentform_11 .ff-t-cell,
  #fluentform_14 .ff-t-cell,
  #fluentform_13 .ff-t-cell,
  #fluentform_15 .ff-t-cell {
    width: 100%;
    flex: 1 1 100%;
  }

  #fluentform_11 .ff-btn,
  #fluentform_14 .ff-btn,
  #fluentform_13 .ff-btn,
  #fluentform_15 .ff-btn {
    width: 100%;
    min-width: 0;
  }

  #fluentform_13 .step-nav,
  #fluentform_15 .step-nav {
    flex-direction: column;
    align-items: stretch;
  }

  #fluentform_13 .ff-t-column-1 .ff-el-group,
  #fluentform_15 .ff-t-column-2 .ff-el-input--content {
    min-height: auto;
  }

  #fluentform_13 .ff-t-column-1 img,
  #fluentform_15 .ff-t-column-1 img {
    max-height: none;
  }

  #fluentform_13 .ff-inner_submit_container,
  #fluentform_15 .ff-inner_submit_container {
    grid-template-columns: 1fr !important;
    row-gap: 16px !important;
  }

  #fluentform_13 .ff-inner_submit_container .ff-t-column-1,
  #fluentform_15 .ff-inner_submit_container .ff-t-column-1 {
    justify-self: stretch !important;
  }

  #fluentform_13 .ff-inner_submit_container .ff-t-column-2,
  #fluentform_15 .ff-inner_submit_container .ff-t-column-2 {
    justify-self: stretch !important;
  }

  #fluentform_13 button[data-action="prev"],
  #fluentform_15 button[data-action="prev"],
  #fluentform_13 .ff-btn-submit,
  #fluentform_15 .ff-btn-submit {
    width: 100%;
  }
}

div#fluentform_13_success p,
div#fluentform_15_success p {
  color: black;
}