/**************************************
**** MAIN STYLE - ELEMENTS | START ****
**************************************/
body section:first-of-type {
  margin-top: var(--header-height);
}

.landingbannerbloc {
  height: calc(100vh - var(--header-height));
  overflow: hidden;
}

.landingbanner-image-fond1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  object-fit: cover;
}

.landingbanner-image-fond2 {
  position: absolute;
  right: 0;
  height: auto;
  width: calc(990px + 60vw);
  object-fit: scale-down;
  left: 0;
  bottom: 0;
  transform: translate(30%, 14%);
  z-index: 2;
  overflow: hidden;
}

.landingbannerblocbg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0050a7d4;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.landing-banner-content {
  z-index: 2;
}

.landing-banner-content h1,
.landing-banner-content p {
  max-width: 450px;
}

/*
.landing-banner-title {
  font-family: var(--font-primary-bold);
  font-size: var(--font-size-xl);
  line-height: var(--line-height-xl);
  font-weight: var(--font-black);
  color: var(--color-white);
  text-transform: uppercase;
  margin: 0;
}
.landing-banner-subtitle {
  font-family: var(--font-primary-bold);
  font-size: var(--font-size-l);
  line-height: var(--line-height-l);
  font-weight: var(--font-bold);
  color: var(--color-white);
  margin: 0;
}
*/

.landing-banner-text {
  font-family: var(--font-tertiary);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-s);
  font-weight: var(--font-regular);
  color: var(--color-white);
  margin-bottom: 0;
  width: 35%;
}

.landing-banner-subtext {
  font-family: var(--font-primary-bold);
  font-size: var(--font-size-m);
  line-height: var(--line-height-xs);
  font-weight: var(--font-bold);
  color: var(--color-white);
}

.button {
  background-color: var(--color-secondary);
  color: var(--color-white);
  text-decoration: none;
  border-radius: 10px;
  border: solid 1px var(--color-secondary);
  padding: 0 calc(20px + 0.15vw);
  min-width: calc(100px + 2vw);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  white-space: unset;
  width: fit-content;
  height: calc(42px + 0.2vw);
  font-family: var(--font-primary-bold);
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
  font-weight: var(--font-bold);
  transition: 0.2s;
}

.button span {
  white-space: nowrap;
  font-family: var(--font-primary-bold);
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
  font-weight: var(--font-bold);
}

.button:hover {
  background-color: var(--color-white);
  border: solid 1px var(--color-white);
  color: var(--color-black);
}

body .containsbutton .button img {
  transition: 0.2s;
}

body .containsbutton .button:first-of-type:hover img {
  filter: brightness(0);
}

.button-blue {
  background-color: var(--color-primary);
  color: var(--color-white);
  text-decoration: none;
  padding: 11px 25px 8px 25px;
  border-radius: 10px;
  border: solid 1px var(--color-primary);
  transition: 0.2s;
}

.button-blue span {
  white-space: nowrap;
  font-family: var(--font-tertiary);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-s);
  font-weight: var(--font-bold);
  /* margin-top: calc(0.5px + 0.15vw); */
}

.button-blue:hover {
  background-color: var(--color-secondary);
  border: solid 1px var(--color-secondary);
}

.button.button--is-transparent {
  background-color: transparent;
  border: solid 1px var(--color-white);
}

.button.button--is-transparent:hover {
  background-color: var(--color-secondary);
  border: solid 1px var(--color-secondary);
  color: var(--color-white);
}

.button.button--is-transparent-blue {
  background-color: transparent;
  border: solid 1px var(--color-primary);
  color: var(--color-primary);
  border-radius: 5px;
}

.button.button--is-transparent-blue:hover {
  background-color: var(--color-primary);
  border: solid 1px var(--color-primary);
  color: var(--color-white);
}

.button.button--is-blue {
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  border-radius: 10px;
  color: var(--color-white);
  transition: 0.2s;
}

.button.button--is-blue:hover {
  background-color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
  transition: 0.2s;
}

.button.button--is-red {
  background-color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
  border-radius: 10px;
  color: var(--color-white);
  transition: 0.2s;
}

.button.button--is-red:hover {
  background-color: var(--color-primary);
  border: 1px solid var(--color-white);
  transition: 0.2s;
}

.button.button--is-white img {
  transition: 0.2s;
}

.button.button--is-white:hover img {
  filter: brightness(0) invert(1);
}

.button.button--is-white {
  background-color: var(--color-white);
  color: var(--color-primary);
  border: none;
  border-radius: 10px;
  transition: 0.2s;
}

.button.button--is-white:hover {
  background-color: var(--color-secondary);
  color: var(--color-white);
  transition: 0.2s;
}

.section-about-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  gap: 4%;
  padding-bottom: var(--space-small);
}

.section-about-col {
  width: 48%;
}

/*
.section-about-col p {
  font-family: var(--font-tertiary) !important;
  font-size: var(--font-size-xs) !important;
  line-height: var(--line-height-s) !important;
  font-weight: var(--font-regular) !important;
  margin-top: 0 !important;
  margin-bottom: 25px !important;
}
*/

.section-about-col p a {
  text-decoration: none;
  color: var(--color-secondary);
}

.section-about-title {
  font-family: var(--font-primary);
  font-size: var(--font-size-s);
  font-weight: var(--font-bold);
  color: var(--color-primary);
}

.section-about-image {
  width: calc(74px + 28vw);
  height: calc(80px + 14vw);
  top: 8%;
  right: 6%;
  left: unset;
  transform: unset;
  position: absolute;
  object-fit: cover;
  box-shadow: 0px 3px 50px #0000005D;
}

.section-about-image-shadow {
  position: absolute;
  width: calc(74px + 28vw);
  height: calc(80px + 14vw);
  top: 0;
  right: 0;
  transform: unset;
  background-color: var(--color-primary);
  opacity: 1;
  z-index: -1;
}

.bloc4columns-col {
  width: 25%;
}

/* .bloc4columns-col p {
  font-family: var(--font-primary);
  font-size: var(--font-size-xxs);
  line-height: var(--line-height-s);
  font-weight: var(--font-regular);
  margin-top: 0;
  margin-bottom: 0;
} */

.section-services-title {
  font-family: var(--font-primary);
  font-size: var(--font-size-l);
  font-weight: var(--font-bold);
  color: var(--color-primary);
  margin-bottom: 25px;
}

.section-services-subtitle {
  font-family: var(--font-primary-bold);
  font-size: var(--font-size-m);
  color: var(--color-primary);
  margin-bottom: 0;
}

.section-services-icon {
  width: 240px;
  height: 240px;
  object-fit: cover;
  border-radius: 50%;
  box-shadow: 0px 3px 50px #0000007C;
}

.bannerstats {
  gap: 55px;
  height: 272px;
  background-size: cover;
  background-position: center;
}

.bannerstats-colbig {
  width: 40%;
  padding: 35px 0;
}

.bannerstats-colsmall {
  width: 14%;
  padding: 35px 0;
}

.list-logos-item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.list-logos-item div.prelative {
  width: calc(20% - calc(20px + 0.52vw));
  margin-right: calc(10px + 0.26vw);
  margin-left: calc(10px + 0.26vw);
}

.list-logos-item div.prelative:nth-child(1),
.list-logos-item div.prelative:nth-child(6),
.list-logos-item div.prelative:nth-child(11) {
  width: calc(20% - calc(10px + 0.26vw));
  margin-right: calc(10px + 0.26vw);
  margin-left: 0;
}

.list-logos-item div.prelative:nth-child(5),
.list-logos-item div.prelative:nth-child(10),
.list-logos-item div.prelative:nth-child(12) {
  width: calc(20% - calc(10px + 0.26vw));
  margin-left: calc(10px + 0.26vw);
  margin-right: 0;
}

.realisation-col {
  position: relative;
  width: 31%;
}

.realisations-category {
  position: absolute;
  top: var(--space-xsmall);
  left: var(--space-xsmall);
}

.realisations-category span {
  font-family: var(--font-tertiary);
  font-size: var(--font-size-xxxs);
  font-weight: var(--font-regular);
  color: var(--color-white);
  padding: 5px;
  background-color: var(--color-primary);
}

.title-realisation {
  font-family: var(--font-primary);
  font-size: var(--font-size-n);
  font-weight: var(--font-bold);
  color: var(--color-primary);
  margin-bottom: 0;
}

.button-realisations {
  background-color: var(--color-grey);
  border: none;
  color: var(--color-primary);
  text-decoration: none;
  padding: 0 calc(22px + 0.14vw);
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  white-space: unset;
  height: calc(32px + 0.12vw);
  border-radius: 10px;
  font-family: var(--font-primary-bold);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-s);
  font-weight: var(--font-bold);
  margin-top: 7px;
  transition: 0.2s;
}

.button-realisations:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.newsbloc {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.newsbloc_text {
  width: 33%;
  margin-right: auto;
  padding: calc(20px + 2vw) 0;
}

.newsbloc_splide {
  width: calc(60% - calc(18px + 1vw));
  margin-left: calc(18px + 1vw);
  position: absolute !important;
  right: 0;
  bottom: var(--space-small);
  z-index: 4;
  height: calc(330px + 6vw);
}

#newsbloc_splide-track {
  height: 100%;
}

#newsbloc_splide-list {
  position: relative;
}

.newsbloc_splide .splide__slide {
  height: 100%;
}

.newsbloc_splide .splide__slide a {
  height: 100%;
}

.newsbloc_splide .splide__slide a img {
  width: 100%;
  object-fit: cover;
  object-position: top;
  position: absolute;
  z-index: 3;
  height: 100%;
}

.newsdiv_categories {
  z-index: 6;
  top: var(--space-xsmall);
  left: var(--space-xsmall);
}

.newsdiv_categories-title {
  font-family: var(--font-tertiary);
  font-size: var(--font-size-xxs);
  color: var(--color-white);
  margin-bottom: 0;
  background-color: var(--color-secondary);
  padding: 3px 7px;
}

.newsbloc_slide_content {
  z-index: 6;
  margin: 0 var(--space-small) var(--space-small) var(--space-small);
  background-color: #00000069;
  padding: var(--space-small);
  border-radius: 7px;
}

.joinus-padding {
  padding-left: var(--space-medium);
  padding-right: var(--space-normal);
}

.joinus-col {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.contact-col {
  width: 50%;
}

.noscompetences-col {
  width: 12%;
  display: flex;
  align-items: flex-start;
}

.noscompetences-col-text {
  width: 10%;
}

.noscompetences-col-img {
  width: 2%;
}

.noscompetences-col-img img {
  display: block;
  margin: 0;
}

.nosmoyens-col-text {
  width: 40%;
  background-color: var(--color-primary);
  padding: calc(20px + 0.5vw) calc(40px + 0.5vw);
  box-shadow: 0px 3px 50px #00000029;
}

.nosmoyens-image-worker {
  position: absolute;
  bottom: 0;
  /* right: calc(19% + 4vw); */
  right: 22%;
  max-width: 100%;
  height: auto;
  width: calc(275px + 6vw);
}

.actu-col-1 {
  width: 30%;
}

.actu-col-2 {
  width: 68%;
  margin-left: auto;
}

.sousservices-col {
  width: 50%;
  background-color: #F7F7F7;
  height: auto;
  min-height: calc(240px + 3vw);
}

section .sousservices-col:nth-child(1),
section .sousservices-col:nth-child(4),
section .sousservices-col:nth-child(5),
section .sousservices-col:nth-child(8) {
  background-color: var(--color-primary);
}

section .sousservices-col:nth-child(1) img,
section .sousservices-col:nth-child(4) img,
section .sousservices-col:nth-child(5) img,
section .sousservices-col:nth-child(8) img {
  filter: brightness(0) invert(1);
}

section .sousservices-col h3 {
  margin-top: 38px;
}

section .sousservices-col:nth-child(1) h3,
section .sousservices-col:nth-child(1) .text,
section .sousservices-col:nth-child(4) h3,
section .sousservices-col:nth-child(4) .text,
section .sousservices-col:nth-child(5) h3,
section .sousservices-col:nth-child(5) .text,
section .sousservices-col:nth-child(8) h3,
section .sousservices-col:nth-child(8) .text {
  color: white;
}

.sousservices-col-title, .sousservices-col-text {
  margin: 0 var(--space-small);
}

.ti-widget.ti-goog {
  width: 100% !important;
}

#contact iframe {
  height: calc(350px + 4.5vw);
  box-shadow: 0px 3px 50px #00000029;
}

.form_sidecolumn {
  width: calc(50% - calc(28px + 0.85vw));
  min-width: calc(50% - calc(28px + 0.85vw));
  margin-right: calc(28px + 0.85vw);
}

.form_column {
  width: 100%;
}

#contact div .footercol {
  width: calc(190px + 0.5vw);
  margin-left: auto;
}

#contact div .footercol:first-of-type,
#contact div .footercol:last-of-type {
  width: 50%;
  margin-left: 0;
}

/* Gravity Forms */
body .gform-theme--foundation .gform_fields {
  row-gap: calc(8px + 0.12vw) !important;
}
form.dicontactform input.gform_button.button {
  position: relative !important;
  background-color: var(--color-primary) !important;
  border: 2px solid var(--color-white) !important;
  border-radius: 8px !important;
  padding: 0 calc(14px + 1.5vw) !important;
  height: calc(32px + 0.85vw) !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  color: var(--color-white) !important;
  font-size: var(--font-size-n) !important;
  line-height: var(--line-height-n) !important;
  font-weight: var(--font-semibold) !important;
  font-family: var(--font-primary) !important;
  letter-spacing: 1px !important;
  width: auto !important;
  opacity: 1 !important;
  overflow: hidden !important;
  transition: 0.22s !important;
}
form.dicontactform input.gform_button.button:hover {
  background-color: var(--color-white) !important;
  border: 2px solid var(--color-primary) !important;
  transition: 0.22s !important;
  color: var(--color-primary) !important;
}
.gform_required_legend,
#gform_1 .gfield_required,
#gform_1 label.gfield_label,
#gform_1 fieldset.gfield--input-type-address legend,
#gform_1 .charleft,
#gform_1 fieldset.gfield--input-type-address .gform-field-label--type-sub {
  display: none !important;
}
body #gform_wrapper_2 .gform_submission_error {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: var(--font-size-s) !important;
  line-height: var(--line-height-s) !important;
  font-weight: var(--font-regular) !important;
  font-family: var(--font-tertiary) !important;
  text-align: center !important;
  color: var(--color-secondary) !important;
}
body #gform_wrapper_2 .gform_submission_error .gform-icon.gform-icon--circle-error {
  height: 38px !important;
  width: 38px !important;
}
body #gform_wrapper_2 .gform_submission_error .gform-icon.gform-icon--circle-error::before {
  font-size: 30px;
}
.gform-theme--framework div.gform_validation_errors {
  border: unset;
  margin-top: var(--space-xsmall);
}
.gfield_description.gfield_validation_message,
.gfield_description.charleft,
fieldset.gfield.gfield--type-consent legend {
  display: none !important;
}
.gform_fields div:not(.ginput_container_consent) input:not(.gfield-choice-input) {
  font-size: var(--font-size-n) !important;
  line-height: var(--line-height-n) !important;
  font-weight: var(--font-light) !important;
  font-family: var(--font-primary) !important;
  border-radius: 8px !important;
  color: var(--color-primary) !important;
  background-color: transparent !important;
  border: 2px solid var(--color-primary) !important;
  padding: calc(4px + 0.4vw) calc(5px + 0.5vw) !important;
  height: auto !important;
}
.gform_fields textarea {
  font-size: var(--font-size-n) !important;
  line-height: var(--line-height-n) !important;
  font-weight: var(--font-light) !important;
  font-family: var(--font-primary) !important;
  border-radius: 8px !important;
  color: var(--color-primary) !important;
  background-color: transparent !important;
  border: 2px solid var(--color-primary) !important;
  padding: calc(4px + 0.4vw) calc(5px + 0.5vw) !important;
  height: auto !important;
  resize: none !important;
  margin-bottom: var(--space-small) !important;
  box-shadow: unset !important;
}
.gform_fields .gfield_label,
.gform_fields label {
  font-size: var(--font-size-s) !important;
  line-height: var(--line-height-s) !important;
  font-weight: var(--font-light) !important;
  font-family: var(--font-primary) !important;
  color: var(--color-black) !important;
}
body form .gfield:not(.gfield_error) div:not(.ginput_container_consent) input:not(.gfield-choice-input),
body .gform_fields input.gfield:not(.gfield-choice-input, .gfield_error) {
  border: 2px solid var(--color-primary) !important;
  box-shadow: unset !important;
}
body .gfield--type-checkbox {
  margin-top: calc(6px + 0.5vw) !important;
  margin-bottom: calc(6px + 0.5vw) !important;
}
body .gform_fields .gfield_checkbox {
  margin-left: calc(6px + 0.5vw) !important;
}
body .gform_fields .gfield--type-checkbox .gfield_label {
  font-size: var(--font-size-m) !important;
  line-height: var(--line-height-m) !important;
  font-weight: var(--font-medium) !important;
  font-family: var(--font-primary) !important;
  color: var(--color-primary) !important;
}
.gform_fields input:not(.gfield-choice-input)::-webkit-input-placeholder,
.gform_fields textarea::-webkit-input-placeholder {
  opacity: 0.9 !important;
}
.gform_fields input:not(.gfield-choice-input)::-moz-placeholder,
.gform_fields textarea::-moz-placeholder {
  opacity: 0.9 !important;
}
.gform_fields input:not(.gfield-choice-input)::-ms-placeholder,
.gform_fields textarea::-ms-placeholder {
  opacity: 0.9 !important;
}
.gform_fields input:not(.gfield-choice-input)::placeholder,
.gform_fields textarea::placeholder {
  opacity: 0.9 !important;
}
.gfield_description.gfield_consent_description {
  padding: 0 !important;
  border: unset !important;
  font-size: var(--font-size-s) !important;
  line-height: var(--line-height-s) !important;
  font-weight: var(--font-light) !important;
  font-family: var(--font-primary) !important;
  color: var(--color-black) !important;
}
#estimform .gform_wrapper {
  background-color: #efefef !important;
  border-radius: calc(15px + 1vw) !important;
  width: 100% !important;
}
#estimform .gform_confirmation_message {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  padding: var(--space-normal) var(--space-small) !important;
  margin: var(--space-small) auto !important;
  width: calc(100% - var(--space-small)) !important;
  max-width: 500px !important;
}
#estimform .gf_step_label,
#estimform .gfield_required,
.instruction {
  display: none !important;
}
/*
#estimform .gform_fields div:not(.ginput_container_consent) input:not(.gfield-choice-input) {
  background-color: #fbfbfb !important;
}
*/
#estimform .gform_validation_errors {
  margin: var(--space-small) auto var(--space-xsmall) auto !important;
  width: calc(100% - var(--space-small)) !important;
  max-width: calc(400px + 4vw) !important;
  background: unset !important;
  box-shadow: unset !important;
}
#estimform #gform_2 {
  max-width: calc(800px + 6vw) !important;
  margin: var(--space-small) auto var(--space-xsmall) auto !important;
  width: calc(100% - var(--space-small)) !important;
}
#gform_2 .gf_page_steps {
  position: relative !important;
  top: unset !important;
  left: unset !important;
  width: 100% !important;
  transform: unset !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
}
#gform_2 #gf_step_2_1 {
  margin-right: auto;
}
#gform_2 #gf_step_2_2 {
  margin-left: auto;
  margin-right: auto;
}
#gform_2 #gf_step_2_3 {
  margin-left: auto;
  margin-right: auto;
}
#gform_2 #gf_step_2_4 {
  margin-left: auto;
  margin-right: auto;
}
#gform_2 #gf_step_2_5 {
  margin-left: auto;
}
#gform_2 #gf_step_2_6 {
  display: none !important;
}
#gform_2 #gf_step_2_2.gf_step_active::after,
#gform_2 #gf_step_2_2.gf_step_completed::after,
#gform_2 #gf_step_2_3.gf_step_active::after,
#gform_2 #gf_step_2_3.gf_step_completed::after,
#gform_2 #gf_step_2_4.gf_step_active::after,
#gform_2 #gf_step_2_4.gf_step_completed::after,
#gform_2 #gf_step_2_5.gf_step_active::after,
#gform_2 #gf_step_2_5.gf_step_completed::after {
  content: "";
  width: 18vw;
  max-width: 258px;
  height: 4px;
  background-color: var(--color-primary);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 1;
}
#gform_2 .gf_step .gf_step_number {
  width: calc(42px + 0.45vw) !important;
  height: calc(42px + 0.45vw) !important;
  font-size: var(--font-size-m) !important;
  line-height: var(--line-height-m) !important;
  font-family: var(--font-primary) !important;
}
#gform_2 .gf_step:not(.gf_step_active, .gf_step_completed) .gf_step_number {
  margin: 0 !important;
  gap: unset !important;
  color: white !important;
  background-color: #dfdfdf !important;
  border: unset !important;
}
#gform_2 .gf_step.gf_step_active .gf_step_number,
#gform_2 .gf_step.gf_step_completed .gf_step_number {
  z-index: 2 !important;
  margin: 0 !important;
  gap: unset !important;
  color: white !important;
  background-color: var(--color-primary) !important;
  border: unset !important;
}
#gform_2 .gform_body {
  margin-top: var(--space-small) !important;
}
#gform_2 .gf_step_number::after {
  display: none !important;
}
#gform_2 #field_2_30 legend.gfield_label,
#gform_2 #field_2_8 legend.gfield_label {
  font-size: var(--font-size-xm) !important;
  line-height: var(--line-height-xm) !important;
  font-weight: var(--font-semibold) !important;
  font-family: var(--font-primary) !important;
  letter-spacing: 0.5px !important;
  color: var(--color-primary) !important;
  width: 100% !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
}
#gform_2 #field_2_8 .gfield_radio {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  margin: var(--space-small) 0 !important;
}
#gform_2 #field_2_8 .gfield_radio .gchoice {
  position: relative !important;
  width: calc(120px + 0.88vw) !important;
  height: calc(86px + 0.18vw) !important;
  margin: var(--space-xsmall) !important;
  gap: unset !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
}
#gform_2 #field_2_8 .gfield_radio .gchoice .gfield-choice-input {
  opacity: 0 !important;
  background-color: transparent;
  border: 8px solid var(--color-primary);
  position: absolute !important;
  width: 100px !important;
  height: 100px !important;
  z-index: 2 !important;
  cursor: pointer !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.18s;
}
#gform_2 #field_2_8 .gfield_radio .gchoice .gfield-choice-input:checked {
  opacity: 0.15 !important;
}
#gform_2 #field_2_8 .gfield_radio .gchoice .gform-field-label {
  margin: 0 !important;
  display: block !important;
  font-weight: var(--font-medium) !important;
  font-family: var(--font-primary) !important;
  letter-spacing: 0.25px !important;
  height: 24px !important;
  margin-top: auto !important;
  white-space: nowrap !important;
}
#gform_2 .gform_page  {
  min-height: calc(6vh + 6vw + 270px) !important;
}
#gform_2 .gform_page_fields {
  margin-bottom: var(--space-small) !important;
}
#gform_2 .gform_page_footer {
  position: relative !important;
  margin-top: 0 !important;
  margin-bottom: var(--space-small) !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
}
#gform_2 .gform_next_button {
  background-color: var(--color-primary) !important;
  border: 2px solid var(--color-primary) !important;
  border-radius: 8px !important;
  padding: 0 calc(12px + 0.5vw) !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  transition: 0.22s !important;
  position: relative !important;
  color: var(--color-white) !important;
  font-size: var(--font-size-n) !important;
  line-height: var(--line-height-n) !important;
  font-weight: var(--font-medium) !important;
  font-family: var(--font-primary) !important;
  letter-spacing: 0.5px !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
}
#gform_2 .gform_next_button:hover {
  background-color: var(--color-white) !important;
  color: var(--color-primary) !important;
}
#gform_2 .gform_previous_button {
  background-color: #535353 !important;
  border: 2px solid #535353 !important;
  border-radius: 8px !important;
  padding: 0 calc(12px + 0.5vw) !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  transition: 0.22s !important;
  position: relative !important;
  color: var(--color-white) !important;
  font-size: var(--font-size-n) !important;
  line-height: var(--line-height-n) !important;
  font-weight: var(--font-medium) !important;
  font-family: var(--font-primary) !important;
  letter-spacing: 0.5px !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
}
#gform_2 .gform_previous_button:hover {
  background-color: var(--color-white) !important;
  color: var(--color-black) !important;
}
.gform-theme--foundation .gform_page_footer {
  gap: var(--space-small) !important;
}
/*
#gform_2 #field_2_10,
#gform_2 #field_2_11,
#gform_2 #field_2_12,
#gform_2 #field_2_18,
#gform_2 #field_2_19 {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  position: relative !important;
}
*/
/*
#gform_2 #field_2_10 .gfield_label,
#gform_2 #field_2_11 .gfield_label,
#gform_2 #field_2_18 .gfield_label,
#gform_2 #field_2_12 .gfield_label {
  margin: 0 calc(10px + 0.8vw) 0 0 !important;
  font-weight: var(--font-medium) !important;
  width: calc(50% - calc(5px + 0.4vw)) !important;
  text-align: right !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  align-items: center !important;
}
#gform_2 #field_2_10 .ginput_container,
#gform_2 #field_2_11 .ginput_container,
#gform_2 #field_2_12 .ginput_container,
#gform_2 #field_2_18 .ginput_container {
  margin: 0 !important;
  width: calc(50% - calc(5px + 0.4vw)) !important;
}
*/
#gform_2 #gform_fields_2_2 {
  position: relative;
  column-gap: unset;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/*
#gform_2 #field_2_21,
#gform_2 #field_2_22,
#gform_2 #field_2_24,
#gform_2 #field_2_26,
#gform_2 #field_2_27,
#gform_2 #field_2_34,
#gform_2 #field_2_35,
#gform_2 #field_2_36,
#gform_2 #field_2_37,
#gform_2 #field_2_38 {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  line-height: unset !important;
  min-inline-size: unset !important;
  gap: unset !important;
  width: 100% !important;
  flex-wrap: nowrap !important;
  margin: calc(1px + 0.15vw) 0 !important;
}
#gform_2 #field_2_21 .gfield_label,
#gform_2 #field_2_22 .gfield_label,
#gform_2 #field_2_24 .gfield_label,
#gform_2 #field_2_26 .gfield_label,
#gform_2 #field_2_27 .gfield_label,
#gform_2 #field_2_34 .gfield_label,
#gform_2 #field_2_35 .gfield_label,
#gform_2 #field_2_36 .gfield_label,
#gform_2 #field_2_37 .gfield_label,
#gform_2 #field_2_38 .gfield_label {
  font-weight: var(--font-medium) !important;
  margin: 0 calc(10px + 0.8vw) 0 0 !important;
  width: calc(50% - calc(5px + 0.4vw)) !important;
  text-align: right !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: unset !important;
  height: auto !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translatey(-50%) !important;
}
#gform_2 #field_2_21 .ginput_container,
#gform_2 #field_2_22 .ginput_container,
#gform_2 #field_2_24 .ginput_container,
#gform_2 #field_2_26 .ginput_container,
#gform_2 #field_2_27 .ginput_container,
#gform_2 #field_2_34 .ginput_container,
#gform_2 #field_2_35 .ginput_container,
#gform_2 #field_2_36 .ginput_container,
#gform_2 #field_2_37 .ginput_container,
#gform_2 #field_2_38 .ginput_container {
  margin: 0 0 0 auto !important;
  width: calc(50% - calc(5px + 0.4vw)) !important;
  display: block !important;
}
#gform_2 #field_2_21 .ginput_container .gfield_radio,
#gform_2 #field_2_22 .ginput_container .gfield_radio,
#gform_2 #field_2_24 .ginput_container .gfield_radio,
#gform_2 #field_2_26 .ginput_container .gfield_radio,
#gform_2 #field_2_27 .ginput_container .gfield_radio,
#gform_2 #field_2_34 .ginput_container .gfield_radio,
#gform_2 #field_2_35 .ginput_container .gfield_radio,
#gform_2 #field_2_36 .ginput_container .gfield_radio,
#gform_2 #field_2_37 .ginput_container .gfield_radio,
#gform_2 #field_2_38 .ginput_container .gfield_radio {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: unset !important;
}
#gform_2 #field_2_21 .ginput_container .gfield_radio .gchoice,
#gform_2 #field_2_22 .ginput_container .gfield_radio .gchoice,
#gform_2 #field_2_24 .ginput_container .gfield_radio .gchoice,
#gform_2 #field_2_26 .ginput_container .gfield_radio .gchoice,
#gform_2 #field_2_27 .ginput_container .gfield_radio .gchoice,
#gform_2 #field_2_34 .ginput_container .gfield_radio .gchoice,
#gform_2 #field_2_35 .ginput_container .gfield_radio .gchoice,
#gform_2 #field_2_36 .ginput_container .gfield_radio .gchoice,
#gform_2 #field_2_37 .ginput_container .gfield_radio .gchoice,
#gform_2 #field_2_38 .ginput_container .gfield_radio .gchoice {
  margin-right: calc(12px + 0.55vw) !important;
}
#gform_2 #field_2_21 .gform-field-label--type-inline,
#gform_2 #field_2_22 .gform-field-label--type-inline,
#gform_2 #field_2_24 .gform-field-label--type-inline,
#gform_2 #field_2_26 .gform-field-label--type-inline,
#gform_2 #field_2_27 .gform-field-label--type-inline,
#gform_2 #field_2_34 .gform-field-label--type-inline,
#gform_2 #field_2_35 .gform-field-label--type-inline,
#gform_2 #field_2_36 .gform-field-label--type-inline,
#gform_2 #field_2_37 .gform-field-label--type-inline,
#gform_2 #field_2_38 .gform-field-label--type-inline {
  margin-left: 6px !important;
}
*/
#gform_2 #field_2_19 {
  position: relative !important;
}
#gform_2 #field_2_19 .gfield_label {
  font-weight: var(--font-medium) !important;
  margin: 0 calc(10px + 0.8vw) 0 0 !important;
  width: calc(50% - calc(5px + 0.4vw)) !important;
  text-align: right !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: unset !important;
  height: auto !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translatey(-50%) !important;
}
#gform_2 #field_2_19 .ginput_container {
  margin: 0 0 0 auto !important;
  width: calc(50% - calc(5px + 0.4vw)) !important;
  display: block !important;
}
#gform_2 #input_2_27 {
  background-color: #fbfbfb !important;
}
#gform_2 .digftext {
  font-size: var(--font-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--font-light);
  font-family: var(--font-primary);
}
#gform_2 .button1.button1--is-dark {
  font-size: var(--font-size-m);
  font-weight: var(--font-light);
  font-family: var(--font-primary);
  color: var(--color-white);
  border: 2px solid #00000082 !important;
  background-color: #00000082;
  cursor: pointer !important;
  height: auto;
  line-height: 2;
  width: 98px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  transition: 0.2s;
}
#gform_2 .button1.button1--is-dark:hover {
  background-color: var(--color-dark) !important;
  border: 2px solid var(--color-dark) !important;
  color: var(--color-white) !important;
}
#gform_2 .button1.button1--is-dark:hover {
  color: #00000082;
  background-color: var(--color-white);
}
#gform_1 .gchoice_1_11_5 {
  display: none;
}
.gform_confirmation_message {
  font-size: var(--font-size-m) !important;
  line-height: var(--line-height-m) !important;
  font-weight: var(--font-light) !important;
  font-family: var(--font-primary) !important;
  color: var(--color-black) !important;
  margin-top: var(--space-small) !important;
}
#gform_2 #field_2_6 legend,
#gform_2 #field_2_7 legend {
  font-size: var(--font-size-l) !important;
  line-height: var(--line-height-l) !important;
  font-weight: var(--font-bold) !important;
  font-family: var(--font-primary) !important;
  width: 100%;
  text-align: center !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: var(--color-primary) !important;
}
#gform_2 #input_2_6,
#gform_2 #input_2_7 {
  flex-direction: row !important;
  justify-content: space-between;
  width: calc(580px + 2vw);
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  margin-top: var(--space-small);
}
#gform_2 #input_2_6 input,
#gform_2 #input_2_7 input {
  display: none !important;
}
#gform_2 #input_2_6 .gchoice label,
#gform_2 #input_2_7 .gchoice label {
  margin: 0 !important;
  white-space: nowrap;
  font-family: var(--font-tertiary) !important;
  font-size: var(--font-size-n) !important;
  line-height: var(--line-height-n) !important;
  font-weight: var(--font-regular) !important;
  background-color: transparent !important;
  text-decoration: none;
  padding: 10px 20px;
  color: var(--color-primary) !important;
  border-radius: 10px;
  border: solid 2px var(--color-primary);
  min-width: calc(220px + 2vw);
  text-align: center !important;
  display: block;
  cursor: pointer;
  transition: 0.2s;
}
#gform_2 #input_2_6 .gchoice label:hover,
#gform_2 #input_2_7 .gchoice label:hover {
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}
#gform_2 #field_2_6 .gfield_radio .gchoice,
#gform_2 #field_2_7 .gfield_radio .gchoice {
  position: relative;
}
#gform_2 #field_2_6 .gfield_radio .gchoice .gfield-choice-input:checked ~ label,
#gform_2 #field_2_7 .gfield_radio .gchoice .gfield-choice-input:checked ~ label {
  font-weight: var(--font-bold) !important;
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}
#gform_2 #field_2_6 .gfield_radio .gchoice label::before,
#gform_2 #field_2_7 .gfield_radio .gchoice label::before {
  content: "";
  width: calc(100% + 14px);
  height: calc(100% + 14px);
  display: block;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 14px;
  border: 2px solid var(--color-primary);
  transition: 0.12s;
}
#gform_2 #field_2_6 .gfield_radio .gchoice .gfield-choice-input:checked ~ label::before,
#gform_2 #field_2_7 .gfield_radio .gchoice .gfield-choice-input:checked ~ label::before {
  opacity: 1;
}
#field_2_30,
#field_2_29,
#field_2_8 {
  display: flex;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
}
#field_2_30 .gfield_label,
#field_2_29 .gfield_label,
#field_2_8 .gfield_label {
  width: 48% !important;
  margin-right: 2% !important;
  margin-bottom: unset !important;
  color: var(--color-primary) !important;
  font-size: var(--font-size-xm) !important;
  line-height: var(--line-height-xm) !important;
  font-weight: var(--font-bold) !important;
  font-family: var(--font-primary) !important;
}
#field_2_30 .ginput_container,
#field_2_29 .ginput_container,
#field_2_8 .ginput_container {
  width: 50% !important;
}
#field_2_30 .ginput_container select,
#field_2_8 .ginput_container select {
  width: 100% !important;
  max-width: 320px !important;
  color: var(--color-primary) !important;
  font-size: var(--font-size-m) !important;
  line-height: var(--line-height-m) !important;
  font-weight: var(--font-regular) !important;
  font-family: var(--font-primary) !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center;
  height: auto !important;
  padding: calc(6px + 0.1vw) calc(8px + 0.25vw) !important;
  border-radius: 8px !important;
  border: 2px solid var(--color-primary) !important;
  background-color: transparent !important;
}
#field_2_5 {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
}
#field_2_5 .gfield_label {
  width: 48% !important;
  margin-right: 2% !important;
  margin-bottom: unset !important;
  color: var(--color-primary) !important;
  font-size: var(--font-size-xm) !important;
  line-height: var(--line-height-xm) !important;
  font-weight: var(--font-bold) !important;
  font-family: var(--font-primary) !important;
  position: absolute !important;
  left: 0 !important;
  top: calc(13px + 0.15vw) !important;
}
#field_2_5 .ginput_container {
  width: 50% !important;
  margin-left: auto !important;
  margin-top: var(--space-xsmall) !important;
}
#field_2_5 .ginput_container .gfield_radio {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
}
#field_2_5 .ginput_container .gfield_radio input {
  display: none !important;
}
#field_2_5 .ginput_container .gfield_radio label {
  width: 100% !important;
  min-width: 150px !important;
  color: var(--color-primary) !important;
  font-size: var(--font-size-m) !important;
  line-height: var(--line-height-m) !important;
  font-weight: var(--font-regular) !important;
  font-family: var(--font-primary) !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  height: auto !important;
  padding: calc(6px + 0.1vw) calc(8px + 0.25vw) !important;
  border-radius: 8px !important;
  border: 2px solid var(--color-primary) !important;
  background-color: transparent !important;
  transition: 0.2s;
  cursor: pointer;
  margin-left: 0 !important;
}
#field_2_5 .ginput_container .gfield_radio label:hover {
  color: var(--color-white) !important;
  background-color: var(--color-primary) !important;
}
#field_2_5 .ginput_container .gfield_radio .gchoice {
  position: relative;
}
#field_2_5 .ginput_container .gfield_radio .gfield-choice-input:checked ~ label {
  font-weight: var(--font-bold) !important;
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}
#field_2_5 .ginput_container .gfield_radio label::before {
  content: "";
  width: calc(100% + 14px);
  height: calc(100% + 14px);
  display: block;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 14px;
  border: 2px solid var(--color-primary);
  transition: 0.12s;
}
#field_2_5 .ginput_container .gfield_radio .gfield-choice-input:checked ~ label::before {
  opacity: 1;
}
#field_2_9 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
#field_2_9 .gfield_label {
  width: 48% !important;
  margin-right: 2% !important;
  margin-bottom: unset !important;
  color: var(--color-primary) !important;
  font-size: var(--font-size-xm) !important;
  line-height: var(--line-height-xm) !important;
  font-weight: var(--font-bold) !important;
  font-family: var(--font-primary) !important;
  position: absolute !important;
  left: 0 !important;
  top: calc(13px + 0.15vw) !important;
}
#field_2_9 .ginput_container_checkbox {
  width: 50% !important;
  margin-left: auto !important;
  margin-top: var(--space-xsmall) !important;
}
#field_2_9 .gfield_checkbox {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  max-height: 170px !important;
}
#gform_2 .gfield_checkbox input,
#gform_2 .ginput_container_consent input {
  border: 2px solid var(--color-primary) !important;
}
#field_2_31 .gfield_checkbox label,
#field_2_9 .gfield_checkbox label {
  color: var(--color-primary) !important;
  font-family: var(--font-primary) !important;
  font-weight: var(--font-regular) !important;
  font-size: var(--font-size-s) !important;
}
#field_2_11 {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  max-width: 680px;
  width: 100% !important;
  position: relative !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#field_2_11 .gfield_label {
  width: 40% !important;
  margin-right: 2% !important;
  margin-bottom: unset !important;
  color: var(--color-primary) !important;
  font-size: var(--font-size-xm) !important;
  line-height: var(--line-height-xm) !important;
  font-weight: var(--font-bold) !important;
  font-family: var(--font-primary) !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
}
#field_2_11 .ginput_container {
  width: 58% !important;
}
.gform_fileupload_rules {
  display: none !important;
}
#field_2_12 {
  flex-direction: column !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  position: relative !important;
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#field_2_12 .gfield_label {
  width: 100% !important;
  margin-right: 0 !important;
  margin-bottom: unset !important;
  color: var(--color-primary) !important;
  font-size: var(--font-size-xm) !important;
  line-height: var(--line-height-xm) !important;
  font-weight: var(--font-bold) !important;
  font-family: var(--font-primary) !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
}
#field_2_12 .ginput_container_textarea {
  width: 100% !important;
  margin-top: var(--space-xsmall) !important;
}
#field_2_14,
#field_2_15,
#field_2_16,
#field_2_17,
#field_2_18 {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  position: relative !important;
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#field_2_14 .gfield_label,
#field_2_15 .gfield_label,
#field_2_16 .gfield_label,
#field_2_17 .gfield_label,
#field_2_18 .gfield_label {
  width: 48% !important;
  margin-right: 4% !important;
  margin-bottom: unset !important;
  color: var(--color-primary) !important;
  font-size: var(--font-size-xm) !important;
  line-height: var(--line-height-xm) !important;
  font-weight: var(--font-bold) !important;
  font-family: var(--font-primary) !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  align-items: center !important;
}
#field_2_14 .ginput_container,
#field_2_15 .ginput_container,
#field_2_16 .ginput_container,
#field_2_17 .ginput_container,
#field_2_18 .ginput_container {
  width: 48% !important;
}
#field_2_14 .ginput_container input,
#field_2_15 .ginput_container input,
#field_2_16 .ginput_container input,
#field_2_17 .ginput_container input,
#field_2_18 .ginput_container input {
  width: 100% !important;
  max-width: 320px !important;
  color: var(--color-primary) !important;
  font-size: var(--font-size-m) !important;
  line-height: var(--line-height-m) !important;
  font-weight: var(--font-regular) !important;
  font-family: var(--font-primary) !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center;
  height: auto !important;
  padding: calc(6px + 0.1vw) calc(8px + 0.25vw) !important;
  border-radius: 8px !important;
  border: 2px solid var(--color-primary) !important;
  background-color: transparent !important;
}
#field_2_22 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 460px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: unset !important;
  position: relative !important;
  gap: unset !important;
  line-height: unset !important;
  min-inline-size: unset !important;
  flex-wrap: nowrap !important;
}
#field_2_22 p.bigboldtext {
  color: var(--color-primary);
  font-size: var(--font-size-l);
  line-height: var(--line-height-l);
  font-weight: var(--font-bold);
  font-family: var(--font-primary);
}
#field_2_23 {
  width: 100% !important;
  max-width: 460px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#field_2_25 {
  margin-bottom: var(--space-small);
}
#field_2_25 .button1 {
  background-color: transparent !important;
  border: 2px solid #535353 !important;
  border-radius: 8px !important;
  padding: calc(4px + 0.1vw) calc(12px + 0.5vw) !important;
  display: table !important;
  transition: 0.22s !important;
  position: relative !important;
  color: #535353 !important;
  font-size: var(--font-size-n) !important;
  line-height: var(--line-height-n) !important;
  font-weight: var(--font-bold) !important;
  font-family: var(--font-primary) !important;
  letter-spacing: 0.5px !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
}
#estimform .title::after {
  display: none !important;
}
#field_2_31 {
  max-width: 680px;
  width: 100% !important;
  position: relative !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/************************************
**** MAIN STYLE - ELEMENTS | END ****
************************************/

/******************************
**** MEDIA QUERIES | START ****
******************************/

@media screen and (max-width: 1399px) {
  .nosmoyens-image-worker {
    right: 17%;
  }
}

@media screen and (max-width: 1199px) {
  #gform_2 #input_2_6,
  #gform_2 #input_2_7 {
    flex-direction: column !important;
    width: 100% !important;
  }
  #gform_2 #gf_step_2_2.gf_step_active::after,
  #gform_2 #gf_step_2_2.gf_step_completed::after,
  #gform_2 #gf_step_2_3.gf_step_active::after,
  #gform_2 #gf_step_2_3.gf_step_completed::after,
  #gform_2 #gf_step_2_4.gf_step_active::after,
  #gform_2 #gf_step_2_4.gf_step_completed::after,
  #gform_2 #gf_step_2_5.gf_step_active::after,
  #gform_2 #gf_step_2_5.gf_step_completed::after {
    width: 18vw;
  }

  .form_sidecolumn h2 {
    width: 100%;
  }

  .button.button--is-blue {
    margin-left: 0;
  }

  #contact div .footercol {
    width: 100%;
    margin-left: 0;
  }

  .joinus-col {
    width: 100%;
    /* padding-bottom: 35px; */
  }

  .contact-bloc {
    margin: 55px 0;
  }

  .contact-col {
    width: 100%;
    flex-direction: column;
  }

  .contact-col .button:first-of-type {
    margin-bottom: var(--space-xsmall);
  }

  .button.button--is-blue {
    margin-bottom: 15px;
  }

  .button button--is-red {
    margin-bottom: 15px;
  }

  .nosmoyens-image-worker {
    display: none;
  }

  .nosmoyens-col-text {
    width: 87%;
  }
}

@media screen and (max-width: 991px) {
  .sousservices-col {
    width: 100%;
  }

  section .sousservices-col:nth-child(even) {
    background-color: #F7F7F7;
  }

  section .sousservices-col:nth-child(odd) {
    background-color: var(--color-primary);
  }

  section .sousservices-col:nth-child(even) img {
    filter: unset;
  }

  section .sousservices-col:nth-child(odd) img {
    filter: brightness(0) invert(1);
  }

  section .sousservices-col:nth-child(even) .text,
  section .sousservices-col:nth-child(even) h3 {
    color: black;
  }

  section .sousservices-col:nth-child(odd) .text,
  section .sousservices-col:nth-child(odd) h3 {
    color: white;
  }
  .newsbloc {
    margin-top: 5px;
  }
  .newsbloc_text {
    width: 100%;
  }

  #newsbloc_splide {
    position: relative !important;
    width: 100%;
    margin-left: 0;
    right: unset;
    bottom: unset;
    margin-bottom: var(--space-small);
    height: calc(180px + 20vw);
  }

  .bloc4columns-col {
    width: 100%;
    margin-bottom: 35px;
  }

  .bannerstats {
    height: auto;
    flex-direction: column;
    padding-bottom: 55px;
  }

  .bannerstats-colbig {
    width: 100%;
    padding-bottom: 0;
  }

  .bannerstats-colsmall {
    width: 100%;
    padding: 5px 0;
    text-align: center;
  }

  .list-logos-item {
    flex-direction: column;
    justify-content: center;
  }

  .noscompetences-col-text {
    text-align: center;
    width: 100%;
    margin-bottom: var(--space-small);
  }

  .noscompetences-col-img {
    width: 100%;
  }

  .noscompetences-col-img img {
    display: block;
    margin: 0 auto;
  }

  .nosmoyens-col-text {
    width: 85%;
  }

  /* .nosmoyens-image-worker {
    position: relative;
    width: 500px;
    height: auto;
    display: block;
    margin: 35px auto;
  } */

  .sousservices-col {
    width: 100%;
  }
}

@media screen and (max-width: 959px) {
  .actu-col-1 {
    display: none;
  }

  .actu-col-2 {
    width: 100%;
  }

  .realisation-col {
    width: 100%;
  }

  .section-about-image {
    width: 100%;
  }

  .section-about-col {
    width: 100%;
  }

  .section-about-image-shadow {
    display: none;
  }

  .section-about-image {
    width: 100%;
    height: auto;
    top: unset;
    right: unset;
    left: unset;
    position: relative;
  }

  .joinus-padding {
    padding: 25px;
  }

  .footercontent {
    padding: 25px 30px;
  }
}

@media screen and (max-width: 767px) {
  .containsbutton {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .containsbutton .button:first-of-type {
    margin-bottom: var(--space-xsmall);
  }
  #field_2_7 legend.gfield_label,
  #field_2_6 legend.gfield_label {
    justify-content: center !important;
  }
  #field_2_9 legend.gfield_label,
  #field_2_5 legend.gfield_label {
    margin-bottom: 8px !important;
  }
  #gform_2 .gform_page_footer {
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    transform: unset !important;
  }

  #field_2_14, #field_2_15, #field_2_16, #field_2_17, #field_2_18, #field_2_8, #field_2_5, #field_2_9, #field_2_29, #field_2_30 {
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 480px !important;
  }

  #gform_2 .gfield_label {
    position: relative !important;
    font-size: var(--font-size-m) !important;
    line-height: var(--line-height-m) !important;
    justify-content: flex-start !important;
    width: 100% !important;
  }

  #gform_2 .ginput_container {
    width: 100% !important;
  }

  #gform_2 .ginput_container input {
    max-width: unset !important;
  }

  .form_sidecolumn {
    width: 100%;
    min-width: unset;
    margin-right: unset;
  }

  .formcols {
    flex-wrap: wrap;
  }

  .landingbanner-image-fond2 {
    bottom: unset;
    transform: unset;
    top: 50px;
    left: 30%;
    height: 100%;
    width: 320%;
  }

  .nosmoyens-col-text {
    width: 78%;
  }
}

@media screen and (max-width: 575px) {
  .nosmoyens-col-text {
    width: 74%;
  }
}

@media screen and (max-width: 480px) {}

/****************************
**** MEDIA QUERIES | END ****
****************************/