.elementor-674 .elementor-element.elementor-element-16d91883:not(.elementor-motion-effects-element-type-background), .elementor-674 .elementor-element.elementor-element-16d91883 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://relifeinteriordesign.com/wp-content/uploads/2026/04/false-scaled.avif");background-position:center center;background-size:cover;}.elementor-674 .elementor-element.elementor-element-16d91883 > .elementor-background-overlay{background-color:var( --e-global-color-20c1a8f );background-image:url("https://relifeinteriordesign.com/wp-content/uploads/2026/04/line.png");background-position:center center;background-size:cover;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-674 .elementor-element.elementor-element-16d91883 > .elementor-container{min-height:500px;}.elementor-674 .elementor-element.elementor-element-16d91883{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 20px 0px;}.elementor-674 .elementor-element.elementor-element-8df9d27 > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-674 .elementor-element.elementor-element-eacf165{text-align:center;}.elementor-674 .elementor-element.elementor-element-eacf165 .elementor-heading-title{color:var( --e-global-color-0d05fc2 );}.elementor-674 .elementor-element.elementor-element-5debcac{--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-674 .elementor-element.elementor-element-48d84c6{--display:flex;}.elementor-674 .elementor-element.elementor-element-66c36e3{--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-674 .elementor-element.elementor-element-e0e2256{--display:flex;}@media(max-width:1024px){.elementor-674 .elementor-element.elementor-element-eacf165{text-align:center;}}/* Start custom CSS for html, class: .elementor-element-e1f6b79 *//* ===== SECTION ===== */
.relife-contact {
    background: #F8F6F1;
    padding: 100px 20px;
    font-family: 'Poppins', sans-serif;
}

/* ===== CONTAINER ===== */
.relife-contact-container {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

/* ===== LEFT ===== */
.tag {
    color: #C8A96A;
    font-size: 12px;
    letter-spacing: 2px;
}

.relife-contact-left h2 {
    font-size: clamp(32px, 4vw, 42px);
    margin: 15px 0;
    color: #1F3D2B;
    line-height: 1.3;
}

.relife-contact-left p {
    color: #555;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 10px;
}

/* ===== BUTTON ===== */
.btn {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 25px;
    background: linear-gradient(135deg, #C8A96A, #b8964f);
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    transition: 0.3s;
}

.btn:hover {
    background: #1F3D2B;
}

/* ===== FORM ===== */
.relife-contact-form {
    background: #ffffff !important;
    padding: 40px;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* FORM TITLE */
.relife-contact-form h3 {
    font-size: 28px;
    margin-bottom: 25px;
    color: #C8A96A;
}

/* ===== FIELD ===== */
.field {
    position: relative;
    margin-bottom: 20px;
}

.field input,
.field select,
.field textarea {
    width: 100%;
    padding: 14px;
    border-radius: 8px;
    border: 1px solid #ddd;
    outline: none;
    font-size: 14px;
    background: #fff;
}

/* ===== FLOATING LABEL ===== */
.field label {
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    background: #fff;
    padding: 0 5px;
    font-size: 13px;
    color: #888;
    transition: 0.3s;
    pointer-events: none;
}

/* ACTIVE LABEL */
.field input:focus + label,
.field input:valid + label,
.field textarea:focus + label,
.field textarea:valid + label,
.field select:focus + label,
.field select:valid + label {
    top: -8px;
    font-size: 11px;
    color: #C8A96A;
}

/* ===== GLOW ===== */
.field input:focus,
.field textarea:focus,
.field select:focus {
    border-color: #C8A96A;
    box-shadow: 0 0 10px rgba(200,169,106,0.3);
}

/* ===== SUBMIT BUTTON FIX ===== */
.relife-submit-btn {
    display: block !important;
    width: 100% !important;
    padding: 16px !important;

    background: linear-gradient(135deg, #C8A96A, #b8964f) !important;
    color: #fff !important;

    font-size: 15px !important;
    font-weight: 600;
    border-radius: 8px;
    border: none;

    cursor: pointer;
    text-align: center;

    opacity: 1 !important;
    visibility: visible !important;
}

/* HOVER */
.relife-submit-btn:hover {
    background: #1F3D2B !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
    .relife-contact-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

/* ===== MOBILE TYPOGRAPHY FIX ===== */
@media (max-width: 600px) {

    .relife-contact {
        padding: 60px 15px;
    }

    .relife-contact-left h2 {
        font-size: 28px !important;
    }

    .relife-contact-left p {
        font-size: 15px !important;
    }

    .tag {
        font-size: 11px;
    }

    .relife-contact-form {
        padding: 25px;
    }

    .relife-contact-form h3 {
        font-size: 22px;
    }

    .field input,
    .field textarea,
    .field select {
        font-size: 15px;
    }

    .field label {
        font-size: 12px;
    }

    .relife-submit-btn {
        font-size: 15px !important;
        padding: 14px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d9b5d0 *//* CONTAINER */ .relife-sticky-cta { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 9999; display: flex; flex-direction: column; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); padding: 14px 10px; border-radius: 15px 0 0 15px; box-shadow: -6px 0 25px rgba(0,0,0,0.15); } /* BUTTON */ .relife-cta-btn { text-decoration: none; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #1F3D2B; font-size: 11px; font-weight: 600; transition: all 0.3s ease; } .relife-cta-btn span { color: #000 !important; } .relife-cta-btn:hover span { color: #C8A96A !important; /* gold on hover */ } /* ICON */ .relife-cta-icon { width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 6px; transition: 0.3s; } /* WHATSAPP (keep original green for trust) */ .whatsapp-bg { background: #25D366; } /* CALL (brand gold) */ .call-bg { background: #C8A96A; } /* SVG */ .relife-cta-icon svg { width: 22px; height: 22px; fill: #fff; } /* DIVIDER */ .relife-divider { width: 60%; height: 1px; background: rgba(0,0,0,0.1); } /* HOVER */ .relife-cta-btn:hover { transform: translateX(-6px); } .relife-cta-btn:hover .call-bg { background: #1F3D2B; } .relife-cta-btn:hover .whatsapp-bg { background: #1F3D2B; } /* CLICK */ .relife-cta-btn:active { transform: scale(0.9); } /* MOBILE */ @media (max-width: 600px) { .relife-sticky-cta { padding: 10px 6px; } .relife-cta-icon { width: 40px; height: 40px; } .relife-cta-icon svg { width: 18px; height: 18px; } .relife-cta-btn span { font-size: 10px; } }


@media (max-width: 600px) {

    .relife-sticky-cta {
        padding: 6px 4px;   /* 🔥 reduced height */
        gap: 4px;
    }

    .relife-cta-icon {
        width: 34px;        /* 🔥 smaller icon */
        height: 34px;
        margin-bottom: 3px;
    }

    .relife-cta-icon svg {
        width: 16px;
        height: 16px;
    }

    .relife-cta-btn span {
        font-size: 9px;     /* 🔥 compact text */
    }

    .relife-divider {
        margin: 2px 0;
    }
}/* End custom CSS */