/**
 * @file
 * Online job application form styles.
 */

.mc-job-apply {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 0 16px 64px;
}

.mc-job-apply__page-header {
  justify-content: center;
  margin-bottom: 48px;
}

.mc-job-apply__card {
  width: 100%;
  background: #fff;
  border-radius: 16px;
  box-shadow: none;
  overflow: hidden;
}

.mc-job-apply__header {
  padding: 40px;
  border-bottom: 1px solid #E2E2E2;
}

.mc-job-apply__title {
  margin: 0 0 33px;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 700;
  color: #00735F;
}

.mc-job-apply__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
}

.mc-job-apply__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 18px;
  line-height: 1.4;
  color: #000;
}

.mc-job-apply__meta-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-color: #FA6D31;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.mc-job-apply__meta-item--department .mc-job-apply__meta-icon {
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.75' y='1.75' width='6.6' height='6.6' rx='3.3' stroke='%23FA6D31' stroke-width='1.5'/%3E%3Crect x='1.75' y='11.6499' width='6.6' height='6.6' rx='3.3' stroke='%23FA6D31' stroke-width='1.5'/%3E%3Crect x='11.6504' y='1.75' width='6.6' height='6.6' rx='3.3' stroke='%23FA6D31' stroke-width='1.5'/%3E%3Crect x='11.6504' y='11.6499' width='6.6' height='6.6' rx='3.3' stroke='%23FA6D31' stroke-width='1.5'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.75' y='1.75' width='6.6' height='6.6' rx='3.3' stroke='%23FA6D31' stroke-width='1.5'/%3E%3Crect x='1.75' y='11.6499' width='6.6' height='6.6' rx='3.3' stroke='%23FA6D31' stroke-width='1.5'/%3E%3Crect x='11.6504' y='1.75' width='6.6' height='6.6' rx='3.3' stroke='%23FA6D31' stroke-width='1.5'/%3E%3Crect x='11.6504' y='11.6499' width='6.6' height='6.6' rx='3.3' stroke='%23FA6D31' stroke-width='1.5'/%3E%3C/svg%3E");
}

.mc-job-apply__meta-item--type .mc-job-apply__meta-icon {
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_119_1432)'%3E%3Cpath d='M10.0007 19.1668C15.0633 19.1668 19.1673 15.0628 19.1673 10.0002C19.1673 4.93755 15.0633 0.833496 10.0007 0.833496C4.93804 0.833496 0.833984 4.93755 0.833984 10.0002C0.833984 15.0628 4.93804 19.1668 10.0007 19.1668Z' stroke='%23FA6D31' stroke-width='1.5'/%3E%3Cpath d='M14.8529 10.0001H10.2696C10.1981 10.0001 10.1295 9.97169 10.079 9.92113C10.0284 9.87057 10 9.80199 10 9.73049V6.22559' stroke='%23FA6D31' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_119_1432'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_119_1432)'%3E%3Cpath d='M10.0007 19.1668C15.0633 19.1668 19.1673 15.0628 19.1673 10.0002C19.1673 4.93755 15.0633 0.833496 10.0007 0.833496C4.93804 0.833496 0.833984 4.93755 0.833984 10.0002C0.833984 15.0628 4.93804 19.1668 10.0007 19.1668Z' stroke='%23FA6D31' stroke-width='1.5'/%3E%3Cpath d='M14.8529 10.0001H10.2696C10.1981 10.0001 10.1295 9.97169 10.079 9.92113C10.0284 9.87057 10 9.80199 10 9.73049V6.22559' stroke='%23FA6D31' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_119_1432'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.mc-job-apply__meta-item--location .mc-job-apply__meta-icon {
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.75C11.9102 0.749904 13.743 1.50385 15.1006 2.84766C16.3733 4.10763 17.1317 5.7909 17.2373 7.57031L17.25 7.92773C17.2466 10.3907 15.6479 13.1065 13.8701 15.3291C12.9963 16.4215 12.1098 17.3574 11.4199 18.0361C11.0754 18.3751 10.7813 18.6486 10.5645 18.8438C10.456 18.9413 10.3677 19.0186 10.3027 19.0742C10.2354 19.1318 10.2053 19.1565 10.2031 19.1582L10.1816 19.1729L10.1621 19.1904C10.1169 19.2289 10.0594 19.25 10 19.25C9.95545 19.25 9.91204 19.238 9.87402 19.2158L9.83789 19.1904C9.67742 19.0514 7.89283 17.5025 6.14746 15.3281C4.36241 13.1042 2.75338 10.3891 2.75 7.92773C2.7691 6.01759 3.54098 4.19163 4.89844 2.84766C6.17112 1.5877 7.86222 0.846495 9.64258 0.758789L10 0.75Z' stroke='%23FA6D31' stroke-width='1.5'/%3E%3Ccircle cx='9.99999' cy='7.99999' r='2.24999' stroke='%23FA6D31' stroke-width='1.5'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.75C11.9102 0.749904 13.743 1.50385 15.1006 2.84766C16.3733 4.10763 17.1317 5.7909 17.2373 7.57031L17.25 7.92773C17.2466 10.3907 15.6479 13.1065 13.8701 15.3291C12.9963 16.4215 12.1098 17.3574 11.4199 18.0361C11.0754 18.3751 10.7813 18.6486 10.5645 18.8438C10.456 18.9413 10.3677 19.0186 10.3027 19.0742C10.2354 19.1318 10.2053 19.1565 10.2031 19.1582L10.1816 19.1729L10.1621 19.1904C10.1169 19.2289 10.0594 19.25 10 19.25C9.95545 19.25 9.91204 19.238 9.87402 19.2158L9.83789 19.1904C9.67742 19.0514 7.89283 17.5025 6.14746 15.3281C4.36241 13.1042 2.75338 10.3891 2.75 7.92773C2.7691 6.01759 3.54098 4.19163 4.89844 2.84766C6.17112 1.5877 7.86222 0.846495 9.64258 0.758789L10 0.75Z' stroke='%23FA6D31' stroke-width='1.5'/%3E%3Ccircle cx='9.99999' cy='7.99999' r='2.24999' stroke='%23FA6D31' stroke-width='1.5'/%3E%3C/svg%3E");
}

.mc-job-apply__body {
  padding: 40px;
}

.mc-job-apply__closed {
  padding: 24px;
  border-radius: 16px;
  background: #faf6f0;
  text-align: center;
}

.mc-job-apply__closed-message {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: #515151;
}

.mc-job-apply__success {
  padding: 32px 24px;
  border-radius: 16px;
  background: #f5fbf3;
  border: 1px solid #1a7f71;
  text-align: center;
}

.mc-job-apply__success-message {
  margin: 0;
  font-size: 18px;
  line-height: 1.65;
  font-weight: 600;
  color: #156b60;
  white-space: pre-line;
}


.mc-job-apply__dropzone.is-disabled {
  pointer-events: none;
  opacity: 0.65;
  cursor: not-allowed;
}

/* Form layout */
.mc-job-apply__form,
.mc-job-apply__form-inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.mc-job-apply__section {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: 40px;
  border-top: 1px solid #E2E2E2;
}

.mc-job-apply__section--first {
  padding-top: 0;
  border-top: 0;
}

.mc-job-apply__section-title {
  margin: 0;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

.mc-job-apply__section-title--required::after {
  content: "*";
  margin-left: 2px;
  color: #c0392b;
}

.mc-job-apply__section-description {
  font-size: 14px;
  line-height: 1.5;
  color: #666;
  margin-bottom: 0px;
}

.mc-job-apply__section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.mc-job-apply__section-header .mc-job-apply__section-title {
  flex: 1 1 auto;
  margin: 0;
}

.mc-job-apply__multi-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mc-job-apply__multi-item {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 30px;
  padding: 20px;
  border-radius: 6px;
  background: #F5F5F5;
}

.mc-job-apply__multi-item--3col {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mc-job-apply__multi-item .mc-job-apply__field--full,
.mc-job-apply__multi-item-actions {
  grid-column: 1 / -1;
}

.mc-job-apply__multi-item-actions {
  display: flex;
  justify-content: flex-end;
}

.mc-job-apply__multi-add,
.mc-job-apply__multi-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 26px;
  padding: 3px 10px 3px 5px;
  border: 0;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  box-sizing: border-box;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.mc-job-apply__multi-add:hover,
.mc-job-apply__multi-add:focus,
.mc-job-apply__multi-remove:hover,
.mc-job-apply__multi-remove:focus {
  text-decoration: none;
}

.mc-job-apply__multi-add {
  flex-shrink: 0;
  background: #D5EDBB;
  color: #222;
  box-shadow: inset 0 0 0 1px rgba(26, 127, 113, 0.18);
}

.mc-job-apply__multi-add:hover,
.mc-job-apply__multi-add:focus {
  background: #dff0d8;
  outline: none;
}

.mc-job-apply__multi-add:focus-visible {
  box-shadow: 0 0 0 3px rgba(26, 127, 113, 0.2);
}

.mc-job-apply__multi-remove {
  background: #E64A24;
  color: #fff;
}

.mc-job-apply__multi-remove:hover,
.mc-job-apply__multi-remove:focus {
  background: #b8563f;
  outline: none;
}

.mc-job-apply__multi-remove:focus-visible {
  box-shadow: 0 0 0 3px rgba(201, 101, 74, 0.28);
}

.mc-job-apply__multi-remove[hidden],
.mc-job-apply__multi-remove--hidden {
  display: none !important;
}

.mc-job-apply__multi-add-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #1a7f71;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6; 
}

.mc-job-apply__multi-remove-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  color: #c9654a;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.mc-job-apply__multi-add-label,
.mc-job-apply__multi-remove-label {
  display: inline-block;
}

.mc-job-apply__multi-group-error {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #c0392b;
}

.mc-job-apply__section--multi.is-invalid .mc-job-apply__multi-group-error[hidden] {
  display: block;
}

.mc-job-apply__form.is-submitting .mc-job-apply__multi-add,
.mc-job-apply__form.is-submitting .mc-job-apply__multi-remove {
  opacity: 0.65;
  cursor: not-allowed;
}

.mc-job-apply__row {
  display: grid;
  gap: 16px 30px;
}

.mc-job-apply__row--3col {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mc-job-apply__row--2col {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mc-job-apply__field {
  margin: 0;
}

.mc-job-apply__field--full {
  width: 100%;
}

.mc-job-apply__field .form-item label,
.mc-job-apply__field > label {
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #3e3e3e;
}

.mc-job-apply__field .form-required::after {
  content: "*";
  margin-left: 2px;
  color: #c0392b;
}

.mc-job-apply__input,
.mc-job-apply__textarea,
.mc-job-apply__field input[type="text"],
.mc-job-apply__field input[type="email"],
.mc-job-apply__field input[type="tel"],
.mc-job-apply__field input[type="date"],
.mc-job-apply__field textarea {
  width: 100%;
  height: 45px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  line-height: 1.4;
  color: #333;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mc-job-apply__textarea,
.mc-job-apply__field textarea {
  min-height: 108px;
  resize: vertical;
}

.mc-job-apply__field--date .form-item,
.mc-job-apply__field--date.form-item {
  position: relative;
}

.mc-job-apply__date,
.mc-job-apply__field--date input[type="date"] {
  position: relative;
  min-height: 42px;
  padding-right: 44px;
}

.mc-job-apply__field--date input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 100%;
  margin: 0;
  padding: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  cursor: pointer;
  opacity: 1;
}

.mc-job-apply__input:focus,
.mc-job-apply__textarea:focus,
.mc-job-apply__field input:focus,
.mc-job-apply__field textarea:focus {
  outline: none;
  border-color: #1a7f71;
  box-shadow: 0 0 0 3px rgba(26, 127, 113, 0.15);
}

.mc-job-apply__field.is-invalid .mc-job-apply__input,
.mc-job-apply__field.is-invalid .mc-job-apply__textarea,
.mc-job-apply__field.is-invalid input,
.mc-job-apply__field.is-invalid textarea,
.mc-job-apply__upload-wrap.is-invalid .mc-job-apply__dropzone {
  border-color: #c0392b;
}

.mc-job-apply__field.is-invalid .mc-job-apply__input:focus,
.mc-job-apply__field.is-invalid .mc-job-apply__textarea:focus,
.mc-job-apply__field.is-invalid input:focus,
.mc-job-apply__field.is-invalid textarea:focus {
  border-color: #c0392b;
  box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.15);
}

.mc-job-apply__error {
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.4;
  color: #c0392b;
}

.mc-job-apply__upload-wrap.is-invalid .mc-job-apply__error {
  margin-top: 12px;
}

.mc-job-apply__checkbox.is-invalid .form-checkbox {
  border-color: #c0392b;
}

/* Resume upload */
.mc-job-apply__upload-wrap {
  position: relative;
}

.mc-job-apply__file-input-wrap {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.mc-job-apply__dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  padding: 28px 24px;
  border: 0;
  border-radius: 8px;
  background: #FCF9F2;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.mc-job-apply__dropzone:hover,
.mc-job-apply__dropzone:focus,
.mc-job-apply__dropzone.is-dragover {
  border-color: #1a7f71;
  background: #F3FAEE;
  outline: none;
}

.mc-job-apply__dropzone.is-filled {
  box-shadow: inset 0 0 0 1px #1a7f71;
}

.mc-job-apply__dropzone-icon {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Crect x='12.7988' y='14.4004' width='16' height='16' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.33398 8.33333C3.33398 7.44928 3.68517 6.60143 4.31029 5.97631C4.93542 5.35119 5.78326 5 6.66732 5H15.8673C16.3669 5.00006 16.8601 5.11243 17.3105 5.3288C17.7608 5.54516 18.1567 5.85999 18.469 6.25L20.8023 9.16667H33.334C34.218 9.16667 35.0659 9.51786 35.691 10.143C36.3161 10.7681 36.6673 11.6159 36.6673 12.5V31.6667C36.6673 32.5507 36.3161 33.3986 35.691 34.0237C35.0659 34.6488 34.218 35 33.334 35H6.66732C5.78326 35 4.93542 34.6488 4.31029 34.0237C3.68517 33.3986 3.33398 32.5507 3.33398 31.6667V8.33333ZM18.8223 16.955C19.1349 16.6425 19.5587 16.467 20.0007 16.467C20.4426 16.467 20.8664 16.6425 21.179 16.955L24.714 20.49C24.8732 20.6437 25.0001 20.8277 25.0875 21.031C25.1748 21.2343 25.2208 21.453 25.2227 21.6743C25.2247 21.8956 25.1825 22.1151 25.0987 22.3199C25.0149 22.5248 24.8911 22.7108 24.7346 22.8673C24.5782 23.0238 24.3921 23.1476 24.1872 23.2314C23.9824 23.3152 23.7629 23.3573 23.5416 23.3554C23.3204 23.3535 23.1017 23.3075 22.8983 23.2202C22.695 23.1328 22.5111 23.0058 22.3573 22.8467L21.6673 22.1567V26.6667C21.6673 27.1087 21.4917 27.5326 21.1792 27.8452C20.8666 28.1577 20.4427 28.3333 20.0007 28.3333C19.5586 28.3333 19.1347 28.1577 18.8221 27.8452C18.5096 27.5326 18.334 27.1087 18.334 26.6667V22.1567L17.644 22.8467C17.4902 23.0058 17.3063 23.1328 17.103 23.2202C16.8997 23.3075 16.681 23.3535 16.4597 23.3554C16.2384 23.3573 16.0189 23.3152 15.8141 23.2314C15.6092 23.1476 15.4231 23.0238 15.2667 22.8673C15.1102 22.7108 14.9864 22.5248 14.9026 22.3199C14.8188 22.1151 14.7766 21.8956 14.7786 21.6743C14.7805 21.453 14.8265 21.2343 14.9138 21.031C15.0012 20.8277 15.1281 20.6437 15.2873 20.49L18.8223 16.955Z' fill='%23137C68'/%3E%3C/svg%3E") center / contain no-repeat;
}

.mc-job-apply__dropzone-text {
  margin: 0 0 4px;
  font-size: 15px;
  line-height: 1.6;
  color: #000;
  font-weight: 700;
}

.mc-job-apply__dropzone-browse {
  padding: 0;
  border: 0;
  background: none;
  color: #1a7f71;
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.mc-job-apply__dropzone-browse:hover,
.mc-job-apply__dropzone-browse:focus {
  color: #156b60;
}

.mc-job-apply__dropzone-hint {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #666;
}

.mc-job-apply__dropzone-filename {
  margin: 16px 0 0;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
  color: #1a7f71;
}

.mc-job-apply__upload-clear {
  margin: 8px 0 0;
  text-align: right;
}

.mc-job-apply__dropzone-clear {
  padding: 0;
  border: 0;
  background: none;
  color: #666;
  font-size: 14px;
  font-weight: 600;
  line-height: inherit;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.mc-job-apply__dropzone-clear:hover,
.mc-job-apply__dropzone-clear:focus {
  color: #c0392b;
  outline: none;
}

/* Declarations */
.mc-job-apply__declarations {
  gap: 12px;
}

.mc-job-apply__checkbox.form-item,
.mc-job-apply__checkbox.form-type-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 0;
}

.mc-job-apply__checkbox .form-checkbox {
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin: 2px 0 0;
  border: 1px solid #1A7F71;
  border-radius: 50%;
  appearance: none;
  -webkit-appearance: none;
  background: #fff;
  cursor: pointer;
  flex-shrink: 0;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.mc-job-apply__checkbox .form-checkbox:checked {
  border-color: #1a7f71;
  background: #1a7f71 radial-gradient(circle, #fff 0, #fff 30%, transparent 31%);
}

.mc-job-apply__checkbox .form-checkbox:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(26, 127, 113, 0.15);
}

.mc-job-apply__checkbox label,
.mc-job-apply__checkbox .option {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
  color: #333;
  cursor: pointer;
}

.mc-job-apply__checkbox .form-required::after {
  content: "*";
  margin-left: 2px;
  color: #c0392b;
}

.mc-job-apply__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 12px;
  padding-top: 12px;
}


/* Leave confirmation modal */
.mc-job-apply-leave-modal .modal-dialog {
  width: calc(100% - 48px);
  max-width: 640px;
}

.mc-job-apply-leave-modal__dialog {
  position: relative;
  padding: 40px 36px 36px;
  border: 0;
  border-radius: 16px;
  background: #fcf9f2;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
}

.mc-job-apply-leave-modal__close {
  position: absolute;
  z-index: 2;
  top: -18px;
  right: -18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #137c68;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.mc-job-apply-leave-modal__close:hover,
.mc-job-apply-leave-modal__close:focus {
  background: #0d6656;
  transform: scale(1.05);
  outline: none;
}

.mc-job-apply-leave-modal__close:focus-visible {
  outline: 3px solid rgba(255, 255, 255, 0.85);
  outline-offset: 3px;
}

.mc-job-apply-leave-modal__body {
  text-align: center;
}

.mc-job-apply-leave-modal__title {
  margin: 0 0 20px;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 700;
  color: #13836f;
}

.mc-job-apply-leave-modal__message {
  margin: 0 0 32px;
  font-size: 18px;
  line-height: 1.65;
  color: #515151;
}

.mc-job-apply-leave-modal__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

.mc-job-apply-leave-modal__cancel,
.mc-job-apply-leave-modal__confirm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  min-height: 48px;
  padding: 12px 28px;
  border: 0;
  border-radius: 999px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}

.mc-job-apply-leave-modal__cancel {
  background: #8f8f8f;
  color: #fff;
}

.mc-job-apply-leave-modal__cancel:hover,
.mc-job-apply-leave-modal__cancel:focus {
  background: #757575;
  color: #fff;
}

.mc-job-apply-leave-modal__confirm {
  background: #1a7f71;
  color: #fff;
}

.mc-job-apply-leave-modal__confirm:hover,
.mc-job-apply-leave-modal__confirm:focus {
  background: #156b60;
  color: #fff;
}

/* Full page background on the apply route; form card stays white. */
body.mc-job-apply-page,
body.mc-job-apply-page .dialog-off-canvas-main-canvas,
body.mc-job-apply-page main,
body.mc-job-apply-page main .container,
body.mc-job-apply-page main .container > .row,
body.mc-job-apply-page main .container > .row > [class*="col-"],
body.mc-job-apply-page .region-content,
body.mc-job-apply-page #block-i2-theme-content {
  background-color: #ECFAE4;
}

body.mc-job-apply-page main {
  padding-bottom: 72px;
}

@media (max-width: 991px) {
  .mc-job-apply {
    padding-inline: 12px;
  }

  .mc-job-apply__page-header {
    margin-bottom: 32px;
  }

  .mc-job-apply__header,
  .mc-job-apply__body {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mc-job-apply__title {
    font-size: 26px;
  }

  .mc-job-apply__row--3col,
  .mc-job-apply__row--2col,
  .mc-job-apply__multi-item,
  .mc-job-apply__multi-item--3col {
    grid-template-columns: 1fr;
  }

  .mc-job-apply__actions {
    flex-direction: column;
    align-items: stretch;
  }


  .mc-job-apply-leave-modal .modal-dialog {
    width: calc(100% - 32px);
  }

  .mc-job-apply-leave-modal__dialog {
    padding: 32px 24px 28px;
  }

  .mc-job-apply-leave-modal__title {
    font-size: 24px;
  }

  .mc-job-apply-leave-modal__message {
    font-size: 16px;
  }

  .mc-job-apply-leave-modal__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .mc-job-apply-leave-modal__cancel,
  .mc-job-apply-leave-modal__confirm {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .mc-job-apply__card {
    border-radius: 12px;
  }

  .mc-job-apply__header,
  .mc-job-apply__body {
    padding-left: 16px;
    padding-right: 16px;
  }

  .mc-job-apply__multi-item {
    padding: 16px;
  }

  .mc-job-apply__section-header {
    align-items: flex-start;
  }
}

main[data-once='i2-job-onlineapply-page_detail-container']{
  margin-top: 40px;
  .region.region-breadcrumb{
    margin-bottom: 72px;
  }
}
.mc-job-apply__section-header.js-form-wrapper{
  h2{
    margin-bottom: 15px;
  }
}