.section-heading {
    .heading-title {
        color: var(--deprecated-medium-blue);
        font-weight: var(--main-font-bold);
        font-size: $title-font-size;
    }

    .heading-description {
        margin-top: $form-heading-description-margin-top;
        color: var(--deprecated-dark-grey);
        font-size: 12px;
    }
}

.coveo-form {
    .form-group + .section-heading {
        margin-top: $form-group-margin;
        margin-bottom: $form-section-header-margin-bottom;
    }
}

.form-section {
    margin-top: 10px;

    .section-heading {
        margin-bottom: $form-section-header-margin-bottom;
    }

    .form-subsection {
        + .form-subsection {
            margin-top: 10px;
        }

        .subsection-heading {
            margin: 5px 0;

            .heading-title {
                color: var(--deprecated-medium-blue);
                font-size: 13px;
                text-transform: uppercase;

                svg {
                    fill: var(--deprecated-medium-blue);
                }
            }
        }
    }
}

.form-section-separator {
    position: relative;
    width: 100%;
    margin: 20px 0 10px;
    text-align: center;

    span {
        display: inline-block;
        color: var(--deprecated-medium-grey);
        text-transform: uppercase;

        &::before,
        &::after {
            position: absolute;
            top: 4px;
            width: 235px;
            border-top: solid 1px;
            content: ' ';
        }

        &::before {
            left: 0;
            border-image: linear-gradient(to left, var(--deprecated-medium-grey), white) 1;
        }

        &::after {
            left: 265px;
            border-image: linear-gradient(to right, var(--deprecated-medium-grey), white) 1;
        }
    }
}