/*
 * Laptop and desktop customisation only.
 *
 * Below 1200px, Zoho Backstage's original CSS is used.
 */
@media screen and (min-width: 1200px) {

    /* =====================================================
       CONFIGURATION
       ===================================================== */

    .acp-form-side-by-side {
        --acp-form-background-colour: #ffffff;
        --acp-form-card-max-width: 620px;
        --acp-form-column-gap:
            clamp(25px, 3vw, 55px);
        --acp-section-spacing:
            clamp(45px, 5vw, 60px);
    }


    /* =====================================================
       COMBINED TEXT AND FORM SECTION
       ===================================================== */

    .acp-form-side-by-side {
        width: 100% !important;

        background-color:
            var(
                --acp-form-background-colour
            ) !important;

        box-sizing: border-box !important;
        overflow: hidden;
    }

    /*
     * Backstage's bs-container supplies the normal
     * left and right website margins.
     */
    .acp-form-side-by-side__inner {
        display: grid !important;

        grid-template-columns:
            minmax(0, 42%)
            minmax(0, 58%) !important;

        column-gap:
            var(--acp-form-column-gap);

        width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        align-items: stretch !important;
        box-sizing: border-box !important;
    }

    .acp-form-side-by-side__inner
    > section.bs-section {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 100% !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }

    .acp-form-side-by-side__inner
    > section.bs-section
    > article.foreground-layer {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        margin-left: 20px !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       LEFT INTRODUCTORY SECTION
       ===================================================== */

    .acp-form-side-by-side__intro
    > article.foreground-layer {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;

        padding-top:
            var(--acp-section-spacing) !important;
        padding-right: 0 !important;
        padding-bottom:
            var(--acp-section-spacing) !important;
        padding-left: 0 !important;

        box-sizing: border-box !important;
    }

    .acp-form-side-by-side__intro,
    .acp-form-side-by-side__intro
    > .background-layer {
        background-color:
            var(
                --acp-form-background-colour
            ) !important;

        background-image: none !important;
    }

    /*
     * Introductory text colour.
     */
    .acp-form-side-by-side__intro,
    .acp-form-side-by-side__intro h1,
    .acp-form-side-by-side__intro h2,
    .acp-form-side-by-side__intro h3,
    .acp-form-side-by-side__intro h4,
    .acp-form-side-by-side__intro h5,
    .acp-form-side-by-side__intro h6,
    .acp-form-side-by-side__intro p,
    .acp-form-side-by-side__intro li,
    .acp-form-side-by-side__intro span,
    .acp-form-side-by-side__intro strong,
    .acp-form-side-by-side__intro em,
    .acp-form-side-by-side__intro a {
        color: #000000 !important;
    }

    .acp-form-side-by-side__intro a {
        text-decoration: underline;
    }

    /*
     * Override the inline line-height: 2 used by
     * the Backstage heading paragraph.
     */
    .acp-form-side-by-side__intro
    .section-title,

    .acp-form-side-by-side__intro
    .section-title p,

    .acp-form-side-by-side__intro
    .section-title span {
        line-height: 1.1 !important;
    }

    .acp-form-side-by-side__intro
    .section-title p {
        margin-top: 0 !important;
        margin-bottom: 12px !important;
    }


    /* =====================================================
       FORM SECTION POSITIONING
       ===================================================== */

    .acp-form-side-by-side__form
    > article.foreground-layer {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;

        width: 100% !important;
        max-width: none !important;

        padding-top:
            clamp(40px, 4vw, 65px) !important;
        padding-right: 0 !important;
        padding-bottom:
            clamp(40px, 4vw, 65px) !important;
        padding-left: 0 !important;

        box-sizing: border-box !important;
    }

    /*
     * Remove the Bootstrap col-lg-6 width restriction.
     */
    .acp-form-side-by-side__form
    [form-id]
    > .row {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    .acp-form-side-by-side__form
    [form-id]
    > .row
    > .centered {
        display: block !important;

        flex: 0 0 100% !important;

        width: 100% !important;
        min-width: 0 !important;

        max-width:
            var(
                --acp-form-card-max-width
            ) !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       WHITE FORM CARD
       ===================================================== */

    .acp-form-side-by-side__form
    .bs-frame {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        min-width: 0 !important;

        max-width:
            var(
                --acp-form-card-max-width
            ) !important;

        margin-left: auto !important;
        margin-right: auto !important;

        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .acp-form-side-by-side__form
    .bs-frame
    > form {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;

        font-size: 13px !important;
        line-height: 1.4 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       FORM FIELDS
       ===================================================== */

    .acp-form-side-by-side__form
    form > *,

    .acp-form-side-by-side__form
    form [class*="form"],

    .acp-form-side-by-side__form
    form [class*="field"] {
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .acp-form-side-by-side__form
    form label {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    /*
     * Exclude telephone input because it needs additional
     * left padding for the country selector.
     */
    .acp-form-side-by-side__form
    input:not([type="checkbox"])
    :not([type="radio"])
    :not([type="tel"]),

    .acp-form-side-by-side__form
    select {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 40px !important;

        padding: 8px 10px !important;

        font-size: 13px !important;
        line-height: 1.3 !important;

        box-sizing: border-box !important;
    }

    /*
     * Correct version of the input selector.
     */
    .acp-form-side-by-side__form
    input:not([type="checkbox"]):not([type="radio"]):not([type="tel"]) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 40px !important;

        padding: 8px 10px !important;

        font-size: 13px !important;
        line-height: 1.3 !important;

        box-sizing: border-box !important;
    }

    .acp-form-side-by-side__form
    textarea {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 90px !important;

        padding: 10px !important;

        font-size: 13px !important;
        line-height: 1.4 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TELEPHONE FIELD
       ===================================================== */

    .acp-form-side-by-side__form
    [data-field-name="mobile_no"]
    .iti {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;
    }

    .acp-form-side-by-side__form
    [data-field-name="mobile_no"]
    input[type="tel"] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 40px !important;

        padding-top: 8px !important;
        padding-right: 10px !important;
        padding-bottom: 8px !important;
        padding-left: 105px !important;

        font-size: 13px !important;
        line-height: 1.3 !important;

        box-sizing: border-box !important;
    }

    .acp-form-side-by-side__form
    [data-field-name="mobile_no"]
    .iti__flag-container {
        z-index: 2 !important;
    }

    .acp-form-side-by-side__form
    [data-field-name="mobile_no"]
    .iti__selected-flag {
        padding-left: 10px !important;
        padding-right: 8px !important;
    }


    /* =====================================================
       CONSENT CHECKBOX
       ===================================================== */

    .acp-form-side-by-side__form
    .poc-form-field
    .uls-checkbox {
        display: flex !important;
        align-items: flex-start !important;

        font-size: 11px !important;
        line-height: 1.35 !important;
        font-weight: 400 !important;
    }

    .acp-form-side-by-side__form
    .poc-form-field
    .uls-checkbox
    input[type="checkbox"] {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        max-width: 16px !important;

        margin-top: 2px !important;
        margin-right: 7px !important;

        flex: 0 0 16px !important;
    }

    .acp-form-side-by-side__form
    .poc-form-field
    .pointer.text-small {
        font-size: 11px !important;
        line-height: 1.35 !important;
        font-weight: 400 !important;
    }


    /* =====================================================
       SUBMIT BUTTON INSIDE FORM CARD
       ===================================================== */

    .acp-form-side-by-side__form
    .bs-frame
    > .acp-form-submit-container {
        position: static !important;
        transform: none !important;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 18px 24px 24px !important;

        background-color: #ffffff !important;

        box-sizing: border-box !important;
    }

    .acp-form-side-by-side__form
    .acp-form-submit-container
    .bs-button {
        position: static !important;
        transform: none !important;

        margin: 0 !important;

        min-height: 40px !important;
        padding: 9px 22px !important;

        font-size: 14px !important;
    }


    /* =====================================================
       HEADER AND FOOTER CUSTOMISATION
       DESKTOP/LAPTOP ONLY
       ===================================================== */

    .bs-main-menu .item.logo {
        max-width: 340px;
    }

    .bs-main-menu .item.logo .logo.bs-image,
    .bs-main-menu .item.logo .logo.file-upload {
        height: unset;
        max-height: unset;
    }

    .community-section-footer
    .bs-footer
    .ft-top
    .logo {
        width: 112px;
        height: 112px;

        margin-top: 40px;
        margin-bottom: -12px;

        border-radius: 60px;
    }
    div#ember69 {
    display: none !important;
}
/* div#ember71 {
    padding-top: 10px !important;
} */
}
h3[text-id="13273000023225439"] .section-title .ember-view {
    margin-top: 4px;
}
#ember62 {
    margin-top: 4px;
}
.bs-section .section-sub-title {
    margin-bottom: 0.9em !important;
}