.elementor-876 .elementor-element.elementor-element-6e915de{--display:flex;}.elementor-876 .elementor-element.elementor-element-fbb63f9{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-20cdff1 *//* =========================================
   JJ HOSPITAL - FULL WIDTH PREMIUM FORM
   ========================================= */

.forminator-ui.forminator-custom-form {
    width: 100% !important;
    max-width: 100% !important;

    margin: 25px auto !important;
    padding: 35px 40px !important;

    /* SAME / NORMAL WEBSITE BACKGROUND */
    background: #FFFFFF !important;

    /* MILD PREMIUM BORDER */
    border: 1px solid #D9D9D9 !important;
    border-radius: 14px !important;

    box-sizing: border-box !important;

    font-family: Arial, Helvetica, sans-serif !important;

    box-shadow:
        0 6px 20px rgba(0,0,0,0.05) !important;

    animation: jjFormFade 0.6s ease-out !important;
}


/* =========================================
   TOP RED ACCENT
   ========================================= */

.forminator-ui.forminator-custom-form::before {
    content: "" !important;

    display: block !important;

    width: 70px !important;
    height: 3px !important;

    margin: -5px auto 28px !important;

    background: #C8102E !important;

    border-radius: 10px !important;
}


/* =========================================
   FORM ANIMATION
   ========================================= */

@keyframes jjFormFade {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* =========================================
   ROW SPACING
   ========================================= */

.forminator-ui .forminator-row {
    margin-bottom: 22px !important;
}


/* =========================================
   LABELS
   ========================================= */

.forminator-ui .forminator-label {
    display: inline-block !important;

    color: #111111 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    line-height: 1.5 !important;

    margin-bottom: 9px !important;
    padding-bottom: 5px !important;

    border-bottom: 1px solid #C8102E !important;
}


/* REQUIRED STAR */

.forminator-ui .forminator-required {
    color: #C8102E !important;
}


/* =========================================
   INPUTS
   ========================================= */

.forminator-ui input[type="text"],
.forminator-ui input[type="email"],
.forminator-ui input[type="number"],
.forminator-ui input[type="tel"],
.forminator-ui input[type="date"],
.forminator-ui input[type="time"],
.forminator-ui select,
.forminator-ui textarea {

    width: 100% !important;

    box-sizing: border-box !important;

    background: #FFFFFF !important;

    color: #222222 !important;

    border: 1px solid #D2D2D2 !important;

    border-radius: 8px !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 16px !important;

    padding: 15px 16px !important;

    min-height: 53px !important;

    box-shadow:
        0 2px 5px rgba(0,0,0,0.025) !important;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}


/* =========================================
   HOVER
   ========================================= */

.forminator-ui input:hover,
.forminator-ui select:hover,
.forminator-ui textarea:hover {

    border-color: #B8B8B8 !important;

    box-shadow:
        0 4px 10px rgba(0,0,0,0.04) !important;

    transform: translateY(-1px) !important;
}


/* =========================================
   FOCUS
   ========================================= */

.forminator-ui input:focus,
.forminator-ui select:focus,
.forminator-ui textarea:focus {

    border-color: #C8102E !important;

    background: #FFFFFF !important;

    box-shadow:
        0 0 0 3px rgba(200,16,46,0.07) !important;

    outline: none !important;

    transform: translateY(-1px) !important;
}


/* =========================================
   TEXTAREA
   ========================================= */

.forminator-ui textarea {

    min-height: 125px !important;

    line-height: 1.6 !important;

    resize: vertical !important;
}


/* =========================================
   PLACEHOLDER
   ========================================= */

.forminator-ui input::placeholder,
.forminator-ui textarea::placeholder {

    color: #999999 !important;

    font-size: 15px !important;
}


/* =========================================
   RADIO / CHECKBOX
   ========================================= */

.forminator-ui .forminator-radio label,
.forminator-ui .forminator-checkbox label {

    color: #333333 !important;

    font-size: 15px !important;
}


/* =========================================
   DESCRIPTION
   ========================================= */

.forminator-ui .forminator-description {

    color: #777777 !important;

    font-size: 13px !important;

    line-height: 1.5 !important;
}


/* =========================================
   SUBMIT BUTTON
   ========================================= */

.forminator-ui .forminator-button-submit {

    width: 100% !important;

    min-height: 56px !important;

    padding: 15px 25px !important;

    background: #C8102E !important;

    color: #FFFFFF !important;

    border: 1px solid #C8102E !important;

    border-radius: 8px !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 17px !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    letter-spacing: 0.6px !important;

    cursor: pointer !important;

    box-shadow:
        0 5px 14px rgba(200,16,46,0.15) !important;

    transition: all 0.25s ease !important;
}


/* BUTTON HOVER */

.forminator-ui .forminator-button-submit:hover {

    background: #A80D26 !important;

    border-color: #A80D26 !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 8px 18px rgba(200,16,46,0.20) !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .forminator-ui.forminator-custom-form {

        width: 100% !important;

        padding: 25px 18px !important;

        margin: 20px 0 !important;

        border-radius: 10px !important;
    }

    .forminator-ui .forminator-label {
        font-size: 15px !important;
    }

    .forminator-ui input[type="text"],
    .forminator-ui input[type="email"],
    .forminator-ui input[type="number"],
    .forminator-ui input[type="tel"],
    .forminator-ui input[type="date"],
    .forminator-ui input[type="time"],
    .forminator-ui select,
    .forminator-ui textarea {

        font-size: 16px !important;

        min-height: 51px !important;

        padding: 14px !important;
    }

    .forminator-ui .forminator-button-submit {

        min-height: 53px !important;

        font-size: 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbb63f9 *//* =========================================
   JJ HOSPITAL - FORMINATOR APPOINTMENT FORM
   ========================================= */

.forminator-ui.forminator-custom-form {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 30px !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.07) !important;
    font-family: 'Helvetica Neue', Arial, sans-serif !important;
}


/* FORM ROW SPACING */
.forminator-ui .forminator-row {
    margin-bottom: 18px !important;
}


/* FIELD LABELS */
.forminator-ui .forminator-label {
    color: #222222 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}


/* INPUTS / SELECT / TEXTAREA */
.forminator-ui input[type="text"],
.forminator-ui input[type="email"],
.forminator-ui input[type="number"],
.forminator-ui input[type="tel"],
.forminator-ui input[type="date"],
.forminator-ui input[type="time"],
.forminator-ui select,
.forminator-ui textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    background: #fafafa !important;
    border: 1px solid #dddddd !important;
    border-radius: 8px !important;
    color: #333333 !important;
    font-size: 15px !important;
    padding: 13px 14px !important;
    min-height: 48px !important;
    transition: all 0.25s ease !important;
}


/* TEXTAREA */
.forminator-ui textarea {
    min-height: 110px !important;
    resize: vertical !important;
}


/* PLACEHOLDER */
.forminator-ui input::placeholder,
.forminator-ui textarea::placeholder {
    color: #999999 !important;
    opacity: 1 !important;
}


/* FOCUS EFFECT */
.forminator-ui input:focus,
.forminator-ui select:focus,
.forminator-ui textarea:focus {
    border-color: #C8102E !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(200,16,46,0.08) !important;
    outline: none !important;
}


/* SELECT ARROW */
.forminator-ui select {
    cursor: pointer !important;
}


/* REQUIRED STAR */
.forminator-ui .forminator-required {
    color: #C8102E !important;
}


/* RADIO & CHECKBOX */
.forminator-ui .forminator-radio label,
.forminator-ui .forminator-checkbox label {
    color: #444444 !important;
    font-size: 14px !important;
}


/* SUBMIT BUTTON */
.forminator-ui .forminator-button-submit {
    width: 100% !important;
    min-height: 52px !important;
    background: #C8102E !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 14px 25px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 5px 15px rgba(200,16,46,0.18) !important;
}


/* BUTTON HOVER */
.forminator-ui .forminator-button-submit:hover {
    background: #A80D26 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(200,16,46,0.25) !important;
}


/* ERROR MESSAGE */
.forminator-ui .forminator-error-message {
    color: #C8102E !important;
    font-size: 13px !important;
    margin-top: 6px !important;
}


/* SUCCESS MESSAGE */
.forminator-ui .forminator-response-message {
    border-radius: 8px !important;
    font-size: 14px !important;
    padding: 15px !important;
}


/* FIELD DESCRIPTION */
.forminator-ui .forminator-description {
    color: #777777 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}


/* DATE / TIME ICON */
.forminator-ui input[type="date"],
.forminator-ui input[type="time"] {
    cursor: pointer !important;
}


/* MOBILE */
@media (max-width: 767px) {

    .forminator-ui.forminator-custom-form {
        margin: 20px 12px !important;
        padding: 22px 16px !important;
        border-radius: 12px !important;
    }

    .forminator-ui .forminator-row {
        margin-bottom: 15px !important;
    }

    .forminator-ui .forminator-label {
        font-size: 13px !important;
    }

    .forminator-ui input[type="text"],
    .forminator-ui input[type="email"],
    .forminator-ui input[type="number"],
    .forminator-ui input[type="tel"],
    .forminator-ui input[type="date"],
    .forminator-ui input[type="time"],
    .forminator-ui select,
    .forminator-ui textarea {
        font-size: 15px !important;
        padding: 12px !important;
    }

    .forminator-ui .forminator-button-submit {
        font-size: 16px !important;
    }
}/* End custom CSS */