@keyframes fadeInOut {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
.line-height-1 {
  line-height: 1.2em !important;
}
@media (min-width: 768px) {
  .line-height-1 {
    line-height: 1 !important;
  }
}

.style-font-main {
  font-family: var(--font-main);
}

.style-font-secondary {
  font-family: var(--font-secondary);
}

.style-h1,
h1 {
  font-size: clamp(3.4375rem, 7.2916666667vw, 8.75rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-h1,
  h1 {
    line-height: 1.25;
  }
}

.style-h2,
h2 {
  font-size: clamp(2.3125rem, 4.1666666667vw, 5rem);
  line-height: 1.15;
}
@media (min-width: 992px) {
  .style-h2,
  h2 {
    line-height: 1.1;
  }
}

.style-h3,
h3 {
  font-size: clamp(2.375rem, 3.125vw, 3.75rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-h3,
  h3 {
    line-height: 1.25;
  }
}

.style-h4,
h4 {
  font-size: clamp(2rem, 2.6041666667vw, 3.125rem);
  line-height: 1.1;
}
@media (min-width: 992px) {
  .style-h4,
  h4 {
    line-height: 1.15;
  }
}

.style-h5,
h5 {
  font-size: clamp(1.625rem, 2.34375vw, 2.8125rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-h5,
  h5 {
    line-height: 1.55;
  }
}

.style-h6,
h6 {
  font-size: clamp(1.875rem, 1.9270833333vw, 2.3125rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-h6,
  h6 {
    line-height: 1.25;
  }
}

.style-font-title-slider,
font-title-slider {
  font-size: clamp(2.75rem, 7.2916666667vw, 8.75rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-font-title-slider,
  font-title-slider {
    line-height: 1.25;
  }
}

.style-font-75 {
  font-size: clamp(3.625rem, 3.90625vw, 4.6875rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-font-75 {
    line-height: 1.25;
  }
}

.style-font-45 {
  font-size: clamp(1.5rem, 2.34375vw, 2.8125rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-font-45 {
    line-height: 1.4;
  }
}

.style-font-40 {
  font-size: clamp(2.5rem, 2.0833333333vw, 2.5rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-font-40 {
    line-height: 1.25;
  }
}

.style-font-36 {
  font-size: clamp(2.25rem, 1.875vw, 2.25rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-font-36 {
    line-height: 1.25;
  }
}

.style-font-32 {
  font-size: clamp(2rem, 1.6666666667vw, 2rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-font-32 {
    line-height: 1.25;
  }
}

.style-font-30 {
  font-size: clamp(1.875rem, 1.5625vw, 1.875rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-font-30 {
    line-height: 1.25;
  }
}

.style-font-25 {
  font-size: clamp(1.25rem, 1.3020833333vw, 1.5625rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-font-25 {
    line-height: 1.25;
  }
}

.style-font-22 {
  font-size: clamp(1.125rem, 1.1458333333vw, 1.375rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-font-22 {
    line-height: 1.25;
  }
}

.style-font-20 {
  font-size: clamp(1rem, 1.0416666667vw, 1.25rem);
  line-height: 1.35;
}
@media (min-width: 992px) {
  .style-font-20 {
    line-height: 1.65;
  }
}

.style-font-18 {
  font-size: clamp(0.875rem, 0.9375vw, 1.125rem);
  line-height: 1.35;
}
@media (min-width: 992px) {
  .style-font-18 {
    line-height: 1.55;
  }
}

.style-font-16 {
  font-size: clamp(0.875rem, 0.8333333333vw, 1rem);
  line-height: 1.35;
}
@media (min-width: 992px) {
  .style-font-16 {
    line-height: 1.55;
  }
}

.style-font-15 {
  font-size: clamp(0.9375rem, 0.78125vw, 0.9375rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-font-15 {
    line-height: 1.25;
  }
}

.style-font-14 {
  font-size: clamp(0.875rem, 0.7291666667vw, 0.875rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-font-14 {
    line-height: 1.25;
  }
}

.style-font-12 {
  font-size: clamp(0.75rem, 0.625vw, 0.75rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-font-12 {
    line-height: 1.25;
  }
}

.style-p,
p {
  font-size: clamp(1rem, 0.8333333333vw, 1rem);
  line-height: 1.65;
}
@media (min-width: 992px) {
  .style-p,
  p {
    line-height: 1.65;
  }
}

.style-font-menu-mobile {
  font-size: clamp(2.5rem, 2.0833333333vw, 2.5rem);
  line-height: 1;
}
@media (min-width: 992px) {
  .style-font-menu-mobile {
    line-height: 1;
  }
}

.style-font-content-text {
  font-size: clamp(1rem, 0.8333333333vw, 1rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-font-content-text {
    line-height: 1.25;
  }
}

.style-font-button {
  font-size: clamp(1.125rem, 0.9375vw, 1.125rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-font-button {
    line-height: 1.25;
  }
}

.style-font-button-small {
  font-size: clamp(1rem, 0.8333333333vw, 1rem);
  line-height: 1.25;
}
@media (min-width: 992px) {
  .style-font-button-small {
    line-height: 1.25;
  }
}

.style-font-main-menu {
  font-size: clamp(1rem, 0.8333333333vw, 1.125rem);
  line-height: 1;
}
@media (min-width: 992px) {
  .style-font-main-menu {
    line-height: 1;
  }
}

.style-font-main-sub-menu {
  font-size: clamp(1.125rem, 1.1458333333vw, 1.25rem);
  line-height: 1;
}
@media (min-width: 992px) {
  .style-font-main-sub-menu {
    line-height: 1;
  }
}

.style-font-form {
  font-size: clamp(1.25rem, 1.0416666667vw, 1.25rem);
  line-height: 1;
}
@media (min-width: 992px) {
  .style-font-form {
    line-height: 1;
  }
}

/* Font Weight */
.fw-thin {
  font-weight: 100 !important;
}

.fw-extralight {
  font-weight: 200 !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-regular {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-extrabold {
  font-weight: 800 !important;
}

.fw-black {
  font-weight: 900 !important;
}

.text-color-gradient {
  background: linear-gradient(339deg, #E50097 15.78%, #E5005B 59.81%, #F1910D 100.53%);
  color: transparent;
  background-clip: text !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
}

.bg-gradient-color {
  background: -webkit-linear-gradient(#F1910D, #E5005B, #E50097);
}

.block-formulaire .resume {
  padding: 0px;
  background: linear-gradient(0deg, var(--5-barbie, rgba(229, 0, 151, 0.05)) 0%, var(--5-barbie, rgba(229, 0, 151, 0.05)) 100%), #FFF;
}
.block-formulaire .resume .padding-resume {
  padding: 2rem;
}
@media (min-width: 992px) {
  .block-formulaire .resume .padding-resume {
    padding: 5.7291666667vw 8.8541666667vw 5.7291666667vw 4.9479166667vw;
  }
}
.block-formulaire .resume .bckgrnd-radiant-1 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
.block-formulaire .backgrnd-radiant-2 {
  background: -webkit-linear-gradient(#F1910D, #E5005B, #E50097);
  padding: 40px 20px;
}
@media (min-width: 992px) {
  .block-formulaire .backgrnd-radiant-2 {
    padding: 40px 3.90625vw;
  }
}
.block-formulaire .form-mailchimp .validation-error {
  width: 100%;
  max-width: 100%;
  padding: 15px;
}
.block-formulaire .form-mailchimp .validation-error p {
  font-size: 12px;
}
.block-formulaire .form-mailchimp .gform_wrapper form {
  position: relative;
}
.block-formulaire .form-mailchimp .gform_wrapper form .gform_footer,
.block-formulaire .form-mailchimp .gform_wrapper form .gform-body {
  max-width: 100%;
  padding: 0;
  margin: 0;
}
.block-formulaire .form-mailchimp .gform_wrapper form .gform_footer .gform_fields,
.block-formulaire .form-mailchimp .gform_wrapper form .gform-body .gform_fields {
  margin: 0px;
}
.block-formulaire .form-mailchimp .gform_wrapper form .gform_footer .gform_fields .gfield_error .validation_message,
.block-formulaire .form-mailchimp .gform_wrapper form .gform-body .gform_fields .gfield_error .validation_message {
  color: var(--color-white);
  padding: 0 5px;
}
.block-formulaire .form-mailchimp .gform_wrapper form .gform_footer .gform_fields .gfield,
.block-formulaire .form-mailchimp .gform_wrapper form .gform-body .gform_fields .gfield {
  padding: 0;
  margin: 0;
}
.block-formulaire .form-mailchimp .gform_wrapper form .gform_footer .gform_fields .gfield input,
.block-formulaire .form-mailchimp .gform_wrapper form .gform-body .gform_fields .gfield input {
  font-weight: 400;
  font-family: var(--font-secondary);
  font-size: 16px;
}
.block-formulaire .form-mailchimp .gform_wrapper form .gform_footer .gform_fields .gfield .gfield_label,
.block-formulaire .form-mailchimp .gform_wrapper form .gform-body .gform_fields .gfield .gfield_label {
  display: none;
}
.block-formulaire .form-mailchimp .gform_wrapper button {
  top: 7px;
  right: 7px;
  display: flex;
  padding: 0;
  border: 0;
  position: absolute;
}

.form-complexe .gform_footer button {
  padding: 0;
  border: 0;
}

.form-complexe {
  
  .gfield_label {
    font-weight: 800 !important;
    font-size: 1rem !important;
    margin-bottom: 5px;
    display: block;
  }

  .gfield_description {
    font-weight: 400 !important; 
    font-family: var(--font-secondary);
    margin-bottom: 10px;
    display: block;
  }
}

.gform_wrapper, 
.block-formulaire, 
.form-complexe {
  height: auto !important;
  overflow: visible !important;
  display: block !important;
}

body.gform_wrapper_open { 
    overflow: auto !important; 
}