.elementor-1284 .elementor-element.elementor-element-eea1136{--display:flex;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1284 .elementor-element.elementor-element-eea1136::before, .elementor-1284 .elementor-element.elementor-element-eea1136 > .elementor-background-video-container::before, .elementor-1284 .elementor-element.elementor-element-eea1136 > .e-con-inner > .elementor-background-video-container::before, .elementor-1284 .elementor-element.elementor-element-eea1136 > .elementor-background-slideshow::before, .elementor-1284 .elementor-element.elementor-element-eea1136 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1284 .elementor-element.elementor-element-eea1136 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1284 .elementor-element.elementor-element-f797201{padding:0px 0px 0px 0px;}.elementor-1284 .elementor-element.elementor-element-dc4383a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1284 .elementor-element.elementor-element-f9ab4ce{--display:flex;--justify-content:center;}.elementor-1284 .elementor-element.elementor-element-efbb7c0{--display:flex;}.elementor-1284 .elementor-element.elementor-element-07968d0 .elementor-heading-title{font-family:"Josefin Sans", Sans-serif;font-size:26px;font-weight:600;text-transform:none;font-style:normal;color:#5A8A6E;}.elementor-1284 .elementor-element.elementor-element-9e6af5a{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;color:#303030;}.elementor-1284 .elementor-element.elementor-element-92c80b0 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:22px;}.elementor-1284 .elementor-element.elementor-element-92c80b0 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-22px;}.elementor-1284 .elementor-element.elementor-element-92c80b0 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1284 .elementor-element.elementor-element-92c80b0 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1284 .elementor-element.elementor-element-92c80b0 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1284 .elementor-element.elementor-element-92c80b0 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1284 .elementor-element.elementor-element-92c80b0 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1284 .elementor-element.elementor-element-92c80b0 .elementor-field-type-html{padding-bottom:0px;}.elementor-1284 .elementor-element.elementor-element-92c80b0 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1284 .elementor-element.elementor-element-92c80b0 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1284 .elementor-element.elementor-element-92c80b0 .e-form__buttons__wrapper__button-next{background-color:#BC744C;color:#ffffff;}.elementor-1284 .elementor-element.elementor-element-92c80b0 .elementor-button[type="submit"]{background-color:#BC744C;color:#ffffff;}.elementor-1284 .elementor-element.elementor-element-92c80b0 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1284 .elementor-element.elementor-element-92c80b0 .e-form__buttons__wrapper__button-previous{background-color:#BC744C;color:#ffffff;}.elementor-1284 .elementor-element.elementor-element-92c80b0 .e-form__buttons__wrapper__button-next:hover{background-color:#5A8A6E;color:#000000;}.elementor-1284 .elementor-element.elementor-element-92c80b0 .elementor-button[type="submit"]:hover{background-color:#5A8A6E;color:#000000;}.elementor-1284 .elementor-element.elementor-element-92c80b0 .elementor-button[type="submit"]:hover svg *{fill:#000000;}.elementor-1284 .elementor-element.elementor-element-92c80b0 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1284 .elementor-element.elementor-element-92c80b0{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1284 .elementor-element.elementor-element-1bdc439{--display:flex;--justify-content:center;}.elementor-1284 .elementor-element.elementor-element-ff1405e{--display:flex;}.elementor-1284 .elementor-element.elementor-element-96c4cf3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1284 .elementor-element.elementor-element-0091f17 iframe{height:472px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1284 .elementor-element.elementor-element-96c4cf3{--width:500px;--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-1284 .elementor-element.elementor-element-96c4cf3{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-f797201 *//* --- Core Reset & Font Setup --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

.zion-contact-page-wrapper {
    font-family: 'Inter', sans-serif;
    color: #1e293b;
    background-color: #ffffff;
    width: 100%;
    overflow: hidden;
}

/* --- Banner Section --- */
.contact-hero-banner {
    position: relative;
    background: linear-gradient(135deg, #f0fdf4 0%, #e6f4ea 100%);
    min-height: 420px;
    padding: 40px 0 80px;
}

.banner-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.banner-text-side {
    flex: 1;
    max-width: 520px;
    z-index: 5;
}

.banner-title {
    font-family: 'Georgia', serif;
    font-size: 52px;
    color: #5A8A6E;
    font-weight: 700;
    margin-bottom: 5px;
}

.divider-with-heart {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.divider-with-heart .line {
    width: 100px;
    height: 1.5px;
    background-color: #5A8A6E;
}

.divider-with-heart .heart {
    font-size: 14px;
}

.banner-subtitle {
    font-size: 22px;
    color: #5A8A6E;
    font-weight: 700;
    margin-bottom: 10px;
}

.banner-desc {
    font-size: 15px;
    color: #475569;
    line-height: 1.6;
}

.banner-image-side {
    flex: 1;
    height: 380px;
    background-image: url('https://testing.bloopsdesign.com/zion-care-client/wp-content/uploads/2026/06/cropped-ZION-CARE-LOGO-1-05-1.png');
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    z-index: 2;
}

/* --- Smooth Bottom Shape Curve --- */
.bottom-curve {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 0;
    transform: rotate(180deg);
}

.bottom-curve svg {
    width: calc(100% + 1.3px);
    height: 50px;
}

.bottom-curve .shape-fill {
    fill: #5A8A6E;
}

/* --- Main Layout Grid --- */
.contact-content-section {
    padding: 60px 0 100px;
}

.content-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 90%;
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 60px;
}

.block-title {
    font-family: 'Georgia', serif;
    font-size: 26px;
    color: #5A8A6E;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
}

.block-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 3px;
    background-color: #15803d;
    border-radius: 2px;
}

/* --- Form Fields Styling --- */
.zion-form .form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.input-wrapper {
    position: relative;
    flex: 1;
}

.input-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #94a3b8;
}

.textarea-icon {
    top: 24px;
}

.zion-form input, .zion-form select, .zion-form textarea {
    width: 100%;
    padding: 14px 16px 14px 48px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 15px;
    font-family: inherit;
    color: #1e293b;
    background-color: #fafafa;
    outline: none;
    transition: all 0.3s ease;
}

.zion-form input:focus, .zion-form select:focus, .zion-form textarea:focus {
    border-color: #15803d;
    background-color: #ffffff;
    box-shadow: 0 0 0 4px rgba(21, 128, 61, 0.08);
}

.textarea-wrapper {
    margin-bottom: 25px;
}

.zion-form textarea {
    resize: none;
    padding-top: 14px;
}

/* Form Action Buttons */
.btn-send {
    background-color: #064e3b;
    color: #ffffff;
    border: none;
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: background-color 0.2s;
}

.btn-send:hover {
    background-color: #042f24;
}

.secure-text {
    font-size: 13px;
    color: #64748b;
    margin-top: 15px;
}

/* --- Contact Info Grid Cards --- */
.info-inline-card {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: #ffffff;
    border: 1px solid #f1f5f9;
    padding: 18px 24px;
    border-radius: 12px;
    margin-bottom: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}

.icon-sphere {
    width: 50px;
    height: 50px;
    background-color: #f0fdf4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #15803d;
    flex-shrink: 0;
}

.info-details h3 {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 4px;
}

.info-details p {
    font-size: 14px;
    color: #475569;
    line-height: 1.4;
}

/* --- Responsive Structure (Mobile Screen Optimization) --- */
@media (max-width: 968px) {
    .content-container {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    .banner-container {
        flex-direction: column-reverse;
        text-align: center;
    }
    .banner-image-side {
        width: 100%;
        height: 250px;
        background-position: center;
    }
    .divider-with-heart {
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .zion-form .form-row {
        flex-direction: column;
        gap: 20px;
    }
    .banner-title {
        font-size: 38px;
    }
}/* End custom CSS */