.e--ua-mac .gform_wrapper form#gform_4:not(#gform_2) input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.e--ua-mac .gform-body.gform_body *:not(.gfield_validation_message),
.e--ua-mac .gform_wrapper form:not(#gform_1):not(#gform_2) .gfield_radio .gchoice label,
.e--ua-mac .gform_wrapper form:not(#gform_1):not(#gform_2) .gfield_checkbox .gchoice label {
    font-family: Arial, sans-serif !important;

}




.mask-filter-blur:before {
    background-color: transparent;
    --background-overlay: '';
    background-image: linear-gradient(180deg, #00000000 0%, #000000 100%);
    backdrop-filter: blur(8px);
    mask-image: linear-gradient(to bottom,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 100%);
    -webkit-mask-image: linear-gradient(to bottom,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 100%);
}

.hkb-event-card__date .elementor-shortcode {
    font-family: var(--ff-gotham) !important;
    letter-spacing: 0.5px;
    color: var(--clr-blue-100);
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    margin: 0 0 4px;
    font-weight: 400;
    transition: all 0.3s;
    font-weight: 400;
}

.elementor-widget-loop-carousel .swiper-pagination .swiper-pagination-bullet,
.elementor-widget-n-carousel.hkb-slider-fullwidth .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    border: 1px solid #211650;
    background-color: #fff;
}

.elementor-widget-loop-carousel .swiper-pagination .swiper-pagination-bullet-active,
.elementor-widget-n-carousel.hkb-slider-fullwidth .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #211650;
}

.event-loop-item .elementor-widget-theme-post-featured-image {
    overflow: hidden;
}

.acknowledgement-categories .e-n-accordion-item+.e-n-accordion-item summary {
    border-top: 0 !important;
}

.gform_wrapper form.form-donation input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
    /*     height: 41px; */
    /* 	line-height: 1!important */
}

.gform_wrapper form#gform_8:not(#gform_2) button:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.gform_wrapper form#gform_4:not(#gform_2) button:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
    padding: 10px;
    height: auto
}

.gform_wrapper form#gform_13:not(#gform_1):not(#gform_2) button.gform_button:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.gform_wrapper form#gform_8:not(#gform_1):not(#gform_2) button.gform_next_button:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.gform_wrapper form#gform_5:not(#gform_1):not(#gform_2) button.gform_button:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.gform_wrapper form#gform_5:not(#gform_1):not(#gform_2) button.gform_next_button:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.gform_wrapper form#gform_4 .gform_body #gform_page_4_1 button#gform_next_button_4_50,
.gform_wrapper form#gform_4 .gform_body #gform_page_4_2 button#gform_submit_button_4,
.gform_wrapper form#gform_8 .gform_body #gform_page_8_2 button#gform_submit_button_8 {
    color: #fff !important;
    border-radius: 100px !important;
    font-size: 18px !important;
    font-family: 'NEXT Book', sans-serif !important;
    padding: 10px 28px !important;
    line-height: var(--lh-252);
    border-color: #211650 !important;
}

.gform-theme--framework .gfield--type-phone .gform-phone__search-wrapper input[type=text]:where(:not(.gform-theme__disable, .gform-theme__disable *):not(.gform-theme__disable-framework, .gform-theme__disable-framework *)) {
    background-image: none !important
}

.gform_wrapper form#gform_5:not(#gform_1):not(#gform_2) button.gform_previous_button:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.gform_wrapper form#gform_4 .gform_body #gform_page_4_2 button#gform_previous_button_4,
.gform_wrapper form#gform_8 .gform_body #gform_page_8_2 button#gform_previous_button_8 {
    border-radius: 100px !important;
    font-size: 18px !important;
    font-family: 'NEXT Book', sans-serif !important;
    color: #fff;
}

/* body.page-id-7151 .site-footer, */
body.page-id-12812 .site-footer,
body.page-id-12813 .site-footer,
#gform_wrapper_12 .gform_required_legend,
#gform_wrapper_13 .gform_required_legend,
body.page-id-6214 .site-footer,
body.page-id-6396 .site-footer {
    display: none !important;
}


#gform_page_4_1,
#gform_page_8_1 {
    max-width: 720px;
    padding: 40px 40px 80px;
    background-color: #fff;
    margin: 0 auto;
}


.form-donation_wrapper .gform_body {
    display: flex
}

.form-donation_wrapper {
    background-color: rgba(245, 245, 245, 1)
}

#gform_wrapper_13 .gform_heading,
#gform_wrapper_12 .gform_heading,
.form-donation_wrapper .gform_heading,
.form-donation_wrapper .gform_required_legend {
    display: none;
}


.form-donation_wrapper .dn-hide {
    display: none !important;
}


.form-donation_wrapper .dn-back {
    display: inline-flex;
    font-size: 12px;
    text-decoration: none;
    margin-bottom: 40px;
    font-weight: 400;
    align-items: center;
    gap: 10px;
    font-family: 'NEXT Book', sans-serif !important;
    color: rgba(33, 22, 80, 1);
}

.form-donation_wrapper .dn-h1 {
    font-size: 32px;
    font-family: 'NEXT Book', sans-serif !important;
    margin: 0 0 12px;
}

.form-donation_wrapper .dn-lead {
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}

.form-donation_wrapper .dn-fundhead {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.form-donation_wrapper .dn-sec {
    font-size: 26px;
    color: #211650;
    margin: 0;
    font-family: 'NEXT Book', sans-serif !important;
    margin: 28px 0 20px;


}

.form-donation_wrapper .dn-view {
    color: #211650;
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
    gap: 10px;
    font-family: 'NEXT Book', sans-serif !important;
    display: flex;
    align-items: center;
}

.form-donation_wrapper .dn-pills {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.form-donation_wrapper .dn-pill {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #E2E2E8;
    border-radius: 10px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    transition: .15s;
    user-select: none;
}

.form-donation_wrapper .dn-pill i {
    width: 18px;
    height: 18px;
    border: 1.5px solid #b9b9c6;
    border-radius: 50%;
    flex: 0 0 auto;
    position: relative;
}

.form-donation_wrapper .dn-pill.on {
    border-color: #211650;
    background: #F8F8FA;
}

.form-donation_wrapper .dn-pill.on i {
    border-color: #211650;
}

.form-donation_wrapper .dn-pill.on i:after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background: #211650;
}

.form-donation_wrapper .dn-note {
    margin: 4px 0 12px !important;
    font-size: 10px;
}

.form-donation_wrapper .dn-note.not-dancers{
	margin-bottom: -10px!important;
}

.form-donation_wrapper .dn-mkt {
    font-size: 10px;
    line-height: 14px;
    margin: 10px 0 10px !important;
}

.form-donation_wrapper .gform_page_footer {
    margin-top: 40px;
}


.form-donation_wrapper .dn-subq {
    font-size: 14px;
    margin-bottom: 8px !important;
}

.form-donation_wrapper .gfield_label {
    color: #1c1b3a;
}

.form-donation_wrapper .dn-hidelabel .gform-field-label,
.form-donation_wrapper .dn-hidelabel .gfield_label,
.form-donation_wrapper .dn-fund .gfield_label {
    display: none !important;
}

#gform_wrapper_13 .gform_fields {
    row-gap: 15px !important;
}

.form-donation_wrapper .gform_fields {
    row-gap: 12px !important;
    font-family: Arial, sans-serif !important;

}

.gform_wrapper form button:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]).gform-phone__country-selector {
    border-color: var(--clr-neutral-10) !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    line-height: var(--lh-21) !important;
    color: var(--clr-blue-100) !important;
    background-color: white !important;
    box-shadow: none !important;
    outline: 0 !important;
    transition: var(--transition);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    min-height: 40px
}

/* .form-donation_wrapper input[type=text],
.form-donation_wrapper input[type=email],
.form-donation_wrapper input[type=tel],
.form-donation_wrapper input[type=number],
.form-donation_wrapper select,
.form-donation_wrapper .ginput_amount {
    width: 100% !important;
    padding: 14px 16px !important;
    border: 1px solid #E2E2E8 !important;
    border-radius: 8px !important;
    background: #fff !important;
    font-size: 15px !important;
    color: #1c1b3a !important;
    box-shadow: none !important;
    height: auto !important;
} */

.form-donation_wrapper input::placeholder {
    color: rgba(105, 105, 105, 1) !important;
    opacity: 1 !important;
    -webkit-text-fill-color: inherit;

}

/* HK$ prefix on fund amount inputs */
.form-donation_wrapper .ginput_container_product_price {
    position: relative;
}

.form-donation_wrapper .ginput_container_product_price:before {
    content: "HK$";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #1c1b3a;
    font-size: 15px;
    pointer-events: none;
    z-index: 2;
}

.form-donation_wrapper .ginput_container_product_price .ginput_amount {
    padding-left: 52px !important;
}

.form-donation_wrapper .gfield--type-radio>.gfield_label {
    font-size: 16px;
    margin-bottom: 12px;
	    color: #211650;
}

/* No/Yes cards */
.form-donation_wrapper .dn-cards .gfield_radio {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* theme puts a stray border+radius on choice labels -> box-in-a-box; flatten it everywhere in this form */
.form-donation_wrapper .gchoice label {
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.form-donation_wrapper .dn-cards .gchoice {
    border: 1px solid #E2E2E8;
    border-radius: 10px;
    padding: 0 0 0 18px;
    margin: 0;
    display: flex !important;
    align-items: center;
    cursor: pointer;
    transition: .15s;
}

.form-donation_wrapper .dn-cards .gchoice:has(input:checked) {
    background: #F8F8FA;
    border-color: #211650;
}

.form-donation_wrapper .dn-cards .gchoice label {
    flex: 1 1 auto;
    margin: 0;
    padding: 12px;
    cursor: pointer;
    font-size: 15px;
}

.form-donation_wrapper .dn-cards input[type=radio],
.form-donation_wrapper .dn-pill {
    accent-color: #211650;
}

.form-donation_wrapper .dn-cards input[type=radio] {
    width: 18px;
    height: 18px;
}

/* inline checkbox rows */
.form-donation_wrapper .dn-inline .gfield_radio,
.form-donation_wrapper .dn-inline .gfield_checkbox {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 14px 28px;
    margin-bottom: 8px;
}

.form-donation_wrapper .dn-inline .gchoice {
    display: flex !important;
    align-items: center;
    gap: 9px;
    margin: 0;
    flex: 0 0 auto !important;
    width: auto !important;
}

.form-donation_wrapper .dn-inline .gchoice label {
    margin: 0;
    font-size: 15px;
}

.form-donation_wrapper .dn-inline input[type=checkbox] {
    width: 18px;
    height: 18px;
    accent-color: #211650;
    border-radius: 5px;
}

#field_4_14 {
    margin-top: -12px
}

.form-donation_wrapper .dn-fh2 {
    margin-top: 10px;
}

.form-donation_wrapper .dn-fundhead2 {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.form-donation_wrapper .dn-fundname2 {
    font-size: 14px;
    font-weight: 500;
}

#gform_page_8_2,
#gform_page_4_2 {
    width: 100%;
    background-color: #fff;
    padding: 80px 40px;
}

#gform_page_8_2 #field_8_106,
#gform_page_4_2 #field_4_106 {
    background-color: #fff;
    width: 60%;
}

#gform_fields_8_2,
#gform_fields_4_2 {
    display: flex;
    gap: 0 !important
}



/* buttons */
/* .form-donation_wrapper .gform_page_footer,
.form-donation_wrapper .gform_footer {
    border-top: none !important;
    padding-top: 14px !important;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.form-donation_wrapper .gform_next_button,
.form-donation_wrapper input[type=submit],
.form-donation_wrapper .gform_button {
    background-color: #211650 !important;
    background-image: none !important;
    color: #fff !important;
    border: 1.5px solid #211650 !important;
    padding: 0 44px !important;
    height: 52px !important;
    border-radius: 999px !important;
    width: auto !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    text-transform: none !important;
}

.form-donation_wrapper .gform_previous_button {
    background: #fff !important;
    color: #211650 !important;
    border: 1.5px solid #211650 !important;
    padding: 0 44px !important;
    height: 52px !important;
    border-radius: 999px !important;
    width: auto !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    box-sizing: border-box !important;
    margin-right: 12px !important;
    box-shadow: none !important;
} */

/* review page */
.form-donation_wrapper .dn-review-head {
    margin-bottom: 30px;
}

/* .form-donation_wrapper .dn-review-grid {
    display: grid;
    grid-template-columns: 1.55fr 1fr;
    gap: 50px;
} */

.form-donation_wrapper .dn-rrow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 40px;
    margin-bottom: 34px;
}

.form-donation_wrapper .dn-rlbl {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 500;
}

.form-donation_wrapper .dn-rval {
    display: block;
    font-size: 15px;
    line-height: 1.5;
    white-space: pre-line;
}

.form-donation_wrapper .dn-summary {
    background: #F5F5F5;
    padding: 80px 40px;
    position: fixed;
    right: 0;
    top: 0;
    width: calc(40% - 120px);
    height: 100%;
}

.form-donation_wrapper .dn-summary .dn-sec {
    font-size: 26px;
    margin-bottom: 40px
}

.form-donation_wrapper .dn-summary .dn-frow {
    margin-bottom: 20px;
    font-weight: 500;
}

.form-donation_wrapper .dn-frow {
    display: flex;
    justify-content: space-between;
    color: #211650;
    font-size: 15px;
    margin-bottom: 40px;
}

.form-donation_wrapper .dn-frow span:last-child {
    font-weight: 400;
}

.form-donation_wrapper .dn-total-row {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    padding-top: 16px;
    margin-top: 4px;
    font-family: 'NEXT Book', sans-serif !important;
    font-weight: 500;
}

#gform_wrapper_12 form#gform_12 .gform_body .gform_page .gform_page_footer input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.form-donation_wrapper form.form-donation .gform_body .gform_page .gform_page_footer input:not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
    background-color: rgba(33, 22, 80, 1) !important;
    border-radius: 100px !important;
    color: #fff !important;
    padding: 10px 28px !important;
    font-size: 18px !important;
    line-height: 25px !important;
    height: auto;
    border-color: rgba(33, 22, 80, 1) !important;
    font-family: 'NEXT Book', sans-serif !important;
}

#gform_wrapper_12 form#gform_12 .gform_body .gform_page .gform_page_footer input.gform-theme-button--secondary:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.form-donation_wrapper form.form-donation .gform_body .gform_page .gform_page_footer input.gform-theme-button--secondary:not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
    background-color: #fff !important;
    color: rgba(33, 22, 80, 1) !important;
    border-color: rgba(33, 22, 80, 1) !important;
}

/* red required-field validation */
#gform_wrapper_13 .gfield_required,
#gform_wrapper_12 .gfield_required,
#gform_wrapper_8 .gfield_required,
#gform_wrapper_5 .gfield_required {
    display: none;
}

.form-donation_wrapper .gfield_required {
    color: #d0021b !important;
}

#gform_wrapper_4 .gfield,
#gform_wrapper_8 .gfield {
    position: relative
}

#gform_wrapper_8 #field_8_204 {
    margin-bottom: 28px
}

#gform_wrapper_8 #field_8_1,
#gform_wrapper_8 #field_8_205 {
    margin-bottom: 12px
}

#gform_wrapper_8 #field_8_205,
#gform_wrapper_8 #field_8_206 {
    padding-left: 28px
}


#gform_wrapper_8 .dn-view {
    position: absolute;
    right: 0;
    top: 0;
}

#gform_wrapper_8 .dn-view svg * {
    all: revert-layer;
}

#gform_wrapper_12 .gfield_validation_message,
#gform_wrapper_12 .validation_message,
#gform_wrapper_5 .gfield_validation_message,
#gform_wrapper_5 .validation_message,
.form-donation_wrapper .gfield_validation_message,
.form-donation_wrapper .validation_message {
    color: #d0021b !important;
    background: transparent !important;
    border: none !important;
    padding: 6px 0 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.form-donation_wrapper .gfield_error input,
.form-donation_wrapper .gfield_error .ginput_amount {
    border-color: #d0021b !important;
}

.form-donation_wrapper .gform_validation_errors {
    border: 1px solid #d0021b !important;
    background: #fdecec !important;
    box-shadow: none !important;
    border-radius: 8px;
}

.form-donation_wrapper .gform_validation_errors h2,
.form-donation_wrapper .gform_submission_error {
    color: #d0021b !important;
}

.form-donation_wrapper .gf-custom-select .hkb-custom-select__trigger {
    line-height: 21px;
}


.grid-sponsors figure {
    display: flex;
    flex-direction: column-reverse;
    gap: 16px;
}

.grid-sponsors figure img {
    aspect-ratio: 200 / 160;
    object-fit: contain;
    object-position: center;
    padding: 7px;
}

.grid-sponsors figure .widget-image-caption {
    min-height: 34px
}

.grid-g-sponsors .elementor-widget-image>img {
    aspect-ratio: 185 / 140;
    object-fit: contain;
    object-position: center;
}

.acknowledgement-categories .e-n-accordion-item .e-opened {
    transform: rotate(45deg);
}

.acknowledgement-categories .e-n-accordion-item-title-header {
    flex-grow: 1
}

.acknowledgement-categories .e-n-accordion-item-title-header .e-n-accordion-item-title-text {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px
}

.acknowledgement-categories .e-n-accordion-item-title-header .e-n-accordion-item-title-text span {
    /*     font-family: var(--ff-gotham) !important; */
    font-family: 'NEXT Book', sans-serif !important;
    letter-spacing: 0.5px;
    font-size: 32px;
}

.form-donation-fake .ginput_amount {
    width: 610px !important
}

.form-donation-fake .gform_page_footer {
    justify-content: center;
}

.form-donation-fake .cta-dark-radial-out {
    width: 200px !important;
}

.form-donation_wrapper.form-donation-fake .dn-pill {
    background: #fff;
}

.form-donation_wrapper.form-donation-fake .dn-pill.on {
    border-color: rgba(188, 185, 202, 1);
    background: transparent;
}

.form-donation-fake .gform_submit_button {
    background-color: rgba(33, 22, 80, 1) !important;
    border-color: rgba(33, 22, 80, 1);
    width: 200px !important;
    height: 46px !important;
}


body.page-id-6144,
body.page-id-6144 .site-main,
body.page-id-6144 main {
    background: #F5F5F5 !important;
}

/* clean standalone page: no footer, no newsletter, no parallax dancer */
/* body.page-id-6144 .site-footer {
    display: none !important;
} */

#gform_13 .gfield--type-section,
#gform_12 .gfield--type-section,
#gform_5 .gfield--type-section {
    border-bottom: 0;
    padding-bottom: 0
}


#gform_5 .gfield--type-section .gsection_title {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
}

#gform_13 .gfield_label,
#gform_12 .gfield_label,
#gform_5 .gfield_label {
    color: rgba(33, 22, 80, 1);
    font-size: 16px;
}

#gform_13 .gfield_description,
#gform_12 .gfield_description,
#gform_5 .gfield_description {

    color: rgba(33, 22, 80, 1);
}

#field_5_7 {
    margin-top: 20px;

}

#gform_13 .hkb-terms {
    font-size: 14px
}


#gform_wrapper_5 .rsvp-cards .gchoice label {
    padding: 12px 12px 12px 40px !important;
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 6px;
    width: 100%;
}

#gform_wrapper_5 .rsvp-cards .gchoice input:checked~label {
    background-color: rgba(248, 248, 250, 1);
    border-color: rgba(188, 185, 202, 1)
}

#gform_wrapper_5 .rsvp-cards .gchoice label:before {
    left: 12px !important
}

#gform_wrapper_5 .rsvp-cards .gchoice label:after {
    left: 16px !important
}


#field_5_7 legend {
    color: rgba(33, 22, 80, 1);
    margin-bottom: 24px;
}

#gform_wrapper_5 .rsvp-2col .gfield_radio {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

#gform_wrapper_12 .gform_fields,
#gform_wrapper_5 .gform_fields {
    row-gap: 20px !important;
}

#gform_wrapper_12 .gform-datepicker {
    width: 100%
}

#gform_wrapper_5 .gform_page_footer {
    margin-top: 40px
}

#gform_wrapper_5 .rsvp-cards .gchoice {
    display: block
}


.supportus-card {
    aspect-ratio: 415 / 725;
}

/* 
.gfield--type-phone .ginput_container_phone {
    display: flex;
    align-items: center;
}

.gfield--type-phone .ginput_container_phone::before {
    content: "+852";
    background-color: #f5f5f5;
    padding: 10px;
    border: 1px solid var(--clr-neutral-10);
    border-radius: 8px 0 0 8px;
    border-right: 0;
    font-size: 14px !important;
    line-height: var(--lh-21) !important;
} */
.gform_wrapper form:not(#gform_1):not(#gform_2) input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"])[type="tel"] {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.gfield--type-phone .ginput_container_phone input {
    border-radius: 0 4px 4px 0 !important;
}

.gform-theme--framework .gfield--type-phone .gform-phone__dropdown {
    border: 1px solid var(--clr-neutral-15) !important;
    border-radius: 6px !important;
}


@media (max-width: 1280px) {
    .supportus-card {
        aspect-ratio: 415 / 700;
    }

    .grid-g-sponsors {
        padding-right: 0 !important;
    }
	
	.form-donation_wrapper .dn-summary{
		top: 80px
	}
}

@media (max-width: 981px) {
	#gform_page_8_2 #field_8_106, #gform_page_4_2 #field_4_106{
	}
	.form-donation_wrapper .dn-summary{
		width: 40%;
	}
}

@media (max-width: 768px) {
    .supportus-card {
        aspect-ratio: 399 / 410;
    }

    #gform_page_8_2,
    #gform_page_4_2 {
        padding: 40px 20px
    }

    .grid-g-sponsors {

        --e-con-grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    .grid-g-sponsors .elementor-widget-image>img {
        aspect-ratio: 185 / 90 !important;
    }

    .gform_wrapper div.cta-dark-radial-out button,
    .gform_wrapper form#gform_13:not(#gform_1):not(#gform_2) button.gform_button:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
    .gform_wrapper form#gform_8:not(#gform_1):not(#gform_2) button.gform_next_button:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
    .gform_wrapper form#gform_5:not(#gform_1):not(#gform_2) button.gform_button:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
    .gform_wrapper form#gform_5:not(#gform_1):not(#gform_2) button.gform_next_button:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
    .gform_wrapper form#gform_4 .gform_body #gform_page_4_1 button#gform_next_button_4_50,
    .gform_wrapper form#gform_4 .gform_body #gform_page_4_2 button#gform_submit_button_4,
    .gform_wrapper form#gform_8 .gform_body #gform_page_8_2 button#gform_previous_button_8,
    .gform_wrapper form#gform_8 .gform_body #gform_page_8_2 button#gform_submit_button_8,
    .gform_wrapper form#gform_4 .gform_body #gform_page_4_2 button#gform_previous_button_4 {
        width: 100%;
    }

    /* Stack half-width fields on mobile */
    .dn-mobile-stack {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 15px;
    }

    /* Make sure address fields display properly */
    .dn-review-grid .dn-rrow {
        flex-direction: column !important;
        gap: 15px;
        display: flex;
        margin-bottom: 15px;
    }

    .dn-review-grid .dn-rrow>div {
        width: 100% !important;
    }

    /* Ensure review page looks clean */
    .dn-summary {
        margin-top: 20px;
        padding: 15px;
    }
	.form-donation_wrapper .dn-summary{
		top: 0
	}

    /* Donation summary rows */
    .dn-frow {
        display: flex;
        justify-content: space-between;
        padding: 8px 0;
        border-bottom: 1px solid #eee;
    }
	

    .dn-total-row {
        display: flex;
        justify-content: space-between;
        font-weight: bold;
        padding: 12px 0;
/*         border-top: 2px solid #4D4573; */
        margin-top: 10px;
    }
	
    #gform_page_8_2 #field_8_106,
    #gform_page_4_2 #field_4_106 {
        width: 100%;
    }

    #gform_page_4_2,
    #gform_page_4_1,
    #gform_page_8_1 {
        padding: 20px
    }

    #gform_fields_8_2,
    #gform_fields_4_2 {
        flex-direction: column;
    }

    .form-donation_wrapper .dn-summary {
        position: relative;
        padding: 0;
        width: 100%;
        background-color: #fff
    }
	
	 #gform_wrapper_8 #field_8_205,
    #gform_wrapper_8 #field_8_206 {
        padding-left: 0
    }

    #gform_13 .gfield--type-section .gsection_title,
    #gform_12 .gfield--type-section .gsection_title {
        font-size: 18px
    }
}

@media(max-width:720px) {
    .acknowledgement-categories .e-n-accordion-item-title-header .e-n-accordion-item-title-text {
        grid-template-columns: repeat(1, 1fr);

    }

    .acknowledgement-categories .e-n-accordion-item-title-header .e-n-accordion-item-title-text span {
        font-size: 14px
    }

    .grid-sponsors figure {
        gap: 12px
    }

    .grid-sponsors figure img {
        aspect-ratio: 1 / 1;
    }

    .gold-sponsors .gallery .gallery-item {
        max-width: 50% !important;
    }


    .corp-gallery .swiper-slide .gallery-slide__text {
        text-align: center;
        padding: 10px 20px
    }

   

}


/* ── Outreach event registration forms (GF CSS class "hkb-event-reg", e.g. #20, #21) ──
   Same look as the RSVP / donation forms. Field classes:
   evr-hidelabel = placeholder only, evr-cards = stacked choice cards,
   evr-pills = 3-column amount pills, evr-inline = choices in one row. */
.hkb-event-reg_wrapper .gform_heading,
.hkb-event-reg_wrapper .gform_required_legend,
.hkb-event-reg_wrapper .gfield_required {
    display: none !important;
}

.hkb-event-reg_wrapper .gform_fields {
    row-gap: 20px !important;
}

.hkb-event-reg_wrapper .gfield--type-section {
    border-bottom: 0;
    padding-bottom: 0;
}

.hkb-event-reg_wrapper .gfield--type-section .gsection_title {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    color: rgba(33, 22, 80, 1);
}

.hkb-event-reg_wrapper .gfield_label,
.hkb-event-reg_wrapper .gfield_description {
    color: rgba(33, 22, 80, 1);
}

.hkb-event-reg_wrapper .gfield_label {
    font-size: 16px;
}

.hkb-event-reg_wrapper .evr-hidelabel .gfield_label {
    display: none !important;
}

/* stacked cards (same as RSVP .rsvp-cards) */
.hkb-event-reg_wrapper .evr-cards .gfield_radio {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.hkb-event-reg_wrapper .evr-cards .gchoice,
.hkb-event-reg_wrapper .evr-pills .gchoice {
    display: block;
    margin: 0 !important;
}

.hkb-event-reg_wrapper .evr-cards .gchoice label,
.hkb-event-reg_wrapper .evr-pills .gchoice label {
    padding: 12px 12px 12px 40px !important;
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 6px;
    width: 100%;
}

.hkb-event-reg_wrapper .evr-cards .gchoice input:checked~label,
.hkb-event-reg_wrapper .evr-pills .gchoice input:checked~label {
    background-color: rgba(248, 248, 250, 1);
    border-color: rgba(33, 22, 80, 1);
}

.hkb-event-reg_wrapper .evr-cards .gchoice label:before,
.hkb-event-reg_wrapper .evr-pills .gchoice label:before {
    left: 12px !important;
}

.hkb-event-reg_wrapper .evr-cards .gchoice label:after,
.hkb-event-reg_wrapper .evr-pills .gchoice label:after {
    left: 16px !important;
}

/* amount pills (same grid as the donation .dn-pills) */
.hkb-event-reg_wrapper .evr-pills .gfield_radio {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.hkb-event-reg_wrapper .evr-pills .gchoice label {
    border-radius: 10px;
}

/* choices in one row */
.hkb-event-reg_wrapper .evr-inline .gfield_radio,
.hkb-event-reg_wrapper .evr-inline .gfield_checkbox {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 14px 28px;
}

.hkb-event-reg_wrapper .evr-inline .gchoice {
    margin: 0 !important;
    width: auto !important;
    flex: 0 0 auto !important;
}

.hkb-event-reg_wrapper .gfield_validation_message,
.hkb-event-reg_wrapper .validation_message {
    color: #d0021b !important;
    background: transparent !important;
    border: none !important;
    padding: 6px 0 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.hkb-event-reg_wrapper .gform_footer {
    margin-top: 40px;
}

.hkb-event-reg_wrapper .gform_footer .gform_button {
    background-color: rgba(33, 22, 80, 1) !important;
    border-color: rgba(33, 22, 80, 1) !important;
    color: #fff !important;
    border-radius: 100px !important;
    font-size: 18px !important;
    font-family: 'NEXT Book', sans-serif !important;
    padding: 10px 28px !important;
    height: auto !important;
}

@media (max-width: 767px) {
    .hkb-event-reg_wrapper .evr-pills .gfield_radio {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* event registration: phone "Country / Phone Number" sub-labels hidden, as on /donate */
.hkb-event-reg_wrapper .evr-hidelabel .gform-field-label--type-sub {
    display: none !important;
}

/* event registration: total as a summary row instead of an input box */
.hkb-event-reg_wrapper .gfield--type-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(248, 248, 250, 1);
    border-radius: 6px;
    padding: 16px 20px;
}

.hkb-event-reg_wrapper .gfield--type-total .gfield_label {
    margin: 0 !important;
    font-size: 18px;
    font-weight: 500;
    font-family: 'NEXT Book', sans-serif !important;
}

.hkb-event-reg_wrapper .ginput_container_total {
    display: flex;
    align-items: center;
    margin: 0 !important;
    font-size: 18px;
    font-weight: 500;
    color: rgba(33, 22, 80, 1);
    font-family: 'NEXT Book', sans-serif !important;
}

/* site HKD currency has no symbol, so add it here */
.hkb-event-reg_wrapper .ginput_container_total:before {
    content: "HK$";
}

/* beats the theme input rule (.gform_wrapper form:not(#gform_1):not(#gform_2) input...) */
.gform_wrapper.hkb-event-reg_wrapper form:not(#gform_1):not(#gform_2) .gfield--type-total .ginput_container_total input.ginput_total.gform-text-input-reset {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    width: 9ch !important;
    text-align: right;
    font: inherit !important;
    color: inherit !important;
    pointer-events: none;
}

@supports (field-sizing: content) {
    /* beats the theme input rule (.gform_wrapper form:not(#gform_1):not(#gform_2) input...) */
.gform_wrapper.hkb-event-reg_wrapper form:not(#gform_1):not(#gform_2) .gfield--type-total .ginput_container_total input.ginput_total.gform-text-input-reset {
        width: auto !important;
        field-sizing: content;
        text-align: left;
    }
}


/* ── Custom-amount radio, aligned with the preset pills (donate form #4) ─────
   Decorative circle only (no form value); donate.js toggles .on. A filled
   custom amount always wins over a preset pill. */
.form-donation_wrapper .dn-fund-main .ginput_container_product_price .dn-amt-radio {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 1.5px solid #b9b9c6;
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 3;
    cursor: pointer;
}
.form-donation_wrapper .dn-fund-main .ginput_container_product_price .dn-amt-radio.on {
    border-color: #211650;
}
.form-donation_wrapper .dn-fund-main .ginput_container_product_price .dn-amt-radio.on:after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background: #211650;
}
/* make room for the circle: shift the HK$ prefix and the input padding */
.form-donation_wrapper .dn-fund-main .ginput_container_product_price:before {
    left: 46px;
}
.form-donation_wrapper .dn-fund-main .ginput_container_product_price .ginput_amount {
    padding-left: 82px !important;
}

/* HKB-578: keep words intact in justified English body copy. */
html[lang^="en"] .elementor-element-472cd81 p,
html[lang^="en"] .elementor-element-9bbad5c p,
html[lang^="en"] .elementor-element-b6d1daf p {
  hyphens: none;
  -webkit-hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
}

/* HKB-582/583: keep words intact on justified English fund and donation pages. */
html[lang^="en"] body.page-id-5627 main p,
html[lang^="en"] body.page-id-15632 main p,
html[lang^="en"] body.page-id-15642 main p,
html[lang^="en"] body.page-id-15669 main p,
html[lang^="en"] body.page-id-15644 main p {
  hyphens: none;
  -webkit-hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
}