.hubspot-grader-form-container{
  max-width: 930px !important;
  margin: 20px auto 20px 0 !important;
  background-color: white;
  box-shadow: 10px 64px 104px rgb(0 0 0 / 25%);
  padding: 40px 60px !important;
  border-bottom: 5px solid #fc7e00;
}


.hubspot-grader-form__header h1{
  /*color: #132230;*/
  font-family: inherit !important;
  font-size: 48px  !important;
  font-weight: 800 !important;
  line-height: 62px !important;
  letter-spacing: 0em;
  text-align: left;
}

.hubspot-grader-form__header h2.subtitle{
  /*color: #000000;*/
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 42px !important;
  letter-spacing: 0em;
  margin-left: 0 !important;
  margin-top: 15px !important;
  text-align: left !important;
}

.hubspot-grader-form__header:not(:first-child){
  display: none;
}

.hubspot-grader-form-container form .input{
  border: 1px solid rgba(0, 0, 0, 0.17);
  padding: 8px 0;
}

.hubspot-grader-form-container form .input input{
  font-family: inherit !important;
  /* ont-family: Open Sans; */
  border-bottom: none !important;
}

.hubspot-grader-form-container form .input input::placeholder{
  /* font-family: Open Sans;  */
  font-family: inherit !important;
}

.hs_grader_consent_to_communicate .input{
  border: none !important;
}

.hs_grader_consent_to_communicate .input li label{
  column-gap: 15px;
  display: flex;
}

.hs_grader_consent_to_communicate .input li label span{
  color: #000000;
  font-family: inherit !important;
  /* font-family: Open Sans; */
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  letter-spacing: 0.05em;
  text-align: left;
  width: 100%;
}

.hubspot-grader-form-container .hs-input[type='checkbox'],
.hubspot-grader-form-container .hs-input[type='radio']{
  width: 25px !important;
  height: 25px !important;
}

.hubspot-grader-form-container form .hs_email label,
.hubspot-grader-form-container form .hs_grader_website label{
  opacity: 0;
}

/*
.hubspot-grader-form-container form .actions{
  text-align: left !important;
}
*/

.hubspot-grader-form-container form .actions input{
  box-shadow: none !important;
  color: #fbfbfb !important;
  font-family: inherit !important;
  /* font-family: Inter,sans-serif !important; */
  font-size: 22px !important;
  font-weight: 700;
  line-height: 33px !important;
  /* letter-spacing: 0.05em; */
  text-align: left;
  padding: 10px 35px;
  border-radius: 0.3em;
  background: #FC7E00 !important;
  border-color: #FC7E00 !important;

}

.hubspot-grader-form-container .hubspot-grader-form__powered-by{
  display: none;
}

.hubspot-grader-form-container .hubspot-grader-form__header .subtitle{
  max-width: 850px !important;
  width: 100% !important;

  /* I added this bloc of code (JP) */
@media (min-width: 320px) and (max-width: 991px) {
  
  .hubspot-grader-form-container{
  padding: 10px 10px !important;
 }
}