#yal-generic-form {
  background: #1A3E66;
  background-image: url('../images/yal-generic-form-bg.webp');
  background-size: cover;
  background-attachment: fixed;
  background-position: right top;
  background-repeat: no-repeat;
  margin: 0;
  padding-top: 95px;
  padding-bottom: 145px;
}

#yal-generic-form.style-2 {
  background-image: url('../images/yal-generic-form-bg-2.webp');
}

#yal-generic-form .gform_wrapper {
  max-width: calc(min(694px, 90%));
  margin: 0 auto;
  margin-top: 1rem;
  padding: 0;
}

#yal-generic-form .gform_wrapper .gform_heading {
  background: #F9CD15;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

#yal-generic-form .gform_wrapper .gform_heading .gform_title {
  color: #231F20;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}
#yal-generic-form .gform_wrapper .gform_heading .gform_description,
#yal-generic-form .gform_wrapper .gform_heading .gform_required_legend {
  display: none;
}


#yal-generic-form .gform_wrapper .gform_body {
  background-color: #fff;
  padding: 43px 95px;
  padding-bottom: 1rem;
}

#yal-generic-form .gform_wrapper .gform_body .gform_fields {
  gap: 16px;
}

#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield .gfield_label,
#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield--type-html p,
#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield--type-checkbox .gchoice .gform-field-label,
#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield--type-address .gform-field-label {
  color: #040404;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-style: normal;
  font-weight: 400;
}
#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield--type-address .gfield_label {
  font-weight: 600;
}

#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
  color: #C02B0A;
}

#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield--type-section {
  margin-top: 20px;
  margin-bottom: 20px;
}

#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield--type-section .gsection_title {
  color: #040404;
  font-family: "Montserrat", sans-serif;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0;
}

#yal-generic-form .gform_wrapper .gform_body .gform_fields input:not([type=radio]),
#yal-generic-form .gform_wrapper .gform_body .gform_fields textarea {
  border-radius: 4px;
  border: 1px solid #ABABAB;
  background: #FFF;
  color: #0F172A;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield--type-total {
  margin: 20px 0;
}

#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield--type-total input {
  color: #040404;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: none;
}

#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield--type-stripe_creditcard {
  margin: 20px 0;
}

#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield--type-checkbox {
  margin: 20px 0;
}
#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield--type-checkbox .gfield_label {
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield--type-select .ginput_container_select select,
#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield--type-address .ginput_container_address .ginput_address_country select {
  background-color: #FFF;
  border-radius: 4px;
  border: 1px solid #ABABAB;
  color: #ABABAB;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
}

#yal-generic-form .gform_wrapper .gform_body .gform_fields input::placeholder,
#yal-generic-form .gform_wrapper .gform_body .gform_fields textarea::placeholder {
  color: #ABABAB;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#yal-generic-form  .registration-consent {
  display: flex;
  flex-direction: column;
  padding: 1.3rem;
  overflow: auto;
  border: 1px solid #ababab;
  border-radius: 4px;
  height: 170px;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  gap: 1rem;
}

#yal-generic-form  .registration-consent::-webkit-scrollbar {
  width: 6px;
}

#yal-generic-form  .registration-consent::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px white;
  border-radius: 10px;
}

#yal-generic-form  .registration-consent::-webkit-scrollbar-thumb {
  background: #D9D9D9;
  border-radius: 10px;
}

#yal-generic-form .registration-consent strong {
  color: #040404;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}

#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield--type-html p:last-child {
  margin: 0;
}

#yal-generic-form .registration-consent p,
#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield--type-html .agree-terms-conditions p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 21px;
}

#yal-generic-form .gform_wrapper .gform_body .gform_fields .gfield--type-html .agree-terms-conditions p {
  margin-bottom: 1rem;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #C02B0A;
}

#yal-generic-form .gform_footer {
  background: #FFF;
  margin: 0;
  padding-bottom: 64px;
  padding-top: 36px;
}

#yal-generic-form .gform_footer .gform_button {
  background: #F9CD15;
  border-radius: 4px;
  color: #231F20;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.54px;
  padding: 13px 56px;
  max-width: 100%;
  width: 506px;
  margin: 0 auto;
}

#yal-generic-form .gform_footer .gform_button:hover {
  background: #aab95f;
}

#yal-generic-form .gform_wrapper .gform_validation_errors {
  background: #FFF;
  margin-bottom: 16px;
}

#yal-generic-form .gform_wrapper .gform_validation_errors .gform_submission_error {
  margin: 0;
}

#yal-generic-form .gform_wrapper .gform_validation_errors ol {
  display: none;
}

@media (max-width: 768px) {
  #yal-generic-form .gform_wrapper .gform_body {
    padding: 2rem;
  }

  #yal-generic-form .gform_footer {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (max-width: 560px) {
  #yal-generic-form, #yal-generic-form.style-2 {
    background-image: none;
    background-color: #1A3E66;
  }

  #yal-generic-form {
    padding-top: 0;
    padding-bottom: 0;
  }
  
  #yal-generic-form .gform_wrapper {
    max-width: 100vw;
    width: 100vw;
    margin: 0;
    padding: 0;
    margin-left: -35px;
  }
}