/*
Theme Name: Hippocratus
Theme URI: https://formations.hippocratus.com
Author: Laurine Dewaele 
Author URI: https://formations.hippocratus.com
Description: Thème WordPress personnalisé pour Hippocratus
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: formations.hippocratus
*/

@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sherika';
  src: url('./fonts/Sherika-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}


/* all */
/* @import url('https://fonts.cdnfonts.com/css/sherika'); */
/* @import url('https://fonts.cdnfonts.com/css/inter'); */

html {
  scroll-behavior: smooth;
}

:root {
--greenHippo: #23652e;
--greenLightHippo: #d2e4b1;
--greenBlueHippo: #acd6ca;
--whiteHippo: #fff7eb;
--white: #FFFFFF;
}

    /* CTA sticky  */

	.btn-stick {
  position: sticky;
  bottom: 20px;   /* ou top: 20px */
}

    .sticky-button {
      position: fixed;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      background-color: var(--greenHippo);
      border: none;
     padding: 14px 28px;
     min-height: 48px;
      border-radius: 30px;
      font-size: 14px;
      cursor: pointer;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
      z-index: 1000;
   transition: transform 0.2s ease, background-color 0.3s ease;
  animation: pulse 2s infinite;
    }

   .sticky-button:hover {
  background-color: #357033;
  transform: translateX(-50%) scale(1.08);
}
  .sticky-button a { 
    text-decoration: none;
       color: white;
  }
  /* .hidden {
  display: none;
} */

  @keyframes pulse {
  0% {
    transform: translateX(-50%) scale(1);
    box-shadow: 0 0 0 0 #35703eda;
  }
  70% {
    transform: translateX(-50%) scale(1.05);
    box-shadow: 0 0 0 15px#23652e00;
  }
  100% {
    transform: translateX(-50%) scale(1);
    box-shadow: 0 0 0 0 #23652e00;
  }
}


/* global  */

body {
    margin: 0;
    padding: 0;
    background-color: var(--whiteHippo);
    font-family: 'Sherika', sans-serif;
    margin-bottom: 6rem;
}
.display-none {
    display: none!important;
}
.mt-10 {
  margin-top: 35px!important;
}
.mb-10 {
  margin-bottom: 30px!important;
}
.pr-10 {padding-right: 3rem; }
.display-mobile {
    display: block;
}

.display-mobile-1265 {
  display: block;
}
.display-desk {
    display: none;
}
.display-desk-1265 {
  display: none;
}
.dbma {
    display: block!important;
    margin: auto;
    width: fit-content;
}
@media screen and (min-width: 375px) {
    body {
    margin-bottom: 5rem;
}
}

@media screen and (min-width: 768px) {
.display-mobile {
    display: none;
}
.display-desk {
    display: block;
}
/* CTA sticky  */
    .sticky-button {
      padding: 15px 30px;
      font-size: 16px;
    }
}
  /* JS  */
    .fade-in-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }

    .fade-in-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
    }
    
.logo-hippo-index {
  margin: auto;
    width: 88%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.logo-hippo-index img{
  width: 100%;
}


.logo-hippo{
display: block;
width: 100%;
margin-bottom: 5px;
}

.logo-hippo img {
    display: block;
    margin: auto;
    width: 60%;
    padding-top: 15px;
    padding-bottom: 15px;
}


@media screen and (min-width: 768px) {
  .logo-hippo {
  margin-bottom: 10px;
  margin-top: 20px;
  }
  .logo-hippo img {
  width: 40%;
  }
}


@media screen and (min-width: 1265px) {
    .logo-hippo img {
      width: 25%;
      margin-top: 0px;
    }
    .logo-hippo-index img {
    width: 60%;
    }
}

#Contact-desktop input, #Contact-mobile input {
  border-radius: 2rem;
    padding: 0.7rem 0.5rem;
    border: transparent;
    margin: 0.5rem 0rem 1rem;
}


/* *********************************************************************************************************** */

/* formulaire LP CSS  */
.formulairelp {
  background-color: var(--greenBlueHippo);
  text-decoration: none;
    display: block;
    width: 80%;
    margin: auto;
    padding: 1.5rem 1rem;
    margin-top: 11px;
    color: var(--greenHippo);
    border-radius: 15px;
    font-family: 'inter', sans-serif;
}

#gform_wrapper_1 {
  display: block!important;
}
.gf_page_steps {
  display: none!important;
}

/* description  */
.gform_description {
text-align: center;
font-family: "Inter", sans-serif;
font-size: 13pt;
font-weight: 600;
    padding: 0.1rem 0.5rem 0.7rem;margin: 10px 0px!important;
}

/* input nom et prénom avec description au dessus  */
#input_1_1_3_container, #input_1_1_6_container, #input_2_1_3, #input_2_1_6, #input_2_1_3_container, #input_2_1_6_container, #input_2_1_3, #input_2_1_6, #input_7_1_3_container, #input_7_1_6_container  {
display: flex;
    flex-direction: column;
    align-items: start;
}

label.gform-field-label.gform-field-label--type-sub , .gfield_label.gform-field-label{
color: var(--greenHippo)!important;
padding-left: 5px;
}

/* RGPD valiation texte  */
#gfield_consent_description_1_20, #gfield_consent_description_2_20, #gfield_consent_description_3_20, #gfield_consent_description_7_20 {
  color: var(--greenHippo);
    border: none;
    margin: 0;
}
#gfield_consent_description_1_20 a, #gfield_consent_description_2_20 a, #gfield_consent_description_3_20 a, #gfield_consent_description_7_20 a {
  color: var(--greenHippo);
}
#gform_fields_1_3, #gform_fields_1_2, #gform_fields_7_3, #gform_fields_7_2 {
gap: 5px;
}
/* input nom et prénom et mail et code postale et tél */

#input_1_1_3, #input_1_1_6, #input_1_13, #input_1_21, #input_1_4, #input_2_22, #input_2_1_3, #input_2_1_6, #input_2_13, #input_2_21, #input_2_4, #input_3_22, #input_3_1_3, #input_3_1_6, #input_3_13, #input_3_21, #input_3_4, #input_7_1_3, #input_7_1_6, #input_7_13, #input_7_21, #input_7_4, #input_7_22 {
  border-radius: 50px;
    color: #1e6308;
    font-size: 0.9rem;
    height: 4rem;
    border: var(--greenBlueHippo) 1px solid;
    padding: 11px;
}

/* bouton suivant */
#gform_next_button_1_9, #gform_next_button_1_12, #gform_submit_button_1, #gform_next_button_2_30, #gform_next_button_2_12, #gform_submit_button_2, #gform_submit_button_3, #gform_next_button_3_9, #gform_next_button_3_30, #gform_next_button_2_9, #gform_next_button_3_12, #gform_next_button_7_9, #gform_next_button_7_12, #gform_submit_button_7, #gform_next_button_9_9  {
  width: fit-content;
    display: block;
    margin: auto;
    color: var(--white);
    background: var(--greenHippo);
    border-radius: 27px;
    font-family: 'Inter';
    font-weight: 500;
    transition: .2s ease-in-out;
    text-decoration: none;
    padding: 13px 20px;
    font-size: 11pt;
    width: 45%;
}

#gform_next_button_1_9:active:focus, #gform_next_button_1_12:active:focus, #gform_submit_button_1:active:focus,#gform_previous_button_1_12:active:focus, #gform_previous_button_1:active:focus, #input_1_1_3:active:focus, #input_1_1_6:active:focus, #input_1_13:active:focus, #input_1_21:active:focus, #input_1_4:active:focus, #gform_next_button_2_9:focus, #gform_next_button_2_30:focus, #gform_previous_button_2_30:focus, #gform_previous_button_2:focus, #gform_next_button_2_12:focus, #gform_previous_button_3:focus, #gform_submit_button_3:focus, #gform_next_button_3_9:focus, #gform_next_button_3_30:focus, #gform_previous_button_3_30:focus, #gform_next_button_3_12:focus, #gform_next_button_7_9:active:focus, #gform_next_button_7_12:active:focus, #gform_submit_button_7:active:focus,#gform_previous_button_7_12:active:focus, #gform_previous_button_7:active:focus, #input_7_1_3:active:focus, #input_7_1_6:active:focus, #input_7_13:active:focus, #input_7_21:active:focus, #input_7_4:active:focus {
  border: none;
  box-shadow: none;
  outline: none;
  --gf-local-outline-color: transparent!important;
  --gf-local-border-color: transparent!important;
  --swiper-theme-color: transparent!important;
  --gf-local-shadow: transparent!important;
}

/* bouton précédent  */
#gform_previous_button_1_12, #gform_previous_button_1, #gform_previous_button_2_30, #gform_previous_button_2, #gform_previous_button_2_12, #gform_previous_button_3_30, #gform_previous_button_3_12, #gform_previous_button_3, #gform_previous_button_7_12, #gform_previous_button_7, #gform_previous_button_9 {
  width: fit-content;
    display: block;
    margin: auto;
    color: var(--greenHippo);
    background: var(--white);
    border-radius: 27px;
    font-family: 'Inter';
    font-weight: 400;
    transition: .2s ease-in-out;
    text-decoration: none;
    padding: 13px 20px;
    font-size: 11pt;
    width: 45%;
}
#gform_previous_button_1, #gform_submit_button_1, #gform_previous_button_3, #gform_submit_button_3, #gform_previous_button_7, #gform_submit_button_7 {
  width: 75%;
}

 #gform_next_button_1_9:hover, #gform_next_button_1_12:hover, #gform_submit_button_1:hover, #gform_next_button_2_9:hover, #gform_next_button_2_30:hover, #gform_next_button_2_12:hover, #gform_submit_button_3:hover, #gform_next_button_3_9:hover, #gform_next_button_3_30:hover, #gform_next_button_3_12:hover, #gform_next_button_7_9:hover, #gform_next_button_7_12:hover, #gform_submit_button_7:hover, #gform_next_button_7_9:hover {
    background-color: white;
    color: var(--greenHippo);
    border: 1px var(--greenHippo) solid;
  }

  #gform_previous_button_1_12:hover, #gform_previous_button_1:hover, #gform_previous_button_2_30:hover, #gform_previous_button_2:hover, #gform_previous_button_2_12:hover, #gform_previous_button_3:hover, #gform_previous_button_3_30:hover, #gform_previous_button_3_12,  #gform_previous_button_7_12:hover, #gform_previous_button_7:hover {
    background-color:var(--greenHippo);
    color: white;
    border: 1px var(--greenHippo) solid;
  }

/* erreurs  */
.gform-theme--framework .gform_validation_errors .gform_submission_error, #gform_1_validation_container, .gfield_required, #gform_2_validation_container, #gform_3_validation_container, #gform_7_validation_container {
  display: none!important;
}
#validation_message_1_1, #validation_message_1_13, #validation_message_1_21, #validation_message_1_4, #validation_message_2_22, #validation_message_2_1, #validation_message_2_21, #validation_message_2_13, #validation_message_2_4, #validation_message_3_22, #validation_message_3_1, #validation_message_3_21, #validation_message_3_13, #validation_message_3_4,#validation_message_7_1, #validation_message_7_13, #validation_message_7_21, #validation_message_7_4 {
  width: fit-content;
     font-size: 11px;
    color: #ffffff;
    background: #f30e0e;
    border-radius: 50px;
    padding: 0.5rem;
    font-weight: 700;
    margin-top: -3px;
}
.ginput_container_consent, .gfield_description.instruction.validation_message {
  display: none!important;
}
.gfield_error input, .gfield_error select {
  border: 2px #f30e0e solid!important;
}
.gform-theme--foundation .gform_fields {
    gap: 0 !important;
}

/* formulaire LP CSS DARK GREEN */
.formulairelp.darkgreen {
background-color: var(--greenHippo)!important;
color: var(--white)!important;
}
.formulairelp.darkgreen label.gform-field-label.gform-field-label--type-sub, .formulairelp.darkgreen .gfield_label.gform-field-label {
    color: var(--white)!important;
}
.formulairelp.darkgreen #gform_previous_button_1_12, .formulairelp.darkgreen #gform_previous_button_1, #gform_previous_button_2_12, #gform_previous_button_3, #gform_previous_button_3_12, #gform_previous_button_7, #gform_previous_button_7_12  {
    color: var(--greenHippo);
    background: var(--white);
}
.formulairelp.darkgreen #gform_next_button_1_9, .formulairelp.darkgreen #gform_next_button_1_12, .formulairelp.darkgreen #gform_submit_button_1, .formulairelp.darkgreen #gform_submit_button_3, #gform_next_button_3_9, #gform_next_button_3_30, #gform_next_button_2_9, #gform_next_button_2_30, #gform_next_button_2_12, #gform_submit_button_2, #gform_next_button_3_12, .formulairelp.darkgreen #gform_next_button_7_9, .formulairelp.darkgreen #gform_next_button_7_12, .formulairelp.darkgreen #gform_submit_button_7 , #gform_next_button_7_12{
    color: var(--greenHippo);
    background: var(--greenLightHippo);
}
.formulairelp.darkgreen #gfield_consent_description_1_20, .formulairelp.darkgreen #gfield_consent_description_1_20 a, #gfield_consent_description_3_20 a, #gfield_consent_description_3_20, #gfield_consent_description_2_20, #gfield_consent_description_2_20 a, .formulairelp.darkgreen #gfield_consent_description_7_20, .formulairelp.darkgreen #gfield_consent_description_7_20 a {
    color: var(--white)!important;
}

/* responsive  */
@media screen and (min-width: 768px) {
  .formulairelp {
    padding: 2.5rem 1rem;
  }

  #validation_message_1_1, #validation_message_1_13, #validation_message_1_21, #validation_message_1_4,   #validation_message_7_1, #validation_message_7_13, #validation_message_7_21, #validation_message_7_4 {
    font-size: 9px;
  }
  #gform_next_button_1_9, #gform_next_button_1_12, #gform_submit_button_1, #gform_previous_button_1_12, #gform_previous_button_1, #gform_previous_button_3, #gform_submit_button_3, #gform_next_button_7_9, #gform_previous_button_7_12, #gform_previous_button_7, #gform_previous_button_7, #gform_submit_button_7 {
    width: 75%;
  }
  .gform_description {
    font-size: 18px!important;
    text-transform: uppercase;
  }
  #input_1_1, #input_2_1, #input_7_1 {
    flex-direction: column!important;
    align-items: stretch!important;
  }
  #gfield_consent_description_1_20, #gfield_consent_description_7_20 {
        font-size: 11px;
    padding: 1rem 10px;
  }
}

@media screen and (min-width: 1440px) {
  .formulairelp {
    width: 65%;
    border-radius: 25px;
  }
  #gform_next_button_1_9,#gform_next_button_7_9 {
    width: 40%;
  }
  #gform_next_button_1_12, #gform_submit_button_1, #gform_previous_button_1_12, #gform_previous_button_1, #gform_previous_button_3, #gform_submit_button_3, #gform_previous_button_7_12, #gform_previous_button_7, #gform_submit_button_7 {
    width: 49%;
  }
  .gform_description {
    font-size: 20px!important;
  }
  label.gform-field-label.gform-field-label--type-sub, .gfield_label.gform-field-label {
    padding-left: 10px;
    font-size: 11pt;
  }
}
/* ******************************************************************************************************** */


/* Page de confirmation (Merci)  */
.wp-image-515 {
  border-radius: 20px;
  width: 85%;
    display: block;
    margin: auto;
    margin-top: 1rem;
}
.text-confirmation {
  padding: 0rem 1.8rem;
  font-weight: 400;
    font-family: "inter", sans-serif;
    color: var(--greenHippo);
}
.text-confirmation h1 {
    font-size: 2.1rem;
}

@media screen and (min-width: 1024px) {
.wp-container-core-columns-is-layout-9d6595d7 {
  gap: 0;
  padding: 1rem 5rem;
}
}


@media screen and (min-width: 1265px) {
  .text-confirmation h1 {
      font-size: 3rem;
  }
  .wp-image-515 {
      width: 70%;
  }
}

/* ID pour formulaire LP sélecteur (2) :  */
/* 
#input_2_22 / #input_2_1_3 / #input_2_1_6 / #input_2_13 / #input_2_21 / #input_2_4 / #gfield_consent_description_2_20
#gform_next_button_2_9 / #gform_next_button_2_30 / #gform_previous_button_2_30 / #gform_next_button_2_12 / #gform_previous_button_2_12 / #gform_submit_button_2 / #gform_previous_button_2 */


/* ID pour formulaire LP sélecteur MOBILE (3) :  */
/* 
#input_3_22 / #input_3_22 / #input_3_1_3 / #input_3_1_6 / #input_3_13 / #input_3_21 / #input_3_4 / #gfield_consent_description_3_20 / #gform_3_validation_container
#gform_next_button_3_9 / #gform_next_button_3_30 / #gform_previous_button_3_30 / #gform_next_button_3_12 / #gform_previous_button_3_12 / #gform_submit_button_3 / #gform_previous_button_3 / #validation_message_3_4 /     */



@media screen and (max-width:1024) {
   #input_1_1_3, #input_1_1_6, #input_7_1_3, #input_7_1_6 {
    height: 2.5rem;
   }
#gform_next_button_1_9, #gform_next_button_7_9 {
    padding: 5px 10px;

}
 .formulairelp {
    width: 87%;
 }
 #validation_message_1_1,  #validation_message_7_1 {
       font-size: 10px;
}
}


/* form mobile :  */


@media screen and (max-width:1024px) {
   #input_1_1_3, #input_1_1_6, #input_1_13, #input_1_21, #input_1_4,  #input_7_1_3, #input_7_1_6, #input_7_13, #input_7_21, #input_7_4 {
    height: 2.5rem;
   }
#gform_next_button_1_9, #gform_previous_button_1_12, .formulairelp.darkgreen #gform_next_button_1_12, #gform_next_button_7_9, #gform_previous_button_7_12, .formulairelp.darkgreen #gform_next_button_7_12 {
    padding: 5px 10px;
}
 .formulairelp {
    width: 87%;
 }
 #validation_message_1_1, #validation_message_1_13, #validation_message_1_21, #validation_message_1_4, #validation_message_7_1, #validation_message_7_13, #validation_message_7_21, #validation_message_7_4 {
       font-size: 10px;
}

#gfield_consent_description_1_20, #gfield_consent_description_7_20 {
    padding: 7px 5px;
}
 #gform_submit_button_1, #gform_previous_button_1, #gform_submit_button_7, #gform_previous_button_7 {
    padding: 7px 5px;
 }
}
#field_1_21, #field_7_21 {
    margin-top: 5px;
}



  /* **************** */
  /* FORMULAIRE ID 8 */
  
  .gform-theme--foundation .gform_footer {
 margin-block-start:5px !important;
  }
  #input_8_1_3_container, #input_8_1_6_container {
    display: flex;
    flex-direction: column;
    align-items: start;
  }

  /* RGPD validation texte */
  #gfield_consent_description_8_20 {
    color: var(--greenHippo);
    border: none;
    margin: 0;font-weight: 400;font-family: Arial, Helvetica, sans-serif;font-size: 11px;
  }
  #gfield_consent_description_8_20 a {
    color: var(--greenHippo);
  }
#gform_8 label[for^="input_8_"] {
  font-weight: 500;font-family: Arial, Helvetica, sans-serif;font-size:13px;
}

label[for="input_8_13"], label[for="input_8_4"]{
   padding-top: 8px;
  }

label[for="input_8_21"] {
   padding-top: 4px;
  }

  #gform_fields_8_3, #gform_fields_8_2 {
    gap: 5px;
  }

  /* input nom, prénom, mail, code postal, tél */
  #input_8_1_3, #input_8_1_6, #input_8_13, #input_8_21, #input_8_4, #input_8_22 {
    border-radius: 50px;
    color: #1e6308;
    font-size: 0.7rem;
    height: 3.1rem;;
    border: var(--greenBlueHippo) 1px solid;
    padding: 11px;
    font-weight: 400!important;
      font-family: Arial, Helvetica, sans-serif;
  }

  /* bouton suivant */
  #gform_next_button_8_9, #gform_next_button_8_12, #gform_submit_button_8 {
    width: fit-content;
    display: block;
    margin: auto;
    color: var(--white);
    background: var(--greenHippo);
    border-radius: 27px;
    font-family: 'Inter';
    font-weight: 400;
    transition: .2s ease-in-out;
    text-decoration: none;
    padding: 13px 20px;
    font-size: 11pt;
    width: 45%;
  }

  /* bouton précédent */
  #gform_previous_button_8_12, #gform_previous_button_8 {
    width: fit-content;
    display: block;
    margin: auto;
    color: var(--greenHippo);
    background: var(--white);
    border-radius: 27px;
    font-family: 'Inter';
    font-weight: 400;
    transition: .2s ease-in-out;
    text-decoration: none;
    padding: 13px 20px;
    font-size: 11pt;
    width: 45%;
  }

  #gform_previous_button_8, #gform_submit_button_8 {
    width: max-content;
  }

  #gform_next_button_8_9:active:focus, #gform_next_button_8_12:active:focus, #gform_submit_button_8:active:focus, #gform_previous_button_8_12:active:focus,
  #gform_previous_button_8:active:focus, #input_8_1_3:active:focus, #input_8_1_6:active:focus, #input_8_13:active:focus, #input_8_21:active:focus,
  #input_8_4:active:focus {
    border: none;
    box-shadow: none;
    outline: none;
    --gf-local-outline-color: transparent!important;
    --gf-local-border-color: transparent!important;
    --swiper-theme-color: transparent!important;
    --gf-local-shadow: transparent!important;
  }

  /* hover states */
  #gform_next_button_8_9:hover, #gform_next_button_8_12:hover, #gform_submit_button_8:hover {
    background-color: white;
    color: var(--greenHippo);
    border: 1px var(--greenHippo) solid;
  }

  #gform_previous_button_8_12:hover, #gform_previous_button_8:hover {
    background-color: var(--greenHippo);
    color: white;
    border: 1px var(--greenHippo) solid;
  }

  /* erreurs */
  #gform_8_validation_container {
    display: none!important;
  }

  #validation_message_8_1, #validation_message_8_13, #validation_message_8_21, #validation_message_8_4, #validation_message_8_22 {
    width: fit-content;
    font-size: 11px;
    color: #ffffff;
    background: #f30e0e;
    border-radius: 50px;
    padding: 0.5rem;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin-top: -3px;
  }

  /* dark green variant */
  .formulairelp.darkgreen #gform_previous_button_8_12, .formulairelp.darkgreen #gform_previous_button_8 {
    color: var(--greenHippo);
    background: var(--white);
  }

  .formulairelp.darkgreen #gform_next_button_8_9, .formulairelp.darkgreen #gform_next_button_8_12, .formulairelp.darkgreen #gform_submit_button_8 {
    color: var(--greenHippo);
    background: var(--greenLightHippo);
  }

  .formulairelp.darkgreen #gfield_consent_description_8_20, .formulairelp.darkgreen #gfield_consent_description_8_20 a {
    color: var(--white)!important;
  }

  #field_8_21 {
    margin-top: 5px;
  }

  /* responsive tablet */
  @media screen and (min-width: 768px) {
    #validation_message_8_1, #validation_message_8_13, #validation_message_8_21, #validation_message_8_4 {
      font-size: 9px;
    }
    #gform_next_button_8_9, #gform_next_button_8_12, #gform_submit_button_8, #gform_previous_button_8_12, #gform_previous_button_8 {
      width: 75%;
    }
    #input_8_1 {
      flex-direction: column!important;
      align-items: stretch!important;
    }
    #gfield_consent_description_8_20 {
      font-size: 11px;
      padding: 1rem 10px;
    }
  }

  /* responsive desktop */
  @media screen and (min-width: 1440px) {
    #gform_next_button_8_9 {
      width: 40%;
    }
    #gform_next_button_8_12, #gform_submit_button_8, #gform_previous_button_8_12, #gform_previous_button_8 {
      width: 49%;
    }
  }

  /* responsive mobile */
  @media screen and (max-width: 1024px) {
    #input_8_1_3, #input_8_1_6, #input_8_13, #input_8_21, #input_8_4 {
      height: 2.5rem;
    }
    #gform_next_button_8_9, #gform_previous_button_8_12, .formulairelp.darkgreen #gform_next_button_8_12 {
      padding: 5px 10px;
    }
    #validation_message_8_1, #validation_message_8_13, #validation_message_8_21, #validation_message_8_4 {
      font-size: 10px;
    }
    #gfield_consent_description_8_20 {
      padding: 7px 5px;
    }
    #gform_submit_button_8 {
      padding: 7px 15px;
    }
    
    #gform_previous_button_8 {
      padding: 7px 5px;
    }
    #gform_8 label[for^="input_8_"] {
  font-weight: 400;
}
  }