  @media (prefers-reduced-motion: no-preference) {
        .gl-reveal {
            opacity: 0;
            transition-property: opacity, transform;
            transition-duration: 720ms;
            transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
            transition-delay: var(--gl-delay, 0ms);
            will-change: opacity, transform;
        }

        .gl-reveal-left {
            transform: translate3d(-42px, 0, 0);
        }

        .gl-reveal-right {
            transform: translate3d(42px, 0, 0);
        }

        .gl-reveal-up {
            transform: translate3d(0, 42px, 0);
        }

        .gl-reveal.is-visible {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .gl-reveal {
            opacity: 1 !important;
            transform: none !important;
            transition: none !important;
        }
    }

/* // Appointment form styles */

.gl-appointment-form-wrap {
    background: #f8f4fb;
    border-radius: 4px;
    padding: 24px 36px 28px;
}
.ff-section_break_desk{
    display: none;
}

.gl-appointment-form-wrap .ff-el-section-title,
.gl-appointment-form-wrap .ff-el-form-top {
    text-align: start;
    border-bottom: 1px solid rgba(29, 49, 73, 0.18);
    margin-bottom: 22px;
    padding-bottom: 22px;
}

.gl-appointment-form-wrap .ff-el-section-title h2,
.gl-appointment-form-wrap .ff-el-section-title h3,
.gl-appointment-form-wrap .ff-el-form-top h3 {
    color: #1d3149;
    font-size: 26px;
    font-weight: 700;
    margin: 0;
}

.gl-appointment-form-wrap .ff-el-group {
    margin-bottom: 14px;
}

.gl-appointment-form-wrap .ff-el-input--label label {
    color: #1d3149;
    font-size: 11px;
    font-weight: 500;
}

.gl-appointment-form-wrap .ff-el-input--label .required {
    color: #9a8012;
}

.gl-appointment-form-wrap .ff-el-form-control {
    background: #ffffff;
    border: 1px solid #cfd9ee;
    border-radius: 3px;
    color: #1d3149;
    font-size: 13px;
    min-height: 38px;
    padding: 9px 12px;
    box-shadow: none;
}

.gl-appointment-form-wrap textarea.ff-el-form-control {
    min-height: 78px;
}

.gl-appointment-form-wrap .ff-el-form-control:focus {
    border-color: #1d3149;
    box-shadow: 0 0 0 2px rgba(29, 49, 73, 0.08);
}

.gl-appointment-form-wrap .ff-el-form-control::placeholder {
    color: #8a94a6;
}

.gl-appointment-form-wrap .ff-btn-submit,
.gl-appointment-form-wrap button[type="submit"] {
    background: #1d3149 !important;
    border: 1px solid #1d3149 !important;
    border-radius: 3px;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 700;
    padding: 11px 22px;
    min-height: 38px;
    box-shadow: none;
}

.gl-appointment-form-wrap .ff-btn-submit:hover,
.gl-appointment-form-wrap button[type="submit"]:hover {
    background: #9a8012 !important;
    border-color: #9a8012 !important;
}

@media (max-width: 767px) {
    .gl-appointment-form-wrap {
        padding: 22px 16px 24px;
    }

    .gl-appointment-form-wrap .ff-el-section-title h2,
    .gl-appointment-form-wrap .ff-el-section-title h3,
    .gl-appointment-form-wrap .ff-el-form-top h3 {
        font-size: 22px;
    }

    .gl-appointment-form-wrap .ff-t-container {
        display: block;
    }

    .gl-appointment-form-wrap .ff-btn-submit,
    .gl-appointment-form-wrap button[type="submit"] {
        width: 100%;
    }
}


    