/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root {
    --font-size-display-xlg: 64px;
    --font-line-height-display-xlg: 100%;
    --font-weight-display-xlg: 800;
    --letter-spacing-display-xlg: -2px;

    --font-size-display-lg: 52px;
    --font-line-height-display-lg: 100%;
    --font-weight-display-lg: 800;
    --letter-spacing-display-lg: -1.28px;

    --font-size-display-md: 40px;
    --font-line-height-display-md: 42px;
    --font-weight-display-md: 800;
    --letter-spacing-display-md: -1.04px;

    --font-size-display-sm: 28px;
    --font-line-height-display-sm: 32px;
    --font-weight-display-sm: 800;
    --letter-spacing-display-sm: -0.8px;

    --font-size-display-xs: 24px;
    --font-line-height-display-xs: 27px;
    --font-weight-display-xs: 800;
    --letter-spacing-display-xs: -0.16px;

    --font-size-display-2xs: 20px;
    --font-line-height-display-2xs: 120%;
    --font-weight-display-2xs: 800;
    --letter-spacing-display-2xs: 0;

    --font-size-display-3xs: 18px;
    --font-line-height-display-3xs: 122.222%;
    --font-weight-display-3xs: 800;
    --letter-spacing-display-3xs: 0;

    --headings-font: 'Golden Hopes';
    --text-font: 'Poppins';
}

.bricks-color-secondary {
    color: var(--blue-light-500);
}

/* p,
li {
    line-height: var(--lh-lg);
} */


.h1-hero-home,
.h2-hero-home {
    @media(max-width: 767px) {
        font-size: 47px !important;
        line-height: 100% !important;
        padding-top: 0 !important;
        letter-spacing: -1.28px !important;
    }
}

.h1-hero-lo {
    @media(max-width: 767px) {
        font-size: 40px !important;
        line-height: 105% !important;
        padding-top: 0 !important;
        letter-spacing: -1.04px !important;
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {}

.h1,
h1 {
    font-size: clamp(var(--font-size-display-md), 5vw, var(--font-size-display-xlg)) !important;
    line-height: var(--font-line-height-display-xlg) !important;
    font-weight: var(--font-weight-display-xlg) !important;
    letter-spacing: var(--letter-spacing-display-xlg) !important;

    @media(max-width: 600px) {
        line-height: var(--font-line-height-display-md) !important;
        font-weight: var(--font-weight-display-md) !important;
        letter-spacing: var(--letter-spacing-display-md) !important;
    }
}

.h2,
h2 {

    font-size: clamp(var(--font-size-display-2xs), 5vw, var(--font-size-display-lg)) !important;
    line-height: var(--font-line-height-display-lg) !important;
    font-weight: var(--font-weight-display-lg) !important;
    letter-spacing: var(--letter-spacing-display-lg) !important;

    @media(max-width: 600px) {
        line-height: var(--font-line-height-display-2xs) !important;
        font-weight: var(--font-weight-display-2xs) !important;
        letter-spacing: var(--letter-spacing-display-2xs) !important;
    }

}

.h3,
h3 {
    font-size: clamp(var(--font-size-display-3xs), 5vw, var(--font-size-display-md)) !important;
    line-height: var(--font-line-height-display-md) !important;
    font-weight: var(--font-weight-display-md) !important;
    letter-spacing: var(--letter-spacing-display-md) !important;

    @media(max-width: 600px) {
        line-height: var(--font-line-height-display-3xs) !important;
        font-weight: var(--font-weight-display-3xs) !important;
        letter-spacing: var(--letter-spacing-display-3xs) !important;
    }
}

.h4,
h4 {
    font-size: clamp(var(--font-size-display-3xs), 5vw, var(--font-size-display-sm)) !important;
    line-height: var(--font-line-height-display-sm) !important;
    font-weight: var(--font-weight-display-sm) !important;
    letter-spacing: var(--letter-spacing-display-sm) !important;

    @media(max-width: 600px) {
        line-height: var(--font-line-height-display-3xs) !important;
        font-weight: var(--font-weight-display-3xs) !important;
        letter-spacing: var(--letter-spacing-display-3xs) !important;
    }

}

.h5,
h5 {
    font-size: clamp(var(--font-size-display-3xs), 5vw, var(--font-size-display-2xs)) !important;
    line-height: var(--font-line-height-display-2xs) !important;
    font-weight: var(--font-weight-display-2xs) !important;
    letter-spacing: var(--letter-spacing-display-2xs) !important;
    text-transform: inherit !important;

    @media(max-width: 600px) {
        line-height: var(--font-line-height-display-3xs) !important;
        font-weight: var(--font-weight-display-3xs) !important;
        letter-spacing: var(--letter-spacing-display-3xs) !important;
    }
}

h6,
.h6 {
    font-size: clamp(var(--font-size-display-3xs), 5vw, var(--font-size-display-3xs)) !important;
    line-height: var(--font-line-height-display-3xs) !important;
    font-weight: var(--font-weight-display-3xs) !important;
    letter-spacing: var(--letter-spacing-display-3xs) !important;

    @media(max-width: 767px) {
        font-size: 16px;
        line-height: 150%;
    }
}


.brxe-section {
    .brxe-container {
        padding-top: var(--spacing-m);
        padding-bottom: var(--spacing-m);
    }
}

.accent {
    font-family: var(--headings-font);
    text-transform: none;
    color: var(--gray-25);
    font-weight: 400;
    font-size: clamp(3.2rem, calc(3.2rem + ((1vw - 0.36rem) * 6.6265)), 7.6rem);
    line-height: 80%;

    @media(max-width: 767px) {
        font-weight: 400;
        font-size: 64px;
        line-height: 100%;
        letter-spacing: 0.64px;
    }
}

.accent-blue {
    font-family: var(--headings-font);
    text-transform: none;
    color: var(--blue-light-500);
    font-weight: 400;
    font-size: clamp(4.8rem, calc(4.8rem + ((1vw - 0.36rem) * 6.6265)), 9.2rem);
    line-height: 96.053%;
    letter-spacing: 1.52px;

    @media(max-width: 767px) {
        font-family: var(--text-font);
        font-weight: 800;
        font-size: inherit;
        line-height: inherit;
        letter-spacing: inherit;
    }
}

.accent-orange {
    font-family: var(--headings-font);
    text-transform: none;
    color: var(--orange-500);
    font-weight: 400;
    font-size: clamp(4.8rem, calc(4.8rem + ((1vw - 0.36rem) * 6.6265)), 9.2rem);
    line-height: 96.053%;
    letter-spacing: 1.52px;
}

.accent-black-lo {
    font-family: var(--headings-font);
    text-transform: none;
    color: var(--gray-900);
    font-weight: 400;
    font-size: clamp(4.8rem, calc(4.8rem + ((1vw - 0.36rem) * 6.6265)), 9.2rem);
    line-height: 80%;
    letter-spacing: 1.84px;

    @media(max-width: 767px) {
        font-family: var(--text-font);
        font-weight: 800;
        font-size: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        color: var(--blue-light-500);
    }
}

.accent-black-lo-reviews {
    font-family: var(--headings-font);
    text-transform: none;
    color: var(--gray-900);
    font-weight: 400;
    font-size: clamp(4.8rem, calc(4.8rem + ((1vw - 0.36rem) * 6.6265)), 9.2rem);
    line-height: 80%;
    letter-spacing: 1.84px;

    @media(max-width: 767px) {
        font-weight: 400;
        font-size: 64px;
        line-height: 100%;
        letter-spacing: 0.64px;
    }
}

.bg-orange {
    padding: 12px 16px;
    background-color: var(--orange-500);
    border-radius: 6px;
}

.text-xlg {
    font-size: var(--text-xlg);
    line-height: var(--lh-xlg);

    @media(max-width: 600px) {
        font-size: 18px;
        line-height: 150%;
    }
}

.text-lg {
    font-size: var(--text-lg);
    line-height: var(--lh-lg);
}

.bricks-button {
    &.bricks-background-primary {
        &:hover {
            background-color: var(--blue-800) !important;
        }
    }

    &.bricks-background-secondary {
        &:hover {
            background-color: var(--blue-light-600) !important;
        }
    }
}


.bricks-mobile-menu-wrapper {
    padding-top: 108px;
    padding-left: 16px;
    padding-right: 16px;
    height: max-content !important;
    padding-bottom: 48px;

    border-bottom: 2px solid var(--Gray-50, #F6F7F9);
    box-shadow: 2px 8px 8px 0 rgba(27, 31, 34, 0.06);

    .bricks-mobile-menu {
        >.bricks-menu-item {}

        .bricks-menu-item {
            a {
                width: auto;
            }

            .sub-menu {
                @media(max-width: 1200px) {
                    margin-bottom: 8px;
                    border: 2px solid var(--gray-100);

                    li {
                        &:first-child {
                            a {
                                padding-top: 24px !important;
                            }
                        }

                        &:last-child {
                            a {
                                padding-bottom: 24px !important;
                            }
                        }

                        a {
                            background: var(--gray-50) !important;
                        }
                    }
                }
            }
        }
    }

    .header-right {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        flex: inherit !important;
        /* margin-top: 36px !important; */
        width: 100%;

        .header-lo-widget-shortcode {
            display: none !important;
        }

        .header-right-buttons {
            display: flex !important;
            flex-direction: column !important;
            width: 100% !important;
            row-gap: 8px !important;
        }

        .brxe-text-link {
            padding: 18px 27px !important;
            text-align: center;
            display: flex !important;
            justify-content: center;
        }

        .header-phone {
            text-align: center;

            &:after {
                display: none;
            }
        }

        .bricks-button {
            width: 100% !important;
        }

        .bricks-background-secondary {
            color: var(--gray-800) !important;
            border: 2px solid var(--gray-800) !important;
        }
    }
}

.drag-section {
    cursor: none;
    /* hide default cursor */
    position: relative;
}

/* the fake cursor element */
.drag-cursor {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    background: var(--blue-light-500);
    width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* green */
    color: var(--gray-900);
    font-size: 14px;
    font-weight: 700;
    padding: 15.5px 22px;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s ease;
    z-index: 9999;
}

.faq {
    .accordion-item {
        padding: 32px 0;
        border-bottom: 2px solid var(--gray-100);

        &:first-child {
            padding: 0 0 32px;
        }

        .accordion-title .title {
            padding-right: 16px;
        }

        .accordion-title-wrapper {
            padding: 0;
        }

        .accordion-content-wrapper {
            margin-top: 32px;
            padding: 0;

            ul {
                margin-bottom: 16px;
            }

            p {
                &:not(:last-of-type) {
                    margin-bottom: 16px;
                }
            }
        }

        &:last-child {
            margin-bottom: 0 !important;
        }
    }
}



.brxe-filter-radio,
.brxe-filter-checkbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: var(--gray-50);
    padding: 4px;
    border-radius: 12px;
    margin: 0 auto;
    --container-width: 1248px;

    @media(max-width:1200px) {
        background-color: transparent;
        gap: 4px;
    }


    &.blog-filters {
        background-color: transparent;
        padding: 0;
        flex-wrap: nowrap;
        justify-content: flex-start;

        &.infinite-carousel {
            clip-path: inset(-100vw -100vw -100vw 0);

            .flickity-viewport {
                overflow: visible;
            }
        }

        li {
            padding: 0;

            label {
                width: 100%;

                span {
                    white-space: nowrap;
                    width: 100%;

                    &:hover {
                        background-color: var(--blue-700-cta) !important;
                        color: var(--gray-25) !important;
                    }
                }
            }
        }
    }

    li {
        padding: 16px 18px;
        font-weight: 600;
        position: relative;

        @media(max-width:1200px) {
            background-color: var(--gray-50);
            border-radius: 8px;
        }

        @media(max-width: 768px) {
            padding: 12px 12px;
        }


        &.brx-option-active {
            background-color: var(--blue-700-cta);
            border-radius: 8px;

            span {
                color: var(--gray-25);
                position: relative;
            }
        }



        input {
            appearance: none;
            position: absolute;
            inset: 0;
            border: 0;
            cursor: pointer;
        }

        span {
            font-size: 14px;
            line-height: 16px;
            color: var(--gray-700-p);
            position: relative;
        }
    }
}

.gform_confirmation_message:not(.gform_confirmation_message_10) {
    text-align: center;
}

.gform_wrapper {
    .gform_heading {
        display: none;
    }

    .gform_validation_errors {
        h2 {
            &.gform_submission_error {
                font-size: 14px !important;
                line-height: 18px !important;
                letter-spacing: 0 !important;
            }
        }
    }

    form {
        margin-bottom: 0;

        .gform_body {
            .gform_fields {
                gap: 16px 16px;

                .gfield {
                    text-align: left;

                    &.desired_rate {
                        display: none !important;
                    }

                    .validation_message {
                        font-size: 12px !important;
                        line-height: 16px !important;
                    }

                    &.gfield--type-html {
                        margin-bottom: 48px;
                        text-align: center;

                        h1 {
                            margin-bottom: 16px;

                            span {
                                white-space: nowrap;
                            }
                        }
                    }

                    &.gfield--type-name {
                        .gform-field-label {
                            color: var(--gray-900);
                            font-size: 16px;
                            font-weight: 600;
                            line-height: 18px;
                            margin-bottom: 16px;
                        }

                    }

                    &.gfield--type-address {
                        .ginput_container_address {
                            span {
                                flex: 1 !important;
                            }
                        }
                    }

                    &.gfield--type-radio {
                        .ginput_container_radio {
                            .gfield_radio {
                                display: grid;
                                grid-template-columns: repeat(2, 1fr);
                                width: 100%;

                                .gchoice {
                                    position: relative;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    height: 52px;

                                    input {
                                        background-color: var(--gray-100);
                                        position: absolute;
                                        inset: 0;
                                        width: 100%;
                                        height: 100%;
                                        padding: 18px 28px;
                                        border-radius: 4px;
                                        appearance: none;

                                        &:checked {
                                            background-color: var(--blue-700-cta);

                                            &+label {
                                                color: var(--gray-25);
                                            }
                                        }
                                    }

                                    label {
                                        font-size: 14px;
                                        line-height: 16px;
                                        font-weight: 600;
                                        color: var(--gray-700-p);
                                        position: relative;
                                        margin: 0;
                                    }
                                }
                            }
                        }
                    }

                    &.gfield--type-consent {
                        .ginput_container_consent {
                            display: flex;
                            align-items: flex-start;
                            gap: 16px;

                            input {
                                appearance: none;
                                padding: 8px !important;

                                &:checked {
                                    background-size: 14px 9px;
                                    background-repeat: no-repeat;
                                    background-position: center;
                                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7' fill='none'%3E%3Cpath d='M7.6499 0.899902L3.00928 5.3999L0.899902 3.35445' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                                }
                            }

                            label {
                                font-size: 12px;
                                line-height: 150%;
                                font-weight: 500;
                                color: var(--gray-700-p);

                                a {
                                    color: var(--gray-900);
                                    font-weight: 600;
                                    text-decoration-line: underline;
                                    text-decoration-style: solid;
                                    text-decoration-skip-ink: none;
                                    text-decoration-thickness: 11%;
                                    /* 1.32px */
                                    text-underline-offset: 20%;
                                    /* 2.4px */
                                    text-underline-position: from-font;
                                }
                            }
                        }
                    }

                    .gfield_label {
                        color: var(--gray-900);
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 18px;
                        margin-bottom: 16px;
                    }


                    .ginput_container {

                        .gfield_checkbox {
                            .gchoice {}
                        }

                        input:not([type=checkbox]),
                        input:not([type=range]),
                        textarea,
                        select {
                            font-weight: 500;
                            color: var(--gray-900);
                            border-radius: 4px;
                            background: var(--gray-100);
                            padding: 18px;
                            box-shadow: unset;

                            font-size: 14px;
                            font-weight: 500;
                            line-height: 16px;
                            height: auto;
                            border: 2px solid transparent;

                            &:focus,
                            &:focus-visible {
                                outline: none;
                                border: 2px solid var(--gray-900);

                                &::placeholder {
                                    color: var(--gray-700-p);
                                }
                            }

                            &::placeholder {
                                color: var(--gray-700-p);
                                font-size: 14px;
                                font-weight: 500;
                                line-height: 16px;
                            }
                        }

                        textarea {
                            height: 198px !important;
                        }

                        input[type=checkbox] {
                            --gf-local-radius: 5px;

                            &:checked {
                                background-color: var(--gray-900);

                                &:before {
                                    color: #FFF;
                                }
                            }
                        }

                        &.ginput_container_fileupload {

                            input {
                                &[type="file"] {
                                    border-radius: 12px;
                                    border: 1.2px dashed rgba(32, 10, 2, 0.15);
                                    padding: 32px 28px;

                                    opacity: 0;
                                    width: 0.1px;
                                    height: 0.1px;
                                    position: absolute;
                                    z-index: -1;
                                }
                            }
                        }
                    }
                }
            }
        }

        .gform_footer,
        .gform-page-footer {
            padding-bottom: 0 !important;

            &:has(.gform_previous_button) {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 16px;
            }

            input {
                border-radius: 4px !important;
                border: unset;
                outline: unset;
                background-color: var(--blue-700-cta) !important;
                text-align: center;
                padding: 18px 28px !important;
                font-size: 14px !important;
                line-height: 16px;
                font-weight: 600 !important;
                color: var(--gray-25) !important;
                transition: background-color .25s;
                width: 100% !important;
                margin: 0 !important;
                cursor: pointer;

                &:hover {
                    opacity: .9;
                }
            }
        }
    }
}

/* 
body.page-id-21471 {
    @media(min-width: 992px) {
        overflow-y: hidden;
    }
} */


body.page-id-21632,
body.single-post {
    #brx-header {
        .brxe-section {
            background-color: var(--blue-25);
        }
    }
}

.timeline {
    counter-reset: timeline;
    position: relative;

    .default-line {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 2px;
        top: 0;
        background: var(--gray-200);

        @media(max-width: 991px) {
            left: 0;
        }

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

    .draw-line {
        width: 4px;
        height: 0;
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        background-color: var(--gray-900);
        top: 0;

        @media(max-width: 991px) {
            left: 0;
        }

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

    .step {
        position: relative;

        &.active {

            &:after {
                background-color: var(--gray-900);
                color: var(--gray-25);
            }
        }

        &:after {
            counter-increment: timeline;
            content: 'Step ' counter(timeline);
            display: block;
            font-size: 15px;
            font-weight: 700;
            line-height: 100%;
            text-transform: uppercase;
            width: 160px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--gray-200);
            border-radius: 4px;
            color: var(--gray-900);
            position: absolute;
            top: -54px;
            right: calc(50% - 80px);

            transition: all .55s ease-in;

            @media(max-width: 991px) {
                right: auto;
                left: 0;
            }

            @media(max-width: 768px) {
                display: none;
            }
        }

        @media(max-width: 991px) {
            /* justify-content: center !important; */
        }

        @media(max-width: 768px) {
            &:after {}
        }

    }
}


.find-an-advisor-tabs {
    background-color: var(--gray-100);
    border-radius: 4px;
    width: max-content;
    padding: 4px;
    gap: 0 !important;

    .tab-title {
        font-size: 12px !important;
        font-weight: 600;
        line-height: 14px;
        padding: 12px 16px !important;

        &.brx-open {
            background-color: var(--gray-25) !important;
            border-radius: 4px;
            color: var(--gray-900) !important;
        }
    }
}

.find-an-advisor-tabs-content {
    padding: 0 !important;
    border: unset !important;

    select,
    input {
        padding: 18px;
        border-radius: 4px;
        background-color: var(--gray-100);
        font-size: 14px;
        line-height: 16px;
        font-weight: 500;
        border-color: transparent;

        &::placeholder {
            color: var(--gray-700-p);
        }
    }

    .brxe-filter-search {
        /* &:after {
            content: '';
            width: 17px;
            height: 17px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 18px;
            display: inline-flex;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M15.8335 15.833L12.2085 12.208M14.1668 7.49967C14.1668 11.1816 11.1821 14.1663 7.50016 14.1663C3.81826 14.1663 0.833496 11.1816 0.833496 7.49967C0.833496 3.81778 3.81826 0.833008 7.50016 0.833008C11.1821 0.833008 14.1668 3.81778 14.1668 7.49967Z' stroke='%2347525A' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        } */

        .icon {
            visibility: visible;

            &:before {
                content: '';
                right: 18px;
                display: inline-flex;
                background-size: contain;
                background-repeat: no-repeat;
                width: 17px;
                height: 17px;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M15.8335 15.833L12.2085 12.208M14.1668 7.49967C14.1668 11.1816 11.1821 14.1663 7.50016 14.1663C3.81826 14.1663 0.833496 11.1816 0.833496 7.49967C0.833496 3.81778 3.81826 0.833008 7.50016 0.833008C11.1821 0.833008 14.1668 3.81778 14.1668 7.49967Z' stroke='%2347525A' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            }

            &.brx-show {
                &:before {
                    background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='-0.5 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21.32L21 3.32001' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 3.32001L21 21.32' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                }
            }
        }
    }

}



.infinite-carousel {
    display: block;
    width: 100%;
    visibility: visible;
    opacity: 1;

    &:focus-visible,
    &:focus-within {
        outline: none !important;
    }

    .flickity-viewport {
        transition: height 0.2s;
        /* Smooth height transition if slides differ */
        /* Match your slide min-height */

        &:focus-visible,
        &:focus-within {
            outline: none !important;
        }
    }

    li {
        margin-right: 12px;
        /* Ensure the cell doesn't collapse */
        display: flex;
        flex-direction: column;

        @media(max-width: 768px) {
            margin-right: 8px;
        }
    }
}


body.header-bg-mobile {
    #brx-header {
        @media(max-width: 767px) {
            background-color: var(--blue-25);
        }

        &+#brx-content {
            >.brxe-section:first-child {
                @media(max-width: 767px) {
                    background-color: var(--blue-25);
                    padding-bottom: 80px;
                }

                .brxe-button {
                    @media(max-width: 767px) {
                        font-size: 16px;
                        line-height: 18px;
                    }
                }
            }
        }
    }
}

.query-filter-div {
    scroll-margin-top: 64px;
}

.form-bg-gray {
    .gform_wrapper {
        form {
            margin-bottom: 0;

            .gform_body {
                .gform_fields {
                    .gfield {
                        text-align: left;

                        .gfield_label {
                            color: var(--gray-900);
                            font-size: 16px;
                            font-weight: 700;
                            line-height: 18px;
                            margin-bottom: 16px;
                        }

                        .ginput_container {

                            input:not([type=checkbox]),
                            input:not([type=range]),
                            textarea,
                            select {
                                font-weight: 500;
                                color: var(--gray-900);
                                border-radius: 4px;
                                background: var(--gray-25);
                                padding: 18px;
                                box-shadow: unset;

                                font-size: 14px;
                                font-weight: 500;
                                line-height: 16px;
                                height: auto;
                                border: 2px solid transparent;

                                &:focus,
                                &:focus-visible {
                                    outline: none;
                                    border: 2px solid var(--gray-900);

                                    &::placeholder {
                                        color: var(--gray-700-p);
                                    }
                                }

                                &::placeholder {
                                    color: var(--gray-700-p);
                                    font-size: 14px;
                                    font-weight: 500;
                                    line-height: 16px;
                                }
                            }

                            textarea {
                                height: 208px !important;
                            }

                            input[type=checkbox] {
                                --gf-local-radius: 5px;

                                &:checked {
                                    background-color: var(--gray-900);

                                    &:before {
                                        color: #FFF;
                                    }
                                }
                            }

                            &.ginput_container_fileupload {

                                input {
                                    &[type="file"] {
                                        border-radius: 12px;
                                        border: 1.2px dashed rgba(32, 10, 2, 0.15);
                                        padding: 32px 28px;

                                        opacity: 0;
                                        width: 0.1px;
                                        height: 0.1px;
                                        position: absolute;
                                        z-index: -1;
                                    }
                                }
                            }
                        }
                    }
                }
            }

            .gform_footer,
            .gform-page-footer {
                padding-bottom: 0 !important;

                &:has(.gform_previous_button) {
                    display: grid;
                    grid-template-columns: repeat(2, 1fr);
                    gap: 16px;
                }

                input {
                    border-radius: 4px !important;
                    border: unset;
                    outline: unset;
                    background-color: var(--blue-light-500) !important;
                    text-align: center;
                    padding: 18px 28px !important;
                    font-size: 14px !important;
                    line-height: 16px;
                    font-weight: 600 !important;
                    color: var(--gray-25) !important;
                    transition: background-color .25s;
                    width: 100% !important;
                    margin: 0 !important;
                    cursor: pointer;

                    &:hover {
                        opacity: .9;
                    }
                }
            }
        }
    }
}


body.is-internal-page {
    .dynamic-lo-inner:not(.col-1):not(.col-2)[class*="col-"] {
        flex-direction: column !important;
        gap: 48px;

        .lo-dynamic-left {
            max-width: 778px !important;
            margin: 0 auto;
            text-align: center;
            justify-content: center;

            h3.brxe-heading {
                font-size: var(--font-size-display-lg) !important;
                line-height: var(--font-line-height-display-lg) !important;
                font-weight: var(--font-weight-display-lg) !important;
                letter-spacing: var(--letter-spacing-display-lg) !important;
            }

            .brxe-button {
                display: none;
            }
        }

        .lo-dynamic-right {
            max-width: 100% !important;

            .dynamic-lo-grid {
                &.col-3 {
                    grid-template-columns: repeat(3, 1fr) !important;

                    @media(max-width: 768px) {
                        grid-template-columns: 100% !important;
                    }
                }

                &.col-4 {
                    grid-template-columns: repeat(4, 1fr) !important;

                    @media(max-width: 1024px) {
                        grid-template-columns: repeat(2, 1fr) !important;
                    }

                    @media(max-width: 768px) {
                        grid-template-columns: 100% !important;
                    }
                }
            }
        }
    }
}

body.use-minimal-header {
    #brx-header {
        &.brx-sticky {
            &.on-scroll {
                position: static;
            }
        }
    }
}