.fluentform form {
  /*Change label styles*/
  /*RGPD*/
}
.fluentform form .ff-el-input--label label {
  font-size: var(--text--m);
  /*change label font size*/
  font-weight: 400;
  color: var(--secondary-ultra-dark);
  /*change label color*/
}
.fluentform form .ff-el-form-check label.ff-el-form-check-label {
  color: var(--secondary-ultra-dark);
  /*change label color*/
  cursor: pointer;
  font-size: 1.6rem;
}
.fluentform form .ff_gdpr_field {
  cursor: pointer;
}
.fluentform form .btn-soumettre {
  border: none !important;
  cursor: pointer;
  padding: 0.9rem 1.5rem;
  color: var(--white);
  font-size: var(--text-m);
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  background-color: var(--secondary);
  overflow: hidden;
  border-radius: 5px;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.fluentform form .btn-soumettre:hover {
  background-color: var(--secondary-light) !important;
  /*change button background color on hover*/
  color: var(--secondary-dark);
  /*change button font color on hover*/
}
#fluentform_5, #fluentform_10 {
  display: flex;
  flex-wrap: wrap;
  /*gap: 20px;*/
  /*Change label styles*/
  /*input style*/
  /*Change input border color when input is selected/focused */
  /* Error */
  /* Champs obligatoires */
  /*RGPD*/
}
#fluentform_5 .ff-el-group, #fluentform_10 .ff-el-group {
  margin-bottom: 0;
}
#fluentform_5 .ff-el-input--content, #fluentform_10 .ff-el-input--content {
  min-width: 250px;
}
#fluentform_5 .ff-btn-submit, #fluentform_10 .ff-btn-submit {
  background: none;
  background-color: none !important;
  /* change button background color */
  color: #ffffff;
  /*change button font color*/
  border: 1px solid #ffffff;
  text-transform: uppercase;
  border-radius: 5px;
  /*change button round corners*/
  cursor: pointer;
  padding: 0.9rem 1.5rem;
  color: var(--white);
  font-size: var(--text-m);
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  border-radius: 5px;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
#fluentform_5 .ff-btn-submit:hover, #fluentform_10 .ff-btn-submit:hover {
  background-color: var(--white) !important;
  /*change button background color on hover*/
  color: var(--accent-dark);
  /*change button font color on hover*/
}
#fluentform_5 .ff-el-input--label label, #fluentform_10 .ff-el-input--label label {
  font-size: var(--text--m);
  /*change label font size*/
  font-weight: 700;
  color: var(--white);
  /*change label color*/
}
#fluentform_5 .ff-el-form-control, #fluentform_10 .ff-el-form-control {
  font-size: var(--text--m);
  /*change font size*/
  line-height: 1.2;
  /*change line height*/
  color: var(--white);
  /*change font color*/
  cursor: text;
  padding: 1.2rem 1.5rem;
  /*change padding*/
  background-color: rgba(255, 255, 255, 0.2);
  /*change background color*/
  border-radius: 5px;
  /*change corner round/ border radius*/
  border: none;
}
#fluentform_5 .ff-el-form-control:focus, #fluentform_10 .ff-el-form-control:focus {
  border: 1px solid rgba(255, 255, 255, 0.8);
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.2);
  /*change background color*/
}
#fluentform_5 .ff-el-form-control::-webkit-input-placeholder, #fluentform_10 .ff-el-form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#fluentform_5 .ff-el-form-control::-moz-placeholder, #fluentform_10 .ff-el-form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#fluentform_5 .ff-el-form-control:-ms-input-placeholder, #fluentform_10 .ff-el-form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#fluentform_5 .ff-el-form-control::-ms-input-placeholder, #fluentform_10 .ff-el-form-control::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#fluentform_5 .ff-el-form-control::placeholder, #fluentform_10 .ff-el-form-control::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#fluentform_5 .text-danger, #fluentform_5 .ff-el-is-error .ff-el-form-check-label, #fluentform_5 .ff-el-is-error .ff-el-form-check-label a, #fluentform_10 .text-danger, #fluentform_10 .ff-el-is-error .ff-el-form-check-label, #fluentform_10 .ff-el-is-error .ff-el-form-check-label a {
  color: var(--white);
}
#fluentform_5 .ff-el-input--label.ff-el-is-required.asterisk-right label::after, #fluentform_10 .ff-el-input--label.ff-el-is-required.asterisk-right label::after {
  content: " *";
  color: var(--white);
  margin-left: 3px;
}
#fluentform_5 .ff-el-form-check label.ff-el-form-check-label, #fluentform_10 .ff-el-form-check label.ff-el-form-check-label {
  margin-bottom: 7px;
  cursor: pointer;
  font-size: 1.6rem;
}
#fluentform_5 .ff_gdpr_field, #fluentform_10 .ff_gdpr_field {
  cursor: pointer;
}
#fluentform_5 fieldset, #fluentform_10 fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
/* Sucess message */
#fluentform_5_success, #fluentform_10_success {
  background: var(--secondary-trans-20);
  border-radius: 5px;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 1rem 3rem !important;
}
#fluentform_5_success p, #fluentform_10_success p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: 'DM Sans';
  font-style: italic;
  font-size: calc(var(--text-m)*1.1);
  color: var(--white);
}