/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/



body > div.body-wrapper.banner-fix.hs-content-id-112744432613.hs-landing-page.hs-page > main > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-9.dnd_area-row-1-padding.dnd_area-row-1-max-width-section-centering.dnd-section > div > div {
border-radius: 10px;
    background: #0A335B;
    backdrop-filter: blur(30px);
}

.row-number-10 form  h3 {
  font-family: 'NexaBold';
    position: absolute;
    top: 37.5px;
  color: var(--HCLSW-Alias-Grayscale-N0-White, #FFF);
font-size: 23.806px;
font-style: normal;
font-weight: 700;
line-height: 28.482px; /* 119.643% */
}
h3.form-title {
background:none;
  box-shadow:none;
  padding:0px;
}
.row-number-10 form {
  padding:0px;


background:#0A335B; !important;
  border:none !important;
  box-shadow:none !important;
}




body > div.body-wrapper.banner-fix.hs-content-id-112744432613.hs-landing-page.hs-page > main > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-9.dnd_area-row-1-padding.dnd_area-row-1-max-width-section-centering.dnd-section > div {
position:relative;
}
body > div.body-wrapper.banner-fix.hs-content-id-112744432613.hs-landing-page.hs-page > main > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-9.dnd_area-row-1-padding.dnd_area-row-1-max-width-section-centering.dnd-section > div > div {
position:absolute;
  max-width:1440px;
  top:-160px;
  
}

body > div.body-wrapper.banner-fix.hs-content-id-112744432613.hs-landing-page.hs-page > main > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-9.dnd_area-row-1-padding.dnd_area-row-1-max-width-section-centering.dnd-section > div > div {
padding:32px 32px;
}


.row-number-10 form .field input {
      opacity: 0.7;
  height: 56px;
padding: 16px;
border-radius: 4px;
border:solid 1px #FFF;
background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(15px);
color: var(--HCLSW-Alias-Grayscale-N0-White, #FFF);
font-family: Inter !important; 
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 20px; /* 125% */
}
.row-number-10 form .hs-button,.row-number-10 form .hs-button:hover,.row-number-10 form .hs-button:active {
font-family: Inter !important;

  color: var(--HCLSW-Alias-Grayscale-N1-Header---Black, #000);
display: flex;
height: 56px;
padding: 12px 24px 12px 34px;
justify-content: center;
align-items: center;
border-radius: 4px;
background: #FFF;
}

.row-number-10 form .field label {
  text-transform:none;
  color: var(--HCLSW-Alias-Grayscale-N0-White, #FFF);
font-feature-settings: 'liga' off, 'clig' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */
margin-bottom:16px;

}
.row-number-10 form .field span  {
color: var(--HCLSW-Alias-Grayscale-N0-White, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */

}
.row-number-10 form .hs-button,
.row-number-10 form .hs-button:hover {
    padding: 0px !important;
    width: 100%;
    background-image: url('https://145116086.fs1.hubspotusercontent-eu1.net/hubfs/145116086/Forward%20Arrow.svg');
    background-repeat: no-repeat;
    background-position: 88% 50%;
    background-size: 18px; /* Adjust size of the icon */
    text-transform:none;
}

.row-number-10 form .hs-button:hover,.row-number-10 form .hs-button:focus {
    background-image: url('https://145116086.fs1.hubspotusercontent-eu1.net/hubfs/145116086/Forward%20Arrow-1.svg') !important;
    border-radius: 4px;
    border: 1px solid #FFF;
    background-color: rgba(255, 255, 255, 0.50);
    color: white;
}



.hs-form-required {
color:white !important;
}



#thank_you_message  span svg {
  margin-right:10px;
display: flex;
width: 18px;
height: 18px;
padding: 3.6px;
justify-content: center;
align-items: center;
  border-radius: 18px;
background: var(--HCLSW-Alias-Success-Default-Weak, #A6F787);
  
}
#thank_you_message  span {
  margin-bottom:32px;
  border-radius: 1px;
    background: rgba(255, 255, 255, 0.10);
  padding: 8px 10px;
  width:fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
  color: var(--HCLSW-Alias-Success-Default-Weak, #A6F787);
font-feature-settings: 'liga' off, 'clig' off;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 18px; /* 128.571% */
  
}

#thank_you_message h4  {
  margin-bottom:16px;
display: flex;
    flex-direction: column;
    color: var(--HCLSW-Alias-Grayscale-N0-White, #FFF);
    font-family: "Space Grotesk";
    font-size: 23.806px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}
#thank_you_message {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#thank_you_message p{
color: var(--HCLSW-Alias-Grayscale-N0-White, #FFF);
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 26px; /* 162.5% */
  margin-bottom:0px;
}




.row-number-10 .input {
background:none;
}


@media screen and (min-width: 1101px) {
  .row-number-10 .hs_niveau_bac ul.hs-error-msgs {
  order:1;
  }
    .row-number-10 .hs_niveau_bac > label {
  order:2;
  }
    .row-number-10 .hs_niveau_bac .input {
  order:3;
  }
  .row-number-10 form .field input[type=checkbox] {
  padding:10px !important;
  } 
  .row-number-10 .hs_niveau_bac *,.row-number-10 .hs_niveau_bac {
  margin-bottom:0px !important;
  margin-top:0px !important;
  }
  .row-number-10 .hs_niveau_bac {
  display:flex;
    align-items:center;
    gap:15px;
  }
    .row-number-10 .hs_niveau_bac label {
    display:flex;
  }
  .row-number-10 .hs_niveau_bac label span {
    display:inline-block;
  width:max-content;
  }
  .row-number-10 form .hs-button,.row-number-10 form .hs-button:hover,.row-number-10 form .hs-button:active { 
    margin-top:36px;
  }
  .row-number-10 form {
    align-items:start;
  display:flex;
  justify-content:space-between;
  margin-top:68.5px;
    flex-wrap: wrap;
  }
  .row-number-10 form .hs_niveau_bac .input {
  width:fit-content;
  }
  .row-number-10 form .hs_niveau_bac {
      flex: 1 1 100%;
    order: 2;
    flex-direction: row-reverse;
    justify-content: start;
  }
.row-number-10 form .field,.row-number-10 div.hs_submit.hs-submit{
width:19% !important;
}
}

@media screen and (max-width: 480px) {
  .row-number-10 .hs_niveau_bac ul.hs-error-msgs {
  order:3;
  }
    .row-number-10 .hs_niveau_bac > label {
  order:1;
  }
    .row-number-10 .hs_niveau_bac .input {
  order:2;
      width:fit-content;
  }
  .row-number-10 form .field input[type=checkbox] {
  padding:10px !important;
  } 
  .row-number-10 .hs_niveau_bac *,.row-number-10 .hs_niveau_bac {
  margin-bottom:0px !important;
  margin-top:0px !important;
  }
  .row-number-10 .hs_niveau_bac {
  display:flex;
    align-items:center;
    gap:15px;
    margin-top: 30px !important;
    flex-wrap: wrap;
  }
    .row-number-10 .hs_niveau_bac label {
    display:flex;
  }
  .row-number-10 .hs_niveau_bac label span {
    display:inline-block;
  width:max-content;
  }
    .row-number-10 form .field input[type=checkbox] {
  padding:10px !important;
  } 
  .row-number-10 form h3 {
  top:16px !important;
    font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 26px; /* 130% */
  }

  body > div.body-wrapper.banner-fix.hs-content-id-112744432613.hs-landing-page.hs-page > main > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-9.dnd_area-row-1-padding.dnd_area-row-1-max-width-section-centering.dnd-section > div > div {
    display:flex;
    padding:34px 16px 16px 16px !important;
    top:-150px !important;
    width:100%;
    height:700px;
    align-items:center;
  }
  #hsForm_9eadd5a8-cc68-43ed-8055-9484918471ae_6279 > div.hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field,#hsForm_9eadd5a8-cc68-43ed-8055-9484918471ae_6279 > div.hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field{
  display:flex;
      flex-direction: column;
    align-items: center;
  }
  
.hs_lastname,
.hs_firstname {
    width: 48%; /* Set width to 45% */
    float: left; /* Align the divs next to each other */
    box-sizing: border-box; /* Include padding and border in the width */
    margin-right: 4%; /* Add space between the columns */
}

.hs_firstname {
    margin-right: 0; /* Remove the margin from the second column to avoid overflow */
}
  
  .row-number-10 form .field label span {
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
  
  }
  
  .row-number-10 .hs_email,
.row-number-10  .hs_phone,
  .row-number-10 .hs_submit {
    
  margin-top:24px;
    margin-bottom:0px;
  }
  .row-number-10 form .field input {
  height:44px;
  }
}




@media screen and (min-width:481px) and (max-width:1100px) {
 .row-number-10 .hs_niveau_bac ul.hs-error-msgs {
  order:3;
  }
    .row-number-10 .hs_niveau_bac > label {
  order:1;
  }
    .row-number-10 .hs_niveau_bac .input {
  order:2;
      width:fit-content;
  }
  .row-number-10 form .field input[type=checkbox] {
  padding:10px !important;
  } 
  .row-number-10 .hs_niveau_bac *,.row-number-10 .hs_niveau_bac {
  margin-bottom:0px !important;
  margin-top:0px !important;
  }
  .row-number-10 .hs_niveau_bac {
  display:flex;
    align-items:center;
    gap:15px;
    margin-top: 30px !important;
    margin-bottom:30px !important;
    flex-wrap: wrap;
    
  }
    .row-number-10 .hs_niveau_bac label {
    display:flex;
  }
  .row-number-10 .hs_niveau_bac label span {
    display:inline-block;
  width:max-content;
  }
    .row-number-10 form .field input[type=checkbox] {
  padding:10px !important;
  } 
    .row-number-10 form .field input[type=checkbox] {
  padding:10px !important;
  } 
body > div.body-wrapper.banner-fix.hs-content-id-112744432613.hs-landing-page.hs-page > main > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-9.dnd_area-row-1-padding.dnd_area-row-1-max-width-section-centering.dnd-section > div > div {
width:100% !important;
padding:80px 16px 16px 16px;}
}