.webform-submission-form {
    max-width: var(--max-width);
    margin: 0 auto;
   padding: 40px 20px;
}

#webform-submission-apprenticeship-enquiry-add-form,
#webform-submission-callback-request-add-form,
#webform-submission-booking-form-add-form,
#webform-submission-callback-request-form,
#webform-submission-contact-add-form {
    padding: 20px;
}

.webform-submission-form * {
    font-size: 1.2rem;
}

.webform-submission-form textarea,
.webform-submission-form input {
    padding: 15px;
}

.webform-submission-form .form-type-email,
.webform-submission-form .form-type-textfield {
  position: relative;
  display: inline-block;
  max-width: calc(100vw - 50px);
}

.webform-submission-form .form-type-email input,
.webform-submission-form .form-type-textfield input {
    width: 100%;
}
.webform-submission-form .form-type-email:has(.required)::after,
.webform-submission-form .form-type-textfield:has(.required)::after {
  content: '*';
  color: red;
  position: absolute;
  /* Adjust these to sit where you want the asterisk */
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  pointer-events: none;
}

/* Hide the asterisk once the user has typed something */
.webform-submission-form .form-type-email input:not(:placeholder-shown) + *,
.webform-submission-form .form-type-textfield input:not(:placeholder-shown) + *,
.webform-submission-form .form-type-email:has(input:not(:placeholder-shown))::after,
.webform-submission-form .form-type-textfield:has(input:not(:placeholder-shown))::after {
  display: none;
}


.webform-submission-form input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    transform: scale(1.5);
    margin-right: 8px;
    margin-top: -3px;
    accent-color: #937a97;
}


.webform-submission-form #edit-submit,
.webform-submission-form #edit-actions-submit {
    display: inline-block;
    margin: 0 auto;
    font-size: 1.3rem;
    padding: 1rem 3rem;
    color: var(--white) !important;
    border-radius: 5px;
    border-bottom: none !important;
    transition: background-color .3s;
    transition: all .3s;
    background-color: var(--offblack);
    border: none;
    margin-top: 40px;
}
.webform-submission-form #edit-submit:hover,
.webform-submission-form #edit-actions-submit:hover{
	background-color: var(--dark-main);
	cursor: pointer;
}