.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
  content: "*" !important;
  color: #FF502A !important;
  margin-left: 1px !important;
}
.fluentform {
  /* Success Message */
}
.fluentform form {
  /* gap of container*/
  /* remove unwanted space above the form */
  /* Labels */
  /* Input */
  /* Submit Button */
  /* Next page button */
  /* Mobile Buttons Steps */
  /* Radio and Checkbox Fields */
  /* Checkbox Fields (And GDPR) */
}
@media (min-width: 768px) {
  .fluentform form .ff-t-container {
    gap: var(--sm-3, 32px) !important;
  }
}
.fluentform form .ff_screen_reader_title {
  display: block;
}
.fluentform form .ff-el-group {
  position: relative;
  margin-bottom: var(--sm-3, 32px);
}
.fluentform form .ff-el-input--label {
  width: calc(100% - 40px);
  position: absolute;
  top: 20px;
  left: 25px;
  display: flex;
  pointer-events: none;
}
.fluentform form .ff-el-input--label label {
  width: 100%;
  text-align: left;
  color: var(--Input-text-label, #1D1D1B);
  font-family: var(--font-body);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  z-index: 1;
}
.fluentform form .ff-el-input--content {
  /* Select Type Input */
}
.fluentform form .ff-el-input--content .ff-el-form-control {
  color: var(--Input-text-label, var(--Input-text-label, #1D1D1B));
  border-radius: var(--radius-md, 8px);
  border: 1.5px solid var(--Input-border-inactive, #D4D4D4);
  background: var(--Input-fill-resting, #FCFCFC);
  padding: 42px 24px 16px 24px;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 175%;
  /* When hovered */
  /* When clicked */
}
.fluentform form .ff-el-input--content .ff-el-form-control:hover {
  border: 1.5px solid var(--Input-border-hover, #808087);
}
.fluentform form .ff-el-input--content .ff-el-form-control:focus {
  border: 1.5px solid var(--Input-border-active, #5c5c61);
}
.fluentform form .ff-el-input--content .ff-el-form-control:focus-visible {
  outline-style: none;
  border: 1.5px solid var(--Input-border-active, #5c5c61);
}
.fluentform form .ff-el-input--content select.ff-el-form-control:not([size]):not([multiple]) {
  height: auto;
  position: relative;
  background-image: url("https://group6inc.com/wp-content/uploads/2024/06/icon-arrowdown-dark.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 24px) 50%;
}
.fluentform form .ff-el-input--content select.ff-el-form-control:not([size]):not([multiple]) option:first-of-type {
  display: none;
}
.fluentform form .ff-el-input--content select.ff-el-form-control:not([size]):not([multiple]):placeholder {
  color: #347963;
}
.fluentform form .ff_submit_btn_wrapper button[type="submit"] {
  width: auto;
  background-color: var(--primary);
  color: #fff;
  padding: 28px 36px;
  border-radius: 56px;
  transition: 0.3s;
  font-size: 15px;
  font-weight: 600;
  margin: 0 !important;
  cursor: pointer;
  line-height: 1 !important;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  isolation: isolate;
  min-width: 250px;
}
.fluentform form .ff_submit_btn_wrapper button[type="submit"]:hover {
  background-color: var(--primary);
  opacity: 1;
}
.fluentform form .ff_submit_btn_wrapper button[type="submit"]:before {
  content: " ";
  background-color: var(--button-background-primary-hover, #F14132);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transform: translateX(calc(-100% - 2px));
  border-radius: 56px;
  transition: 0.3s;
  z-index: -1;
}
.fluentform form .ff_submit_btn_wrapper button[type="submit"]:hover:before {
  transform: translateX(0px);
}
.fluentform form .ff-step-t-container {
  margin-top: var(--lg-1, 56px);
}
.fluentform form .ff-btn-next, .fluentform form .ff-btn-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  padding: 28px 36px;
  min-width: 250px;
  border-radius: 100px;
  border: 2px solid var(--Button-stroke-secondary, #C5C5C5) !important;
  transition: 0.3s;
  position: relative;
  cursor: pointer;
  font-weight: 600;
  font-family: var(--font-headings);
  text-transform: uppercase;
  line-height: 1;
  overflow: hidden;
  color: var(--button-text-secondary, #1D1D1B) !important;
}
.fluentform form .ff-btn-next:before, .fluentform form .ff-btn-prev:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  background-color: var(--Button-background-secondary-hover, #C5C5C5);
  left: -100%;
  border-radius: 100px;
  z-index: -1;
}
.fluentform form .ff-btn-next:hover, .fluentform form .ff-btn-prev:hover {
  color: white !important;
}
.fluentform form .ff-btn-next:hover:before, .fluentform form .ff-btn-prev:hover:before {
  left: 0;
}
@media (max-width: 568px) {
  .fluentform form .ff-step-t-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .fluentform form .ff-step-t-container button {
    width: 100% !important;
  }
}
.fluentform form .ff-el-form-check {
  margin-bottom: 0px !important;
  margin-top: var(--sm-3, 32px) !important;
  margin-right: var(--sm-3, 32px) !important;
  /* Radio Fields */
}
.fluentform form .ff-el-form-check label.ff-el-form-check-label {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
}
.fluentform form .ff-el-form-check .ff-el-form-check-radio {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  min-width: 24px;
  height: 24px;
  border: 1px solid var(--color-border-tertiery, rgba(25, 27, 31, 0.1));
  border-radius: 50%;
  display: grid;
  place-content: center;
  cursor: pointer;
}
.fluentform form .ff-el-form-check .ff-el-form-check-radio:before {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--primary);
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 24px 24px #fff;
}
.fluentform form .ff-el-form-check .ff-el-form-check-radio:checked::before {
  transform: scale(1);
}
.fluentform form .ff-el-form-check .ff-el-form-check-radio:after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transform: scale(0) translate(-50%, -50%);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 12px 12px var(--primary);
  position: absolute;
  top: 50%;
  left: 50%;
}
.fluentform form .ff-el-form-check .ff-el-form-check-radio:checked::after {
  transform: scale(1) translate(-50%, -50%);
}
.fluentform form .ff-el-form-check span {
  display: flex;
  flex-direction: column;
}
.fluentform form .ff-el-form-check .ff-el-form-check-label {
  display: flex !important;
  gap: 12px;
  border-radius: var(--Radius-lg, 12px);
  border: 1.5px solid var(--border-default, #EBEBEB);
  padding: var(--sm-1, 20px);
  color: var(--text-body-dark, #686869);
  transition: 0.3s;
}
.fluentform form .ff-el-form-check .ff-el-form-check-label .ff_tc_checkbox {
  padding-top: 0px !important;
  width: auto;
  display: flex;
}
.fluentform form .ff-el-form-check .ff-el-form-check-label input[type="checkbox"] {
  min-width: 24px;
  height: 24px;
  cursor: pointer;
  appearance: none;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid var(--color-border-tertiery, rgba(25, 27, 31, 0.1));
  position: relative;
  transition: 0.2s;
}
.fluentform form .ff-el-form-check .ff-el-form-check-label input[type="checkbox"]:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("https://group6inc.com/wp-content/uploads/2024/07/icon-check-white.svg");
  transform: translate(-50%, -50%);
  background-size: contain;
  transition: 150ms;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
}
.fluentform form .ff-el-form-check .ff-el-form-check-label:hover {
  border: 1.5px solid var(--button-stroke-secondary, #C5C5C5);
}
.fluentform form .ff-el-form-check.ff_item_selected .ff-el-form-check-label {
  color: var(--text-header-dark, #1D1D1B);
}
.fluentform form .ff-el-form-check.ff_item_selected input[type="checkbox"] {
  background-color: var(--primary);
  border: 1px solid var(--primary);
}
.fluentform form .ff-el-form-check.ff_item_selected input[type="checkbox"]:before {
  transform: translate(-50%, -50%);
  opacity: 1;
}
.fluentform .ff-message-success {
  border: none;
  box-shadow: none;
  padding: 0;
  font-size: var(--heading-4);
  color: var(--fill-brand-secondary, #1D1D1B);
  font-weight: 300;
}
/* Newsletter */
#fluentform_2 {
  /* Submit Button */
  /* Turnstile */
}
#fluentform_2 fieldset {
  position: relative;
}
#fluentform_2 .newsletter-email-wrapper {
  margin-bottom: 0;
}
#fluentform_2 .newsletter-email-wrapper input {
  box-shadow: none;
  padding: 20px 144px 20px var(--sm-2, 24px);
  font-family: var(--font-body);
  line-height: 1;
}
#fluentform_2 .newsletter-email-wrapper input::placeholder {
  color: var(--Input-text-placeholder, #808087);
}
#fluentform_2 .ff_submit_btn_wrapper {
  margin: 0;
  position: absolute;
  right: var(--sm-2, 24px);
  top: 15px;
}
#fluentform_2 .ff_submit_btn_wrapper button[type="submit"] {
  width: 100%;
  background-color: transparent;
  color: var(--Link-text-primary, #1D1D1B);
  padding: 4px;
  border-radius: 0;
  transition: 0.3s;
  font-size: 15px;
  font-weight: 500;
  margin: 0 !important;
  cursor: pointer;
  line-height: 1 !important;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 8px;
  text-transform: none;
  min-width: 100px;
  /* Fix Arrow CSS */
}
#fluentform_2 .ff_submit_btn_wrapper button[type="submit"] .link-primary__txt, #fluentform_2 .ff_submit_btn_wrapper button[type="submit"] path {
  transition: 0.3s;
}
#fluentform_2 .ff_submit_btn_wrapper button[type="submit"]:hover {
  background-color: transparent;
}
#fluentform_2 .ff_submit_btn_wrapper button[type="submit"]:before {
  content: none;
}
#fluentform_2 .ff_submit_btn_wrapper button[type="submit"] .link-primary__icon path:first-child {
  stroke: #1D1D1B;
}
#fluentform_2 .ff_submit_btn_wrapper button[type="submit"] .link-primary__txt:after {
  bottom: -3px;
}
#fluentform_2 .ff_submit_btn_wrapper button[type="submit"]:hover .link-primary__txt {
  color: var(--primary);
}
#fluentform_2 .ff_submit_btn_wrapper button[type="submit"]:hover .link-primary__txt:after {
  width: 100%;
}
#fluentform_2 .ff_submit_btn_wrapper button[type="submit"]:hover .link-primary__icon path {
  fill: #fff;
}
#fluentform_2 .ff_submit_btn_wrapper button[type="submit"]:hover .link-primary__icon path:first-child {
  stroke: var(--Fill-brand-primary, #FF6E61);
  fill: var(--Fill-brand-primary, #FF6E61);
}
#fluentform_2 .cf-turnstile {
  margin-top: 12px;
}
#fluentform_2 .error {
  position: absolute;
  bottom: -26px;
}
@media (max-width: 478px) {
  #fluentform_2 .ff_submit_btn_wrapper {
    position: absolute;
    right: auto;
    top: 49px;
    left: 16px;
    transform: none;
  }
  #fluentform_2 .newsletter-email-wrapper input {
    padding: 20px 20px 54px 20px;
  }
}
