@font-face {
  font-family: "Poppins";
  src: url("../../../../assets/fonts/Poppins-Regular-Latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
body:has(.form-section__form[data-gf-datepicker-locale] .dia-front-events-form_wrapper) #ui-datepicker-div.ui-datepicker:not([style]) {
  display: none;
}

body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker {
  box-sizing: border-box;
  width: min(20rem, 100vw - 2 * var(--dia-front-container-gutter));
  max-height: calc(100dvh - var(--dia-front-space-120));
  overflow: auto;
  margin: 0;
  padding: var(--dia-front-space-12);
  border: 0.0625rem solid var(--dia-front-color-form-border);
  border-radius: var(--dia-front-radius-12);
  color: var(--dia-front-color-heading);
  background: var(--dia-front-color-white);
  box-shadow: var(--dia-front-shadow-navigation);
  font-family: var(--dia-front-font-body);
  font-size: var(--dia-front-font-size-body-small);
  line-height: var(--dia-front-line-height-body);
  z-index: 99 !important;
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker .ui-datepicker-header {
  display: grid;
  grid-template-columns: var(--dia-front-space-32) minmax(0, 1fr) var(--dia-front-space-32);
  align-items: center;
  gap: var(--dia-front-space-8);
  margin-block-end: var(--dia-front-space-8);
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker :is(.ui-datepicker-prev, .ui-datepicker-next) {
  position: relative;
  display: grid;
  place-items: center;
  width: var(--dia-front-space-32);
  height: var(--dia-front-space-32);
  border-radius: var(--dia-front-radius-8);
  color: var(--dia-front-color-heading);
  cursor: pointer;
  text-decoration: none;
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker :is(.ui-datepicker-prev, .ui-datepicker-next) .ui-icon {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker :is(.ui-datepicker-prev, .ui-datepicker-next)::before {
  width: var(--dia-front-space-8);
  height: var(--dia-front-space-8);
  border-block-start: 0.125rem solid currentColor;
  border-inline-start: 0.125rem solid currentColor;
  content: "";
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker .ui-datepicker-prev {
  grid-column: 1;
  grid-row: 1;
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker .ui-datepicker-prev::before {
  transform: rotate(-45deg);
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker .ui-datepicker-next {
  grid-column: 3;
  grid-row: 1;
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker .ui-datepicker-next::before {
  transform: rotate(135deg);
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker .ui-datepicker-title {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  gap: var(--dia-front-space-8);
  justify-content: center;
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker .ui-datepicker-title select {
  width: auto;
  min-width: 0;
  min-height: var(--dia-front-space-32);
  padding-inline: var(--dia-front-space-8);
  border: 0.0625rem solid var(--dia-front-color-form-border);
  border-radius: var(--dia-front-radius-8);
  color: var(--dia-front-color-heading);
  background: var(--dia-front-color-white);
  font: inherit;
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  table-layout: fixed;
  text-align: center;
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar :is(th, td) {
  padding: 0;
  border: 0;
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th {
  height: var(--dia-front-space-32);
  font-weight: var(--dia-front-font-weight-heading);
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar :is(a, span) {
  display: grid;
  place-items: center;
  min-height: var(--dia-front-space-32);
  border-radius: var(--dia-front-radius-8);
  color: var(--dia-front-color-heading);
  text-decoration: none;
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar a:hover {
  background: var(--dia-front-color-mint);
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar .ui-state-active,
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
  background: var(--dia-front-color-mint);
}
body.is-form-section-legacy-calendar-open #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar .ui-state-disabled span {
  opacity: 0.4;
}

.form-section {
  --form-section-column-gap: var(--dia-front-space-120);
  --form-section-media-height: 56.8125rem;
  --form-section-form-width: 42.875rem;
  padding-block: var(--dia-front-space-144);
  color: var(--dia-front-color-heading);
  background: var(--dia-front-color-surface);
}
.form-section__inner {
  display: grid;
  grid-template-columns: repeat(var(--dia-front-layout-grid-columns), minmax(0, 1fr));
  gap: var(--dia-front-layout-grid-gutter);
  width: 100%;
  margin-inline: auto;
}
.form-section__media {
  grid-column: 2/span 6;
  margin-inline-end: var(--form-section-column-gap);
  min-height: var(--form-section-media-height);
  overflow: clip;
  border-radius: var(--dia-front-radius-24);
}
.form-section__media .supermedia-image {
  height: 100%;
}
.form-section__media :where(dia-supermedia, img, video) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.form-section__content {
  grid-column: 8/span 6;
  display: flex;
  flex-direction: column;
  gap: var(--dia-front-space-64);
  min-width: 0;
  padding-block: var(--dia-front-space-80);
}
.form-section__title :where(h2, h3, p) {
  margin: 0;
  font-family: var(--dia-front-font-heading);
  font-size: var(--dia-front-font-size-section-title-fluid);
  font-weight: var(--dia-front-font-weight-heading);
  line-height: var(--dia-front-line-height-solid);
}
.form-section__form {
  width: 100%;
  max-width: var(--form-section-form-width);
}
.form-section__form :is(.gform_wrapper, .gform_confirmation_wrapper) {
  scroll-margin-top: var(--dia-front-space-24);
}
.form-section--without-media .form-section__content {
  grid-column: 1/-1;
  justify-self: center;
  width: 100%;
  max-width: var(--form-section-form-width);
  padding-block: 0;
}
.form-section__unavailable {
  max-width: 42.875rem;
  margin: 0;
  font-family: var(--dia-front-font-body);
  font-size: var(--dia-front-font-size-body);
  line-height: var(--dia-front-line-height-body);
}
.form-section--unavailable .form-section__media {
  min-height: 0;
  aspect-ratio: 702/560;
}
.form-section--unavailable .form-section__content {
  justify-content: center;
  padding-block: 0;
}
.form-section__form .gform_wrapper.dia-front-contact-form_wrapper .gform_required_legend, .form-section__form .gform_wrapper.dia-front-recruitment-form_wrapper .gform_required_legend, .form-section__form .gform_wrapper.dia-front-events-form_wrapper .gform_required_legend {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.form-section__form .gform_wrapper.dia-front-recruitment-form_wrapper .gform_validation_container, .form-section__form .gform_wrapper.dia-front-events-form_wrapper .gform_validation_container {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  visibility: hidden;
}
.form-section__form .gform_wrapper .gform_fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--dia-front-space-24);
  row-gap: var(--dia-front-space-24);
}
.form-section__form .gform_wrapper .gfield--width-full {
  grid-column: 1/-1;
}
.form-section__form .gform_wrapper .gfield.hidden_label > .gfield_label,
.form-section__form .gform_wrapper .gfield--type-consent .gfield_consent_label {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.form-section__form .gform_wrapper :where(.gfield input:not([type=checkbox], [type=radio], [type=submit]), .gfield textarea, .gfield select) {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: var(--dia-front-space-64);
  padding-inline: var(--dia-front-space-24);
  border: 0.0625rem solid var(--dia-front-color-form-border);
  border-radius: var(--dia-front-radius-12);
  color: var(--dia-front-color-text);
  background-color: var(--dia-front-color-white);
  font-family: var(--dia-front-font-body);
  font-size: var(--dia-front-font-size-body);
  line-height: var(--dia-front-line-height-body);
}
.form-section__form .gform_wrapper :where(.gfield input:not([type=checkbox], [type=radio], [type=submit]), .gfield textarea, .gfield select)::placeholder {
  color: var(--dia-front-color-form-placeholder);
  opacity: 1;
}
.form-section__form .gform_wrapper :where(.gfield input:not([type=checkbox], [type=radio], [type=submit]), .gfield textarea, .gfield select):focus-visible {
  outline: 0;
  box-shadow: var(--dia-front-focus-ring);
}
.form-section__form .gform_wrapper :where(.gfield textarea) {
  height: 14.3125rem;
  padding-block: var(--dia-front-space-20);
}
.form-section__form .gform_wrapper .gfield:not(.gfield--type-consent) {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.form-section__form .gform_wrapper .gfield:not(.gfield--type-consent) > .ginput_container {
  order: 1;
}
.form-section__form .gform_wrapper .gfield:not(.gfield--type-consent) > .gfield_description {
  order: 2;
}
.form-section__form .gform_wrapper .gfield:not(.gfield--type-consent) > .gfield_validation_message {
  order: 3;
}
.form-section__form .gform_wrapper.dia-front-events-form_wrapper .gform_fields {
  grid-template-areas: "name event" "email date" "phone participants" "organisation ." "consent consent";
  align-items: start;
}
.form-section__form .gform_wrapper.dia-front-events-form_wrapper .form-section__field--name {
  grid-area: name;
}
.form-section__form .gform_wrapper.dia-front-events-form_wrapper .form-section__field--email {
  grid-area: email;
}
.form-section__form .gform_wrapper.dia-front-events-form_wrapper .form-section__field--phone {
  grid-area: phone;
}
.form-section__form .gform_wrapper.dia-front-events-form_wrapper .form-section__field--organisation {
  grid-area: organisation;
}
.form-section__form .gform_wrapper.dia-front-events-form_wrapper .form-section__field--event {
  grid-area: event;
}
.form-section__form .gform_wrapper.dia-front-events-form_wrapper .form-section__field--date {
  grid-area: date;
}
.form-section__form .gform_wrapper.dia-front-events-form_wrapper .form-section__field--participants {
  grid-area: participants;
}
.form-section__form .gform_wrapper.dia-front-events-form_wrapper .gform_fields:has(.form-section__field--date ~ .form-section__field--date) {
  grid-template-areas: "name event" "email date" "phone date-end" "organisation participants" "consent consent";
}
.form-section__form .gform_wrapper.dia-front-events-form_wrapper .form-section__field--date ~ .form-section__field--date {
  grid-area: date-end;
}
.form-section__form .gform_wrapper.dia-front-events-form_wrapper .gfield--type-consent {
  grid-area: consent;
}
.form-section__form .gform_wrapper .ginput_container_date {
  position: relative;
}
.form-section__form .gform_wrapper .ginput_container_date > input {
  padding-inline-end: var(--dia-front-space-64);
}
.form-section__form .gform_wrapper .gform-datepicker-toggle {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: var(--dia-front-space-12);
  display: grid;
  place-items: center;
  width: var(--dia-front-space-40);
  height: var(--dia-front-space-64);
  padding: 0;
  border: 0;
  color: var(--dia-front-color-heading);
  background: transparent;
  cursor: pointer;
}
.form-section__form .gform_wrapper .gform-datepicker-toggle:focus-visible {
  outline: 0;
  box-shadow: var(--dia-front-focus-ring);
  border-radius: var(--dia-front-radius-8);
}
.form-section__form .gform_wrapper .gform-datepicker-toggle-icon--default {
  display: block;
  width: var(--dia-front-space-24);
  height: var(--dia-front-space-24);
  background-color: currentColor;
  mask: url("../../../../../../plugins/gravityforms/images/datepicker/datepicker.svg") center/contain no-repeat;
}
.form-section__form .gform_wrapper .gform-datepicker-calendar {
  position: absolute;
  inset-block-start: calc(var(--dia-front-space-64) + var(--dia-front-space-8));
  inset-inline-start: 0;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  padding: var(--dia-front-space-12);
  border: 0.0625rem solid var(--dia-front-color-form-border);
  border-radius: var(--dia-front-radius-12);
  color: var(--dia-front-color-heading);
  background: var(--dia-front-color-white);
  box-shadow: var(--dia-front-shadow-navigation);
}
.form-section__form .gform_wrapper .gform-datepicker-calendar table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  table-layout: fixed;
  font-family: var(--dia-front-font-body);
  font-size: var(--dia-front-font-size-body-small);
  line-height: var(--dia-front-line-height-body);
  text-align: center;
}
.form-section__form .gform_wrapper .gform-datepicker-calendar :where(td, th) {
  padding: var(--dia-front-space-8) 0;
  border: 0;
}
.form-section__form .gform_wrapper .gform-datepicker-calendar select {
  height: var(--dia-front-space-40);
  min-height: 0;
  padding: 0 var(--dia-front-space-24) 0 var(--dia-front-space-8);
  border-radius: var(--dia-front-radius-8);
  background-position: right var(--dia-front-space-8) center;
}
.form-section__form .gform_wrapper .gform-datepicker-calendar [role=button] {
  border-radius: var(--dia-front-radius-8);
  cursor: pointer;
}
.form-section__form .gform_wrapper .gform-datepicker-calendar [role=button]:hover, .form-section__form .gform_wrapper .gform-datepicker-calendar [role=button]:focus-visible {
  color: var(--dia-front-color-heading);
  background: var(--dia-front-color-mint);
}
.form-section__form .gform_wrapper .gform-datepicker-calendar [role=button]:focus-visible {
  outline: 0;
  box-shadow: var(--dia-front-focus-ring);
}
.form-section__form .gform_wrapper .gform-datepicker-calendar .day.selected,
.form-section__form .gform_wrapper .gform-datepicker-calendar .dayToday {
  font-weight: var(--dia-front-font-weight-heading);
  background: var(--dia-front-color-mint);
}
.form-section__form .gform_wrapper .gform-datepicker-calendar > p {
  margin: var(--dia-front-space-8) 0 0;
  font-size: var(--dia-front-font-size-caption);
}
.form-section__form .gform_wrapper :where(.gfield--type-consent) {
  display: grid;
  grid-template-columns: var(--dia-front-space-24) minmax(0, 1fr);
  column-gap: var(--dia-front-space-8);
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  font-family: var(--dia-front-font-body);
  font-size: var(--dia-front-font-size-body);
  line-height: var(--dia-front-line-height-body);
}
.form-section__form .gform_wrapper :where(.gfield--type-consent .ginput_container) {
  grid-column: 1;
  display: flex;
  align-items: center;
}
.form-section__form .gform_wrapper :where(.gfield--type-consent .gfield_consent_description) {
  grid-column: 2;
  padding: 0;
}
.form-section__form .gform_wrapper.dia-front-contact-form_wrapper .gfield_consent_description_text:focus, .form-section__form .gform_wrapper.dia-front-recruitment-form_wrapper .gfield_consent_description_text:focus, .form-section__form .gform_wrapper.dia-front-events-form_wrapper .gfield_consent_description_text:focus {
  outline: none;
}
.form-section__form .gform_wrapper :where(.gfield--type-consent .gfield_validation_message) {
  grid-column: 1/-1;
  grid-row: 2;
}
.form-section__form .gform_wrapper .gfield--type-consent .gfield_required {
  display: none;
}
.form-section__form .gform_wrapper .gfield--type-consent input[type=checkbox] {
  width: var(--dia-front-space-24);
  height: var(--dia-front-space-24);
  margin: 0;
  border: 0.0625rem solid var(--dia-front-color-form-choice-border);
  background-color: var(--dia-front-color-form-choice);
}
.form-section__form .gform_wrapper .gfield--type-consent input[type=checkbox]:checked {
  border-color: var(--dia-front-color-action);
  background-color: var(--dia-front-color-mint);
}
.form-section__form .gform_wrapper :where(.gform_footer) {
  margin-block-start: var(--dia-front-space-24);
  padding: 0;
}
.form-section__form .gform_wrapper :where(.gform_button.btn-primary) {
  width: 100%;
  margin: 0;
}
.form-section__form .gform_wrapper :where(.gform_button[disabled]) {
  cursor: not-allowed;
}
.form-section__form .gform_wrapper :where(.dia-front-form-unavailable) {
  margin-block: var(--dia-front-space-12) 0;
  font-family: var(--dia-front-font-body);
  font-size: var(--dia-front-font-size-body-small);
  line-height: var(--dia-front-line-height-body);
}

.dia-front-recruitment-form .form-section__upload-control {
  position: relative;
  display: block;
  min-height: var(--dia-front-space-64);
  border-radius: var(--dia-front-radius-12);
}
.dia-front-recruitment-form .form-section__upload-control:has(input:focus-visible) {
  outline: 0;
  box-shadow: var(--dia-front-focus-ring);
}
.dia-front-recruitment-form .form-section__upload-control input[type=file] {
  position: absolute;
  inset: 0;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.dia-front-recruitment-form .form-section__upload {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--dia-front-space-64);
  padding: var(--dia-front-form-upload-padding-block) var(--dia-front-space-24);
  border: 0.0625rem solid var(--dia-front-color-form-border);
  border-radius: inherit;
  color: var(--dia-front-color-form-placeholder);
  background: var(--dia-front-color-white);
  pointer-events: none;
}
.dia-front-recruitment-form .form-section__upload-title {
  flex-shrink: 0;
  font-family: var(--dia-front-font-body);
  font-size: var(--dia-front-font-size-body);
  line-height: var(--dia-front-line-height-body);
}
.dia-front-recruitment-form .form-section__upload-hint {
  flex-shrink: 0;
  overflow: hidden;
  font-family: var(--dia-front-font-upload-hint);
  font-size: var(--dia-front-font-size-caption);
  font-weight: var(--dia-front-font-weight-body);
  line-height: var(--dia-front-line-height-upload-hint);
  color: var(--dia-front-color-form-upload-hint);
  white-space: normal;
}
.dia-front-recruitment-form .form-section__upload-hint--selected {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dia-front-recruitment-form .form-section__upload-browse {
  font-weight: var(--dia-front-font-weight-body);
  text-decoration: none;
}
.dia-front-recruitment-form .gform_fileupload_rules {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 89.9375rem) {
  .form-section {
    --form-section-column-gap: var(--dia-front-space-48);
  }
}
@media (max-width: 61.9375rem) {
  .form-section {
    padding-block: var(--dia-front-space-72);
  }
  .form-section__inner {
    grid-template-columns: 1fr;
    gap: var(--dia-front-space-48);
    width: calc(100% - 2 * var(--dia-front-container-gutter));
  }
  .form-section__content {
    grid-column: 1;
    grid-row: 1;
    gap: var(--dia-front-space-40);
    padding: 0;
  }
  .form-section__title :where(h2, h3, p) {
    font-size: var(--dia-front-font-size-section-title-mobile);
    line-height: var(--dia-front-line-height-medium);
  }
  .form-section__media {
    grid-column: 1;
    margin-inline-end: 0;
    grid-row: 2;
    min-height: 0;
    aspect-ratio: 702/909;
  }
  .form-section--unavailable .form-section__media {
    aspect-ratio: 702/700;
  }
  .form-section .gfield--type-consent {
    column-gap: var(--dia-front-space-12);
  }
  .form-section .gfield--type-consent .gfield_consent_description {
    font-size: var(--dia-front-font-size-caption);
  }
}
@media (max-width: 39.9375rem) {
  .form-section__form .gform_wrapper .gform_fields {
    grid-template-columns: 1fr;
    row-gap: var(--dia-front-space-12);
  }
  .form-section__form .gform_wrapper :where(.gfield) {
    grid-column: 1/-1;
  }
  .form-section__form .gform_wrapper.dia-front-events-form_wrapper .gform_fields {
    grid-template-areas: "name" "email" "phone" "organisation" "event" "date" "participants" "consent";
  }
  .form-section__form .gform_wrapper.dia-front-events-form_wrapper .gform_fields:has(.form-section__field--date ~ .form-section__field--date) {
    grid-template-areas: "name" "email" "phone" "organisation" "event" "date" "date-end" "participants" "consent";
  }
  .form-section__form .gform_wrapper .gform-datepicker-calendar {
    --form-section-calendar-bottom-reserve: calc(var(--dia-front-space-64) + var(--dia-front-space-32));
    position: fixed;
    inset-inline-start: var(--dia-front-container-gutter);
    inset-block-start: calc((100dvh - var(--form-section-calendar-bottom-reserve)) / 2);
    width: calc(100% - 2 * var(--dia-front-container-gutter));
    max-height: calc(100dvh - var(--form-section-calendar-bottom-reserve) - var(--dia-front-space-48));
    overflow-y: auto;
    transform: translateY(-50%);
  }
  .form-section__form .gform_wrapper :where(.gfield textarea) {
    height: 13.5625rem;
  }
}