.webform-required {
  display: none;
}

#form-popup .close-form-btn {
  cursor: pointer;
  pointer-events: auto;

  position: relative;
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#form-popup .close-form-btn:hover {
  text-decoration: none;
}

#form-popup .close-form-btn::before,
#form-popup .close-form-btn::after {
  content: '';
  position: absolute;
  width: 38px;
  height: 1.5px;
  background-color: #FFFFFF;
  border-radius: 1px;
}

#form-popup .close-form-btn::before {
  transform: rotate(45deg);
}

#form-popup .close-form-btn::after {
  transform: rotate(-45deg);
}

#form-popup .section-body {
  padding: 0;
  border-radius: 1rem 0 0 1rem;
  background-color: #FFF;
}

#form-popup .section-content {
  overflow: auto;
  padding: 60px 100px;
  max-height: 80vh;
}

#form-popup .section-content h2 {
  line-height: 1.2;
  margin-bottom: 40px;
}

#form-popup .section-content h2,
#form-popup .section-content a,
#form-popup .section-content p {
  letter-spacing: normal;
}

/* Real-time border warning style */
.webform-submission-form .form-item input.error:not([type='checkbox']):not([type='radio']):not([type='submit']):not([disabled]),
.webform-submission-form .form-item input#edit-email-notifications.error,
.webform-submission-form .form-item input#edit-consent.error,
.webform-submission-form .form-item select.error,
.webform-submission-form .form-item:has(select.error) .select2 .select2-selection--single {
  border: 2px solid #e02b2b !important;
  background-color: #fff5f5 !important;
}

/* Custom design for the text warning label dropped directly under the field */
.webform-submission-form label.error {
  color: #e02b2b;
  font-size: 0.85em;
  font-weight: bold;
  margin-top: 5px;
  display: block;
}

.fieldset-wrapper .webform-options-display-one-column:has(label.error),
/* .fieldset-wrapper:has(label.error), */
.fieldset-wrapper:has(input.error),
.fieldset-wrapper:has(select.error) {
  border: 2px solid #e02b2b !important;
  background-color: #fff5f5 !important;
}

.webform-submission-form .form-item:has(select.error) .select2 .select2-selection--single:has(.select2-selection__rendered[title]:not([title="Please Select"]):not([title="- Select -"])) {
  border: 1px solid #e7e9e4 !important;
  background-color: #fff !important;
}

.fieldset-wrapper:has(.js-webform-checkboxes input[type="checkbox"]:checked),
.fieldset-wrapper .webform-options-display-one-column.js-webform-checkboxes:has(input[type="checkbox"]:checked),
.fieldset-wrapper .webform-options-display-one-column:has(.webform-type-radio input.valid),
/* .fieldset-wrapper:has(label.valid[aria-invalid="false"]), */
.fieldset-wrapper:has(input.valid[aria-invalid="false"]),
.fieldset-wrapper:has(select.valid[aria-invalid="false"]) {
  border: unset !important;
  background-color: #F8F8F8 !important;
}

.webform-submission-form .form-type-checkbox,
.webform-submission-form .webform-type-radio {
  position: relative;
}

.webform-submission-form .form-type-checkbox label.error,
.webform-submission-form .webform-type-radio label.error {
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  white-space: nowrap;
  display: none !important;
}

#edit-your-status-other-error,
#edit-place-of-residence-other-error,
#edit-location-of-school-other-error,
#consent-error,
#email_notifications-error {
  display: none !important;
}

#edit-row-container-1.js-form-wrapper.form-wrapper,
#edit-row-container-2.js-form-wrapper.form-wrapper,
#edit-row-container-3.js-form-wrapper.form-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.fieldset-legend.js-form-required.form-required::after,
label.js-form-required.form-required::after {
  content: "*";
  color: #B31B1B;
}

.fieldset-wrapper {
  display: contents;
}

#edit-your-status-radios>.form-item:nth-child(2) {
  width: calc(78% - 45px);
}

.iday-webform-block #edit-your-qualifications>.fieldset-wrapper {
  align-items: flex-end;
}

.iday-webform-block #edit-which-of-the-following-discipline-s-are-you-interested-in-may-ch-checkboxes,
.iday-webform-block #edit-which-of-the-following-activities-do-you-want-to-attend-may-choo,
.iday-webform-block #edit-how-did-you-learn-about-the-eduhk-info-day-may-choose-more-than-checkboxes,
.iday-webform-block #edit-year-of-enrolment,
.iday-webform-block #edit-your-qualifications {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
}

#edit-school-attended-layout>.webform-flex.webform-flex--1:last-child,
#edit-school-attended-layout>.webform-flex.webform-flex--1:nth-child(2),
#edit-school-attended-layout>.webform-flex.webform-flex--1:nth-child(3),
#edit-your-qualifications-layout>.webform-flex.webform-flex--1:nth-child(2),
#edit-your-qualifications-layout>.webform-flex.webform-flex--1:last-child {
  display: none;
}

.form-item-how-did-you-learn-about-the-eduhk-info-day-may-choose-more-than-other,
.form-item-which-of-the-following-discipline-s-are-you-interested-in-may-ch-other {
  display: block !important;
  height: unset !important;
}

.form-item-which-of-the-following-discipline-s-are-you-interested-in-may-ch-checkboxes--other-,
.form-item-how-did-you-learn-about-the-eduhk-info-day-may-choose-more-than-checkboxes--other-,
.form-item-your-qualifications,
.form-item-school-attended-represented {
  width: 100%;
  display: flex;
}

.form-item-how-did-you-learn-about-the-eduhk-info-day-may-choose-more-than-other,
.form-item-which-of-the-following-discipline-s-are-you-interested-in-may-ch-other,
.form-item-your-qualifications-others,
.form-item-school-attended-others,
.form-item-secondary-schools-text {
  flex: 1;
  width: auto !important;
}

.form-item .description a,
.form-item .description {
  flex: 1;
  line-height: 1.5;
  font-size: 18px;
}

.form-item .description .checkbox-text {
  margin-bottom: 8px;
  display: inline-block;
}

.form-item .description a {
  color: #006431;
}

.form-item .description a:hover {
  text-decoration: underline;
}

#edit-processed-text-layout {
  padding-top: 56px;
  position: relative;
  gap: 40px 20px;
}

#edit-processed-text-layout:before {
  content: "";
  position: absolute;
  top: 0;
  background-color: #F3981C;
  width: 100px;
  height: 6px;
}

#edit-processed-text-3 {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.5;
  margin: 0px;
  text-align: right;
}

#edit-processed-text-3 h6::before {
  content: "*";
  color: #B31B1B;
  position: relative;
  top: -5px;
}


.iday-webform-block .webform-flexbox {
  margin: 0;
}

#edit-processed-text-layout>.webform-flex.webform-flex--1 {
  flex: 1 1 auto;
  max-width: 70%;
}

/*  */
.iday-webform-block {
  width: 100%;
}

.iday-webform-block__card {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.iday-webform-block__body> :first-child {
  margin-top: 0;
}

.iday-webform-block form {
  display: grid;
  gap: 50px 0;
}

.iday-webform-block .form-item,
.iday-webform-block .js-form-item,
.iday-webform-block .webform-flex--container {
  margin: 0;
}

.iday-webform-block fieldset {
  margin: 0;
  border: 0;
  padding: 0;
}

/* .iday-webform-block .webform-flexbox {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 25px;
  align-items: end;
} */

.iday-webform-block .form-type-select,
.iday-webform-block .webform-type-select,
.iday-webform-block .form-type-textfield,
.iday-webform-block .webform-type-textfield,
.iday-webform-block .form-type-email,
.iday-webform-block .webform-type-email,
.iday-webform-block .form-type-tel,
.iday-webform-block .webform-type-tel {
  position: relative;
}

.iday-webform-block label,
.iday-webform-block legend {
  display: block;
  margin-bottom: 10px;
  font-family: var(--iday-font-heading);
  font-weight: 700;
  font-size: 19px;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: var(--iday-text);
}

.iday-webform-block input:not([type='checkbox']):not([type='radio']):not([type='submit']),
.iday-webform-block select,
.iday-webform-block textarea {
  width: 100%;
  min-height: 56px;
  padding: 14px 16px;
  font: inherit;
  font-size: 18px;
  color: var(--iday-text);
  background: #f8f8f8;
  border: none;
  /* border: 1px solid #e7e9e4; */
  /* border-radius: 10px; */
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.iday-webform-block select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #322c28 50%),
    linear-gradient(135deg, #322c28 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 2px),
    calc(100% - 12px) calc(50% - 2px);
  background-size: 6px 6px;
  background-repeat: no-repeat;
  padding-right: 46px;
}

.iday-webform-block textarea {
  min-height: 140px;
  resize: vertical;
}

.iday-webform-block input::placeholder,
.iday-webform-block textarea::placeholder {
  color: rgba(50, 44, 40, 0.45);
}

.iday-webform-block input:focus,
.iday-webform-block select:focus,
.iday-webform-block textarea:focus {
  outline: none;
  border-color: var(--iday-green);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(159, 202, 65, 0.18);
}

.iday-webform-block .form-checkboxes,
.iday-webform-block .form-radios {
  display: grid;
  gap: 12px;
}

.iday-webform-block .form-type-checkbox {
  align-items: flex-start !important;
}

.iday-webform-block .form-type-checkbox,
.iday-webform-block .form-type-radio {
  display: flex;
  gap: 10px;
  min-height: 32px;
}

.iday-webform-block input[type='checkbox'] {
  margin-top: 4px !important;
}

.iday-webform-block input[type='checkbox'],
.iday-webform-block input[type='radio'] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 22px;
  height: 22px;
  margin-top: 0px;
  background: #fff;
  border: 1px solid var(--iday-green);
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  min-width: 22px;
}

.iday-webform-block input[type='radio']:checked::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: var(--iday-green);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.iday-webform-block input[type='checkbox'] {
  border-radius: 4px;
}

.iday-webform-block input[type='checkbox']:checked::after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  border: solid var(--iday-green);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  top: 3px;
  left: 7px;
}

.iday-webform-block .webform-options-display-one-column,
.iday-webform-block .webform-radios-other .fieldset-wrapper {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px 40px;
  padding: 30px 20px 30px;
  background: #F8F8F8;
  /* border-radius: 10px; */
  height: 100%;
}

.iday-webform-block .webform-radios-other .webform-options-display-one-column {
  display: contents !important;
  padding: 0;
  background: transparent;
}

.iday-webform-block .webform-options-display-one-column .form-type-radio,
.iday-webform-block .webform-options-display-one-column .form-type-checkbox,
.iday-webform-block .webform-radios-other .fieldset-wrapper .form-type-radio,
.iday-webform-block .webform-radios-other .fieldset-wrapper .form-type-checkbox {
  align-items: center;
  min-height: 32px;
  margin: 0;
}

.iday-webform-block .webform-options-display-one-column label.option,
.iday-webform-block .webform-radios-other .fieldset-wrapper label.option {
  margin-bottom: 0;
  font-family: var(--iday-font-body, 'Inter');
  font-weight: 400;
  font-size: 19px;
  line-height: 32px;
  letter-spacing: 0.02em;
}

.iday-webform-block .webform-radios-other-input {
  display: block !important;
  height: unset !important;
  margin-top: 0;
  margin-left: -25px;
  flex: 1 1 120px;
}

.iday-webform-block .form-item-how-did-you-learn-about-the-eduhk-info-day-may-choose-more-than-other input:not([type='checkbox']):not([type='radio']):not([type='submit']),
.iday-webform-block .form-item-which-of-the-following-discipline-s-are-you-interested-in-may-ch-other input:not([type='checkbox']):not([type='radio']):not([type='submit']),
.iday-webform-block .form-item-your-qualifications-others input:not([type='checkbox']):not([type='radio']):not([type='submit']),
.iday-webform-block .form-item-secondary-schools-text input:not([type='checkbox']):not([type='radio']):not([type='submit']),
.iday-webform-block .form-item-school-attended-others input:not([type='checkbox']):not([type='radio']):not([type='submit']),
.iday-webform-block .webform-radios-other-input input:not([type='checkbox']):not([type='radio']):not([type='submit']) {
  min-height: auto;
  border: none;
  border-bottom: 1px solid #D9D9D9;
  border-radius: 0;
  background: transparent;
  padding: 0 10px 2px;
  width: 100%;
}

.iday-webform-block .webform-radios-other-input input:focus {
  box-shadow: none;
  background: transparent;
  border-color: var(--iday-green);
}

.iday-webform-block .webform-options-display-one-column .has-inline-select {
  flex-basis: 100%;
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px 10px;
}

.iday-webform-block .has-inline-select .form-item-international-qualifications-option,
.iday-webform-block .has-inline-select .form-item-secondary-schools-text,
.iday-webform-block .has-inline-select .form-item-international-schools-hksar-option,
.iday-webform-block .has-inline-select .form-item-school-attended-others {
  margin: 0;
  flex: 1 1 200px;
}

.iday-webform-block .has-inline-select .form-item-international-qualifications-option {
  flex: 0 1 200px;
}

.iday-webform-block .has-inline-select .form-item-international-schools-hksar-option {
  flex: 1 1 auto;
  max-width: 950px;
}

.iday-webform-block .has-inline-select .form-item-international-qualifications-option label,
.iday-webform-block .has-inline-select .form-item-secondary-schools-text label,
.iday-webform-block .has-inline-select .form-item-international-schools-hksar-option label,
.iday-webform-block .has-inline-select .form-item-school-attended-others label {
  display: none;
}

.iday-webform-block .has-inline-select .form-item-secondary-schools-text input,
.iday-webform-block .has-inline-select .form-item-school-attended-others input {
  min-height: auto;
  border: none;
  border-bottom: 1px solid #D9D9D9;
  border-radius: 0;
  background: transparent;
  padding: 0 10px 5px;
  width: 100%;
}

.iday-webform-block .has-inline-select .form-item-secondary-schools-text input:focus,
.iday-webform-block .has-inline-select .form-item-school-attended-others input:focus {
  box-shadow: none;
  background: transparent;
  border-color: var(--iday-green);
}

.iday-webform-block .has-inline-select .form-item-international-qualifications-option select,
.iday-webform-block .has-inline-select .form-item-international-schools-hksar-option select {
  min-height: 48px;
  padding: 8px 40px 8px 16px;
  background-color: #fff;
  border: 1px solid #e7e9e4;
  border-radius: 6px;
  width: auto;
  min-width: 240px;
  font-family: var(--iday-font-body, 'Inter');
  font-size: 19px;
  color: var(--iday-text);
  background-image:
    linear-gradient(45deg, transparent 50%, var(--iday-green) 50%),
    linear-gradient(135deg, var(--iday-green) 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(50% - 2px),
    calc(100% - 14px) calc(50% - 2px);
  background-size: 6px 6px;
  background-repeat: no-repeat;
}

.iday-webform-block .has-inline-select .form-item-international-qualifications-option select:focus,
.iday-webform-block .has-inline-select .form-item-international-schools-hksar-option select:focus {
  border-color: var(--iday-green);
  box-shadow: 0 0 0 3px rgba(159, 202, 65, 0.18);
}

/* Select2 overrides for International Qualifications Option inside the inline wrapper */
.iday-webform-block .has-inline-select .form-item-international-qualifications-option .select2-container,
.iday-webform-block .has-inline-select .form-item-international-schools-hksar-option .select2-container {
  width: 100% !important;
  min-width: 240px;
}

.iday-webform-block .has-inline-select .form-item-international-qualifications-option .select2-container .select2-selection--single,
.iday-webform-block .has-inline-select .form-item-international-schools-hksar-option .select2-container .select2-selection--single {
  min-height: 48px;
  background-color: #fff;
  border: 1px solid #e7e9e4;
  border-radius: 6px;
  display: flex;
  align-items: center;
}

.iday-webform-block .has-inline-select .form-item-international-qualifications-option .select2-container--default .select2-selection--single .select2-selection__rendered,
.iday-webform-block .has-inline-select .form-item-international-schools-hksar-option .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 16px;
  padding-right: 40px;
  font-family: var(--iday-font-body, 'Inter');
  font-size: 19px;
  color: var(--iday-text);
  line-height: normal;
}

.iday-webform-block .has-inline-select .form-item-international-qualifications-option .select2-container--default .select2-selection--single .select2-selection__arrow,
.iday-webform-block .has-inline-select .form-item-international-schools-hksar-option .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  width: 40px;
  right: 0;
  top: 0;
}

/* Custom green chevron (arrow) for Select2 */
.iday-webform-block .has-inline-select .form-item-international-qualifications-option .select2-container--default .select2-selection--single .select2-selection__arrow b,
.iday-webform-block .has-inline-select .form-item-international-schools-hksar-option .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  width: 14px;
  height: 8px;
  margin-top: -4px;
  margin-left: -15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%239fca41' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.iday-webform-block .has-inline-select .form-item-international-qualifications-option .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.iday-webform-block .has-inline-select .form-item-international-schools-hksar-option .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(180deg);
}

/* .iday-webform-block .has-inline-select .form-item-international-qualifications-option .select2-container--default.select2-container--focus .select2-selection--single { */
.iday-webform-block .has-inline-select .form-item-international-qualifications-option .select2-container--default.select2-container--open .select2-selection--single,
.iday-webform-block .has-inline-select .form-item-international-schools-hksar-option .select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--iday-green);
  outline: none;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
}

/* Select2 Dropdown overrides */
.select2-container--default .select2-dropdown {
  border-color: var(--iday-green);
  border-radius: 0 0 6px 6px;
  box-shadow: 0 8px 24px rgba(10, 0, 119, 0.08);
  top: -5px;
  padding-top: 10px
}

.select2-container--default .select2-dropdown::before {
  content: '';
  border-top: 1px solid #D9D9D9;
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  height: 1px;
}

.select2-container--default .select2-search--dropdown {
  display: none;
  /* Hide search box as per figma design */
}

.select2-container--default .select2-results__option:first-child {
  display: none;
}

.select2-container--default .select2-results__option {
  padding: 10px 16px;
  font-family: var(--iday-font-body, 'Inter');
  font-size: 19px;
  color: var(--iday-text);
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--iday-surface-alt);
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #63a0ff;
  color: white;
}

.iday-webform-block .form-actions {
  display: flex;
  justify-content: center;
  padding-top: 8px;
}

.iday-webform-block .button,
.iday-webform-block input[type='submit'] {
  min-width: 132px;
  min-height: 48px;
  padding: 12px 24px;
  font-family: var(--iday-font-heading);
  font-weight: 700;
  color: #fff;
  background: var(--iday-green);
  border: 1px solid var(--iday-green);
  border-radius: 15px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.iday-webform-block .button:hover,
.iday-webform-block input[type='submit']:hover,
.iday-webform-block .button:focus-visible,
.iday-webform-block input[type='submit']:focus-visible {
  background: var(--iday-green-dark);
  border: 1px solid var(--iday-green-dark);
}


/* thank you page styles */
/* Container Layout */
.webform-confirmation .thank-you-container {
  /* max-width: 600px;
  margin: 0 auto;
  padding: 20px; */
  padding-top: 30px;
}


/* Contact Block */
.webform-confirmation .contact-box {
  background-color: #f9f9f9;
  padding: 15px;
  border-left: 4px solid #005a36;
  margin: 20px 0;
}

.webform-confirmation .contact-title {
  display: block;
  margin-bottom: 5px;
}


/* Calendar Actions & Buttons */
.webform-confirmation .calendar-actions {
  margin: 25px 0;
}

.webform-confirmation .calendar-label {
  /* margin-right: 10px; */
  font-weight: bold;
}

/* Formatting Elements */
.webform-confirmation .divider {
  border: 0;
  border-top: 1px solid #eee;
  margin: 30px 0;
}

/* Navigation Layout & Buttons */
.webform-confirmation .navigation-box {
  text-align: left;
}

/* Social Media Section */
.webform-confirmation .social-connect-box {
  text-align: left;
  margin-top: 25px;
  padding-top: 15px;
  display: flex;
  align-items: baseline;
  gap: 20px;
}

.webform-confirmation .social-title {
  color: #555;
  margin-bottom: 30px;
}


.webform-confirmation .social-separator {
  color: #ccc;
  margin: 0 10px;
}

@media (min-width: 1501px) {

  [lang="zh-hans"] #edit-your-status-radios>.form-item:nth-child(2),
  [lang="zh-hant"] #edit-your-status-radios>.form-item:nth-child(2) {
    width: calc(78% - 20px);
  }
}

@media (max-width: 1920px) {

  .iday-webform-block .webform-options-display-one-column,
  .iday-webform-block .webform-radios-other .fieldset-wrapper {
    gap: 10px 20px;
  }

  .iday-webform-block label,
  .iday-webform-block legend,
  .iday-webform-block .webform-options-display-one-column label.option,
  .iday-webform-block .webform-radios-other .fieldset-wrapper label.option {
    font-size: 18px;
  }
}

@media (max-width: 1500px) {

  .form-item.form-item-place-of-residence-radios:not(:last-child),
  .form-item.form-item-place-of-residence-radios:nth-child(2),
  #edit-your-status-radios>.form-item:nth-child(2),
  .form-item.form-item-your-status-radios:not(:last-child) {
    /* width: calc(70% - 45px); */
    width: auto;
    min-width: calc(50% - 10px);
  }

  .iday-webform-block .webform-options-display-one-column,
  .iday-webform-block .webform-radios-other .fieldset-wrapper {
    justify-content: space-between;
  }
}

@media (max-width: 1280px) {
  #edit-processed-text-layout {
    display: flex;
    flex-direction: column;
  }

  #edit-processed-text-layout>.webform-flex.webform-flex--1 {
    max-width: 100%;
  }

  #edit-processed-text-3 {
    text-align: left;
  }

  #edit-row-container-1.js-form-wrapper.form-wrapper,
  #edit-row-container-2.js-form-wrapper.form-wrapper,
  #edit-row-container-3.js-form-wrapper.form-wrapper {
    gap: 15px;
  }

  .iday-webform-block form {
    gap: 40px 0;
  }

  .iday-webform-block .webform-options-display-one-column,
  .iday-webform-block .webform-radios-other .fieldset-wrapper {
    padding: 20px 15px 20px;
    gap: 10px 10px;
  }

  .form-item.form-item-place-of-residence-radios:not(:last-child),
  .form-item.form-item-place-of-residence-radios:nth-child(2),
  #edit-your-status-radios>.form-item:nth-child(2),
  .form-item.form-item-your-status-radios:not(:last-child) {
    /* width: calc(70% - 45px); */
    width: auto;
    min-width: calc(50% - 5px);
  }

  .form-item-location-of-school-radios:not(:last-child) {
    width: auto;
    min-width: calc(33.33% - 10px*2/3);
  }

  .iday-webform-block .webform-radios-other-input {
    margin-left: -5px;
  }

  .iday-webform-block label,
  .iday-webform-block legend,
  .iday-webform-block .webform-options-display-one-column label.option,
  .iday-webform-block .webform-radios-other .fieldset-wrapper label.option {
    font-size: 17px;
  }

  .iday-webform-block .has-inline-select .form-item-international-qualifications-option .select2-container,
  .iday-webform-block .has-inline-select .form-item-international-schools-hksar-option .select2-container {
    max-width: 600px;
  }

  #form-popup .section-content {
    padding: 40px 50px;
  }
}

@media (max-width: 991px) {

  #edit-row-container-1.js-form-wrapper.form-wrapper,
  #edit-row-container-2.js-form-wrapper.form-wrapper,
  #edit-row-container-3.js-form-wrapper.form-wrapper {
    grid-template-columns: 1fr;
  }

  .iday-webform-block .webform-options-display-one-column .has-inline-select {
    flex-wrap: wrap;
  }


}

@media (max-width: 768px) {

  .iday-webform-block .has-inline-select .form-item-international-schools-hksar-option,
  .iday-webform-block .has-inline-select .form-item-international-qualifications-option {
    flex: 1 1 100%;
  }

  .iday-webform-block .has-inline-select .form-item-international-qualifications-option .select2-container,
  .iday-webform-block .has-inline-select .form-item-international-schools-hksar-option .select2-container {
    max-width: calc(100vw - 70px);
  }

  .form-item-how-did-you-learn-about-the-eduhk-info-day-may-choose-more-than-checkboxes--other-.has-inline-input,
  .form-item-your-qualifications.has-inline-input,
  .form-item-school-attended-represented.has-inline-input {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
  }

  .form-item-how-did-you-learn-about-the-eduhk-info-day-may-choose-more-than-checkboxes--other-.has-inline-input>.form-type-textfield,
  .form-item-your-qualifications.has-inline-input>.form-type-textfield,
  .form-item-school-attended-represented.has-inline-input>.form-type-textfield {
    flex: 1 1 100%;
    margin-left: 30px;
  }

  #edit-location-of-school>.fieldset-wrapper {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
  }

  .iday-webform-block .webform-radios-other-input {
    flex: 1 1 20px;
  }

  .iday-webform-block .webform-radios-other-input.form-item-location-of-school-other {
    margin-left: 30px;
    margin-top: -10px;
  }

  .form-item .description a,
  .form-item .description {
    font-size: 16px;
  }

  #form-popup .section-content {
    padding: 40px 40px;
  }
}

@media (max-width: 500px) {}