.elementor-235 .elementor-element.elementor-element-ecbebc0{--display:flex;--min-height:611px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-235 .elementor-element.elementor-element-ecbebc0:not(.elementor-motion-effects-element-type-background), .elementor-235 .elementor-element.elementor-element-ecbebc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #00A5D9 0%, #01799F 100%);}.elementor-235 .elementor-element.elementor-element-760a472{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-235 .elementor-element.elementor-element-ecbebc0{--content-width:1443px;}.elementor-235 .elementor-element.elementor-element-760a472{--width:100%;}}@media(max-width:1024px){.elementor-235 .elementor-element.elementor-element-ecbebc0{--min-height:400px;}}@media(max-width:767px){.elementor-235 .elementor-element.elementor-element-ecbebc0{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}}/* Start custom CSS for container, class: .elementor-element-ecbebc0 *//* 1. Global Field Styling (White Pills) */
.elementor-235 .elementor-element.elementor-element-ecbebc0 .elementor-field-textual {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 12px 25px !important;
    color: #006eb5 !important; /* The Blue Text */
    font-size: 16px;
}

/* 2. Textarea Styling */
.elementor-235 .elementor-element.elementor-element-ecbebc0 textarea.elementor-field-textual {
    border-radius: 25px !important;
    height: 120px !important;
}

/* Hide labels for text inputs, but we will keep 'Appointment Preferences' visible below */
.elementor-235 .elementor-element.elementor-element-ecbebc0 .elementor-field-group:not(.elementor-field-group-pref):not(.elementor-field-group-status) .elementor-field-label {
    display: none;
}

/* 3. ROW: Appointment Preferences (Label + Days in ONE LINE) */
.elementor-235 .elementor-element.elementor-element-ecbebc0 .elementor-field-group-pref {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 20px;
}

.elementor-235 .elementor-element.elementor-element-ecbebc0 .elementor-field-group-pref .elementor-field-label {
    display: block !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 18px;
    margin-right: 15px !important;
    white-space: nowrap;
}

.elementor-235 .elementor-element.elementor-element-ecbebc0 .elementor-field-group-pref .elementor-field-subgroup {
    display: flex !important;
    flex-direction: row !important;
    gap: 15px;
}

/* 4. ROW: Patient Status (Left) and Submit Button (Right) */
/* We wrap these two into a flex container logic */
.elementor-235 .elementor-element.elementor-element-ecbebc0 .elementor-form {
    display: flex;
    flex-wrap: wrap;
}

.elementor-235 .elementor-element.elementor-element-ecbebc0 .elementor-field-group-status {
    flex: 0 0 50%; /* Takes left half */
    margin-top: 15px;
}

.elementor-235 .elementor-element.elementor-element-ecbebc0 .elementor-field-group-status .elementor-field-subgroup {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px;
}

.elementor-235 .elementor-element.elementor-element-ecbebc0 .elementor-field-group-submit {
    flex: 0 0 50%; /* Takes right half */
    align-self: flex-end; /* Pins to bottom */
    text-align: right !important;
}

/* 5. Custom Radio Button Design (White Ring + White Dot) */
.elementor-235 .elementor-element.elementor-element-ecbebc0 .elementor-field-option {
    display: flex;
    align-items: center;
    color: #ffffff !important;
    font-weight: 500;
}

.elementor-235 .elementor-element.elementor-element-ecbebc0 input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #ffffff !important;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    background: transparent !important;
}

/* The inner dot when checked */
.elementor-235 .elementor-element.elementor-element-ecbebc0 input[type="radio"]:checked::after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #ffffff !important;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 6. Submit Button Styling */
.elementor-235 .elementor-element.elementor-element-ecbebc0 .elementor-button {
    background-color: #ffffff !important;
    color: #006eb5 !important;
    border-radius: 50px !important;
    padding: 10px 60px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

/* --- MOBILE RESPONSIVE --- */
@media (max-width: 767px) {
    .elementor-235 .elementor-element.elementor-element-ecbebc0 .elementor-field-group-pref {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-235 .elementor-element.elementor-element-ecbebc0 .elementor-field-group-pref .elementor-field-subgroup {
        flex-wrap: wrap;
    }
    .elementor-235 .elementor-element.elementor-element-ecbebc0 .elementor-field-group-status,
    .elementor-235 .elementor-element.elementor-element-ecbebc0 .elementor-field-group-submit {
        flex: 0 0 100%;
        text-align: center !important;
    }
}/* End custom CSS */