input[type="email"],
input[type="password"],
input[type="tel"],
input[type="text"],
textarea {
    width: 100%;
}

.gdrfa-exposed-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-gap-xl, 24px);
}

.gdrfa-fieldset {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    margin: 0 !important;
}

.gdrfa-fieldset .legend-title {
    color: var(--surface-on-surface, #000);

    /* H6/Regular */
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-h6, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-h6, 28px);
    /* 140% */
}

.gdrfa-fieldset .fieldset-wrapper .form-checkboxes {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}


.gdrfa-fieldset div.form-type-checkbox {
    display: flex;
    align-items: center;
    gap: var(--Main-System-12px, 12px);
    align-self: stretch;
    margin: 0;
    min-height: 32px;
    width: -webkit-fill-available;
}

.gdrfa-fieldset input.form-checkbox {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: var(--Roundness-Round-Inside, 6px);
    border: 2px solid var(--surface-outline-variant, #CEC4C4);
    background: var(--surface-surface-bright, #FBF8FD);
    appearance: none;
}

.gdrfa-fieldset label.option {
    color: var(--surface-on-surface, #000);
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
}

.gdrfa-fieldset input.form-radio:checked,
.gdrfa-fieldset input.form-checkbox:checked {
    accent-color: var(--option-color);
}

/*
.gdrfa-exposed-form .form-actions {
    display: flex;
    align-items: center;
    gap: var(--gap-gap-lg, 16px);
    align-self: stretch;
    margin: 0;
}

.gdrfa-exposed-form .form-submit {
    display: flex;
    padding: var(--padding-padding-sm, 8px) var(--padding-padding-md, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--gap-gap-xs, 4px);
    flex: 1 0 0;
    align-self: stretch;
    border-radius: var(--radius-xs, 8px);
    height: 40px;

}
*/
.form-checkbox:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
textarea:focus {
    outline: 0;
    border-radius: var(--Roundness-Round-Inside, 6px);
    /*background: var(--text-body, #9D3F49);*/
    box-shadow: 0 0 0 3px var(--primary-primary-variant, #FFEDEC);
}




.gdrfa-fieldset input.form-checkbox:checked[type="checkbox"] {
    background-image: url(/themes/gdrfad/assets/phase3/img/check.svg);
    background-color: var(--option-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    appearance: none;
    vertical-align: top;
    width: 24px;
    height: 24px;
    border: transparent;
}


textarea {
    display: flex;
    min-height: 120px;
    padding: var(--padding-padding-lg, 16px);
    align-items: flex-start;
    gap: var(--gap-gap-sm, 8px);
    flex: 1 0 0;
    border-radius: var(--radius-xs, 8px);
    border: 1px solid var(--surface-outline-variant, #E4E2E6);
    background: var(--surface-surface, #FFF);
}



.info-message {
    background-color: var(--info-info-variant);

}


.gdrfa-Input-form {
    display: flex;
    width: -webkit-fill-available;
    padding: var(--padding-padding-xxl, 32px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-gap-xl, 24px);
    border-radius: var(--Roundness-Round-Outside, 12px);
    border: 1px solid var(--surface-outline, #E4E2E6);
    background: var(--surface-surface, #FFF);
}

.gdrfa-select-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-gap-sm, 8px);
}

.gdrfa-select-container label {
    display: flex;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    flex: 1 0 0;

    color: var(--surface-on-surface, #000);

    /* Body/Regular */
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
    /* 150% */
}

.form-select {
    display: flex;
    height: 56px;
    padding: 0 var(--padding-padding-lg, 16px);
    justify-content: flex-end;
    align-items: center;
    gap: var(--gap-gap-sm, 8px);
    align-self: stretch;
    border-radius: var(--radius-xs, 8px);
    border: 1px solid var(--surface-outline, #E4E2E6);
    background: var(--surface-surface, #FFF);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M9.87498 1.00002L5.99498 4.88002L2.11498 1.00002C1.72498 0.61002 1.09498 0.61002 0.704976 1.00002C0.314976 1.39002 0.314976 2.02002 0.704976 2.41002L5.29498 7.00002C5.68498 7.39002 6.31498 7.39002 6.70498 7.00002L11.295 2.41002C11.685 2.02002 11.685 1.39002 11.295 1.00002C10.905 0.62002 10.265 0.61002 9.87498 1.00002Z' fill='currentColor'/></svg>");
    background-repeat: no-repeat;
    background-position: var(--icon-dir);
    background-origin: content-box;

    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.form-select:focus {
    border-radius: var(--radius-xs, 8px);
    border: 1px solid var(--primary-primary, #9D3F49);

    /* Focused/Primary */
    box-shadow: 0 0 0 3px var(--primary-primary-variant, #FFEDEC);
}

.form-select option {
    display: flex;
    padding: var(--padding-padding-sm, 8px) var(--padding-padding-lg, 16px);
    align-items: center;
    gap: var(--gap-gap-sm, 8px);
    flex: 1 0 0;
    align-self: stretch;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: var(--surface-on-surface-variant, #4B4545);
    text-overflow: ellipsis;

    /* Body/Regular */
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
    /* 150% */
}


.gdrfa-select-input option:selected {
    background: var(--state-layers-on-primary-hovered, #FFF8F7);
}


.gdrfa-textfield-container,
.gdrfa-email-container,
.gdrfa-tel-container,
.gdrfa-date-picker-container,
.gdrfad-country-picker-container {
    display: flex;
    width: -webkit-fill-available;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-gap-sm, 8px);
    margin: 0;
    align-self: stretch;
}

.webform-flexbox {
    margin: 0;
    width: -webkit-fill-available;
}


.gdrfa-textarea-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-gap-sm, 8px);
    width: -webkit-fill-available;
}


.gdrfa-textarea-container>label {
    flex: 1 0 0;
    color: var(--surface-on-surface, #000);

    /* Body/Regular */
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
    /* 150% */
}


.gdrfa-textarea-container .form-textarea-wrapper {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    flex-direction: column;

}

.gdrfa-textarea-container .form-textarea-wrapper textarea {
    display: flex;
    min-height: 120px;
    padding: var(--padding-padding-lg, 16px);
    align-items: flex-start;
    gap: var(--gap-gap-sm, 8px);
    flex: 1 0 0;
    border-radius: var(--radius-xs, 8px);
    border: 1px solid var(--surface-outline, #E4E2E6);
    background: var(--surface-surface, #FFF);
    color: var(--surface-on-surface, #000);

    /* Body/Regular */
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
    /* 150% */
}


.gdrfa-textfield-container input[type="text"]:not(.gdrfa-search-input),
.gdrfa-email-container input[type="email"],
.gdrfa-tel-container input[type="tel"] {
    display: flex;
    padding: var(--padding-padding-sm, 8px) var(--padding-padding-lg, 16px);
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    min-height: 56px;
    margin: 0;

    border-radius: var(--radius-xs, 8px);
    border: 1px solid var(--surface-outline, #E4E2E6);
    background: var(--surface-surface, #FFF);
    color: var(--surface-on-surface, #000);

}

.gdrfa-textarea-container .form-textarea-wrapper textarea::-webkit-input-placeholder,
.gdrfa-textarea-container .form-textarea-wrapper textarea:-ms-input-placeholder,
.gdrfa-textarea-container .form-textarea-wrapper textarea::placeholder,
.gdrfa-textfield-container input[type="text"]::-webkit-input-placeholder,
.gdrfa-textfield-container input[type="text"]:-ms-input-placeholder,
.gdrfa-textfield-container input[type="text"]::placeholder,
.gdrfa-email-container input[type="email"]::-webkit-input-placeholder,
.gdrfa-email-container input[type="email"]:-ms-input-placeholder,
.gdrfa-email-container input[type="email"]::placeholder,
.gdrfa-tel-container input[type="tel"]::-webkit-input-placeholder,
.gdrfa-tel-container input[type="tel"]:-ms-input-placeholder,
.gdrfa-tel-container input[type="tel"]::placeholder {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 0 0;
    overflow: hidden;
    color: var(--state-layers-on-disabled, #5E5E62);
    text-overflow: ellipsis;

    /* Body/Regular */
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
    /* 150% */
}



.gdrfa-textarea-container .description {
    display: flex;
    align-items: flex-start;
    gap: var(--gap-gap-sm, 8px);
    flex: 1 0 0;
    width: -webkit-fill-available;
}

.gdrfa-textarea-container .description .webform-element-description {
    display: flex;
    align-items: flex-start;
    gap: var(--gap-gap-sm, 8px);
    flex: 1 0 0;
}

.gdrfa-textarea-container .description .webform-element-description .description-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    flex: 1 0 0;
    overflow: hidden;
    color: var(--surface-on-surface-variant, #4B4545);
    text-overflow: ellipsis;

    /* Caption/Regular */
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-caption, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-caption, 20px);
    /* 142.857% */
    letter-spacing: 0.14px;
}


.gdrfa-textarea-container .description .text-count-wrapper {
    display: flex;
    align-items: flex-start;
}

.gdrfa-textarea-container .description .text-count-wrapper .text-count-message {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    flex: 1 0 0;
    overflow: hidden;
    color: var(--surface-on-surface-variant, #4B4545);
    text-overflow: ellipsis;

    /* Caption/Regular */
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-caption, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-caption, 20px);
    /* 142.857% */
    letter-spacing: 0.14px;
}



.gdrfa-tel-container .iti .iti--allow-dropdown {
    width: -webkit-fill-available;
}

div.webform-ajax-form-wrapper {
    display: flex;
    max-width: var(--device-Breakpoint);
    /*padding: 0 var(--padding-padding-3xl, 64px) var(--padding-padding-xxl, 32px);*/
    flex-direction: column;
    align-items: center;
    gap: var(--gap-gap-3xl, 64px);
}

.fieldset-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}


.form-item,
.form-actions {
    margin: 0 !important;
}


.gdrfa-radio-fieldset {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-gap-sm, 8px);
}

.gdrfa-radio-list {
    display: flex;
    padding: 10px;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--8px, 8px);
}

.gdrfa-radio-container {
    display: inline-flex !important;
    /*width: 185px;*/
    align-items: center;
    gap: var(--radius-sm, 12px);
    margin: 0 !important
}

/* Remove default browser style */
.gdrfa-radio-input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    width: 24px;
    height: 24px;
    border-radius: 16px;
    aspect-ratio: 1/1;
    border: 2px solid var(--surface-outline-variant, #CEC4C4);
    background: var(--surface-surface, #FFF);
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 6px;
}

.gdrfa-radio-input:checked {
    border-color: var(--primary-primary, #9D3F49);
}


/* Inner filled circle when selected */
.gdrfa-radio-input:checked::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    background: var(--primary-primary, #9D3F49);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.gdrfa-textfield-container label,
.gdrfa-radio-legend,
.gdrfa-email-container label,
.gdrfa-tel-container label,
.gdrfad-country-picker-container label,
.gdrfa-date-picker-container label {
    color: var(--surface-on-surface, #000);

    /* Body/Regular */
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
    /* 150% */
}

.form-item input.error:not([type="radio"], .gdrfa-date-picker-input),
.form-item textarea.error,
.form-item select.error {
    border-radius: var(--radius-xs, 8px) !important;
    border: 1px solid var(--error-error, #C0000A) !important;

    color: var(--surface-on-surface, #000);
    text-overflow: ellipsis;

    /* Body/Regular */
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
    /* 150% */
}

/* Keep radio controls circular when Drupal adds the validation error class. */
.form-item input[type="radio"].error {
    border: 1px solid var(--error-error, #C0000A);
    border-radius: 50%;
}

.webform-submission-form strong.error.form-item--error-message {
    display: flex;
    align-items: center;
    gap: var(--gap-gap-sm, 10px);
    align-self: stretch;
    overflow: hidden;
    color: var(--error-error, #C0000A);
    text-overflow: ellipsis;

    /* Caption/Regular */
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-caption, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-caption, 20px);
    /* 142.857% */
    letter-spacing: 0.14px;
}


.form-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 0 0;
    overflow: hidden;
    color: var(--state-layers-on-disabled, #5E5E62);
    text-overflow: ellipsis;

    /* Body/Regular */
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
    /* 150% */
}

@media(max-width:1024px) {
    div.webform-ajax-form-wrapper {
        padding: 0;
    }
}

/* GDRFA webform page: 67/33 content layout and Figma sidebar. */
.gdrfa-webform-page__layout {
    --gdrfa-webform-primary: var(--primary-primary, #9d3f49);
    color: var(--surface-on-surface, #000);
    font-family: var(--font-family, Dubai);
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: start;
}

.gdrfa-webform-page__layout>.field--name-field-webform {
    flex: 2 1 0;
    min-width: 0;
    order: -1;
}

.gdrfa-webform-page__close-info {
    display: none;
}

.gdrfa-webform-page__sidebar[hidden],
.gdrfa-webform-page__show-info[hidden] {
    display: none !important;
}

.gdrfa-webform-page__sidebar-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-gap-lg, 16px);
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.gdrfa-webform-page__sidebar {
    display: flex;
    flex: 1 1 0;
    width: auto;
    min-width: 300px;
    height: 100%;
    padding: var(--padding-padding-xl, 24px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-gap-lg, 16px);
    border-radius: var(--radius-md, 16px);
    border: 1px solid var(--surface-outline, #E4E2E6);
    background: var(--surface-surface, #FFF);
}

.gdrfa-webform-page__service-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-gap-lg, 16px);
    width: 100%;
}

.gdrfa-webform-page__heading {
    display: flex;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.gdrfa-webform-page__heading-icon {
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
}

.gdrfa-webform-page__title {
    display: flex;
    width: auto;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-gap-lg, 16px);
    color: var(--surface-on-surface, #000);

    /* H4/Regular */
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-h4, 28px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-h4, 32px);
    margin: 0;
    /* 114.286% */
}

.gdrfa-webform-page__chips {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.gdrfa-webform-page__chip {
    display: flex;
    height: 32px;
    max-height: 32px;
    padding: var(--padding-padding-xs, 4px) var(--padding-padding-md, 12px);
    align-items: center;
    gap: var(--gap-gap-xs, 4px);
    border-radius: var(--radius-pill, 999px);
    background: var(--surface-surface-container-low, #F6EBEB);
}

.gdrfa-webform-page__chip svg {
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
}

.gdrfa-webform-page__chip-text {
    width: max-content;
    color: var(--surface-on-surface-variant, #4B4545);

    /* Body/Regular */
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
    /* 150% */
}

.gdrfa-webform-page__description {
    color: var(--surface-on-surface, #000);

    /* Body/Medium */
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-body, 24px);
    /* 150% */
}

.gdrfa-webform-page__field {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-self: stretch;
    box-sizing: border-box;
    overflow-wrap: anywhere;
    word-break: normal;
}

.gdrfa-webform-page__field .field__label {
    display: none;
}

.gdrfa-webform-page__field .field__item {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-wrap: anywhere;
}

.gdrfa-webform-page__field .field__item * {
    max-width: 100% !important;
    box-sizing: border-box;
}

.gdrfa-webform-page__field p,
.gdrfa-webform-page__field ul,
.gdrfa-webform-page__field ol,
.gdrfa-webform-page__field dl,
.gdrfa-webform-page__field blockquote,
.gdrfa-webform-page__field pre,
.gdrfa-webform-page__field table {
    max-width: 100%;
}

.gdrfa-webform-page__field p,
.gdrfa-webform-page__field li,
.gdrfa-webform-page__field a,
.gdrfa-webform-page__field td,
.gdrfa-webform-page__field th {
    overflow-wrap: anywhere;
    word-break: normal;
}

.gdrfa-webform-page__field ul,
.gdrfa-webform-page__field ol {
    width: auto;
    margin: 0 0 16px;
    padding-inline-start: 24px;
    padding-inline-end: 0;
}

.gdrfa-webform-page__field li+li {
    margin-top: 8px;
}

.gdrfa-webform-page__field img,
.gdrfa-webform-page__field svg,
.gdrfa-webform-page__field video {
    max-width: 100%;
    height: auto;
}

.gdrfa-webform-page__field iframe {
    width: 100%;
    max-width: 100%;
}

.gdrfa-webform-page__field table,
.gdrfa-webform-page__field pre {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.gdrfa-webform-page__field pre,
.gdrfa-webform-page__field code {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.gdrfa-webform-page__field p:last-child,
.gdrfa-webform-page__panel-content p:last-child {
    margin-bottom: 0;
}

.gdrfa-webform-page__panel {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 100%;
    padding: var(--padding-padding-lg, 16px);
    gap: var(--gap-gap-lg, 16px);
    box-sizing: border-box;
}

.gdrfa-webform-page__panel-icon {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
}

.gdrfa-webform-page__panel-content {

    display: flex;
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: 100%;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    box-sizing: border-box;
    gap: var(--gap-gap-lg, 16px);

}

.gdrfa-webform-page__panel-title {
    color: var(--surface-on-surface, #000);

    /* H6/Medium */
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-h6, 20px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-h6, 28px);
    margin: 0;
    /* 140% */
}

.gdrfa-webform-page__panel--how-to,
.gdrfa-webform-page__panel--help {
    border-radius: var(--radius-md, 16px);
    border: 1px solid var(--primary-primary, #9D3F49);
    background: var(--surface-surface-container-lowest, #FCF1F1);
}

.gdrfa-webform-page__panel--notice {
    border-radius: var(--radius-sm, 12px);
    border: 1px solid var(--warning-on-warning-variant, #643F00);
    background: var(--warning-warning-variant, #FED);
}

.gdrfa-webform-page__panel--notice ul {
    margin: 0;
    padding-inline-start: 20px;
    color: var(--surface-on-surface-variant, #4b4545);
    font-size: 16px;
    line-height: 24px;
}

.gdrfa-webform-page__panel--help {
    flex-direction: column;
    justify-content: center;
    gap: var(--gap-gap-lg, 16px);
    padding: var(--padding-padding-lg, 16px);
    overflow: hidden;
}

.gdrfa-webform-page__help-copy {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: flex-start;
    gap: var(--gap-gap-lg, 16px);
}

.gdrfa-webform-page__help-copy h3 {
    width: 100%;
    margin: 0;
    color: var(--surface-on-surface, #000);
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
}

.gdrfa-webform-page__help-copy p {
    width: 100%;
    margin: 0;
    color: var(--surface-on-surface-variant, #4b4545);
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-caption, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-caption, 20px);
    letter-spacing: .14px;
    overflow-wrap: anywhere;
}

.gdrfa-webform-page__phone {
    display: flex;
    width: 100%;
    height: 40px;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: var(--gap-gap-xs, 4px);
    padding: var(--padding-padding-sm, 8px) var(--padding-padding-md, 12px);
    box-sizing: border-box;
    color: var(--primary-on-primary, #fff);
    background: var(--primary-primary, #9d3f49);
    border-radius: var(--radius-xs, 8px);
    font-family: var(--font-family, Dubai);
    font-size: var(--font-size-body, 16px);
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
    text-decoration: none;
}

.gdrfa-webform-page__panel--help .gdrfa-button-wrapper .gdrfa-button-Container {
    width: 100%;
    justify-content: center;

}

@media (max-width: 1024px) {

    .gdrfa-webform-page__layout {
        flex-direction: column;
    }

    .gdrfa-webform-page__layout>.field--name-field-webform,
    .gdrfa-webform-page__sidebar {
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
    }

    .gdrfa-webform-page__layout>.field--name-field-webform {
        order: 0;
    }

    .gdrfa-webform-page__sidebar {
        order: -1;
    }

    .gdrfa-webform-page__close-info {
        display: flex;
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        padding: 8px;
        align-items: center;
        justify-content: center;
        margin-inline-start: auto;
        box-sizing: border-box;
        color: var(--surface-on-surface, #000);
        background: transparent;
        border: 0;
        border-radius: 50%;
        cursor: pointer;
    }

    .gdrfa-webform-page__close-info:hover,
    .gdrfa-webform-page__close-info:focus-visible {
        background: var(--surface-surface-container-lowest, #fcf1f1);
    }

    .gdrfa-webform-page__show-info {
        order: -1;
        width: 100%;
        min-height: 48px;
        padding: 12px 16px;
        align-items: center;
        justify-content: center;
        color: var(--primary-primary, #9d3f49);
        background: var(--surface-surface, #fff);
        border: 1px solid var(--primary-primary, #9d3f49);
        border-radius: var(--radius-xs, 8px);
        font-family: var(--font-family, Dubai);
        font-size: var(--font-size-body, 16px);
        font-weight: 500;
        line-height: var(--line-height-body, 24px);
        cursor: pointer;
    }
}


@media (max-width: 1024px) {
    .webform-flexbox {
        display: flex;
        flex-direction: column;
        gap: var(--gap-gap-xl, 24px);
    }
}