/* ===================================================
   LIFTS.AE – Homepage Layout & Supplementary Styles
   Loaded only on is_front_page()
   v2.0 – Pixel-Perfect Figma Fidelity
=================================================== */

/* ───────────────────────────────────────────────
   GLOBAL – 1840px boxed container enforced
─────────────────────────────────────────────── */
.home .e-con > .e-con-inner,
.home .elementor-container {
    max-width: 1840px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ───────────────────────────────────────────────
   HIDE OCEANWP PAGE TITLE on homepage
─────────────────────────────────────────────── */
.home .page-header { display: none !important; }

/* ═══════════════════════════════════════════════
   SECTION 1 – HERO
═══════════════════════════════════════════════ */
.elementor-element-19387629.e-con {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 720px !important;
}
.elementor-element-19387629 > .elementor-background-overlay, .elementor-element-19387629::before {
    background-color: transparent!important;
    opacity: 1 !important;
}
.elementor-element-8f76d1b5 {
    width: 50% !important;
    max-width: 50% !important;
    min-height: 720px !important;
    background: transparent !important;
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
}
.elementor-element-8f76d1b5 .elementor-heading-title { color: #FFFFFF !important; }
.elementor-element-8f76d1b5 .elementor-text-editor,
.elementor-element-8f76d1b5 .elementor-text-editor p { color: #FFFFFF !important; }
.elementor-element-7ed8c569 .elementor-button {
    background-color: #FFFFFF !important;
    color: #3CAA8E !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding: 14px 32px !important;
}
.elementor-element-7ed8c569 .elementor-button:hover {
    background-color: rgba(255,255,255,0.92) !important;
    color: #3CAA8E !important;
}

/* ═══════════════════════════════════════════════
   SECTION 2 – SERVICES
═══════════════════════════════════════════════ */

/* Section: white bg, 100px top/bottom padding */
/*

.elementor-element-9c5d7a1e.e-con {
    background-color: #FFFFFF !important;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

/* Section heading H2 */
/*
.elementor-element-82dfebd0 .elementor-heading-title {
    font-size: 40px !important;
    font-weight: 700 !important;
    text-align: center !important;
    color: #1C2340 !important;
    margin-bottom: 16px !important;
}
*/

/* Section description: centered, max 800px, 18px */
/*
.elementor-element-bf909408 .elementor-text-editor,
.elementor-element-bf909408 .elementor-text-editor p {
    font-size: 18px !important;
    text-align: center !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    color: #666666 !important;
    line-height: 24px !important;
}

/* 4-column cards row */
/*
.elementor-element-db16719d {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    align-items: flex-start !important;
}

/* Each service card – NO white box, NO border, NO shadow */
/*
.elementor-element-cf2b0f90,
.elementor-element-296cb2f4,
.elementor-element-13a18d0e,
.elementor-element-a0809d43 {
    width: calc(25% - 21px) !important;
    max-width: calc(25% - 21px) !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
}
/* No hover effects */
/*

.elementor-element-cf2b0f90:hover,
.elementor-element-296cb2f4:hover,
.elementor-element-13a18d0e:hover,
.elementor-element-a0809d43:hover {
    box-shadow: none !important;
    transform: none !important;
}

/* Service images: 20px border-radius, fixed height */
/*
.elementor-element-cf2b0f90 .elementor-widget-image img,
.elementor-element-296cb2f4 .elementor-widget-image img,
.elementor-element-13a18d0e .elementor-widget-image img,
.elementor-element-a0809d43 .elementor-widget-image img {
    width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 20px !important;
}

/* Image widget wrapper: no padding */
/*

.elementor-element-c6b6e419,
.elementor-element-bade4527,
.elementor-element-21fffbb4,
.elementor-element-8da64248 {
    padding: 0 !important;
}
/* Bottom heading-icon row: flex row, space-between, NO background box */
/*
.elementor-element-e20d6dff,
.elementor-element-3fef8dd5,
.elementor-element-7bbd9c5b,
.elementor-element-b827be66 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    padding: 16px 0 0 0 !important;
    gap: 12px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Teal circle-arrow icon: THIN stroke, transparent fill (Figma style) */
/*

.elementor-element-e20d6dff .elementor-icon-wrapper,
.elementor-element-3fef8dd5 .elementor-icon-wrapper,
.elementor-element-7bbd9c5b .elementor-icon-wrapper,
.elementor-element-b827be66 .elementor-icon-wrapper {
    flex-shrink: 0 !important;
}

.elementor-element-e20d6dff .elementor-icon i,
.elementor-element-3fef8dd5 .elementor-icon i,
.elementor-element-7bbd9c5b .elementor-icon i,
.elementor-element-b827be66 .elementor-icon i {
    color: #3CAA8E !important;
    font-size: 14px !important;
    transform: rotate(-45deg) !important; /* diagonal ↗ */
/*

    display: block !important;
    background: transparent !important;
}

/* Remove any leftover "Learn More" buttons */
/*

.elementor-element-65a30f02,
.elementor-element-4c7b0025,
.elementor-element-ef07e64d,
.elementor-element-29f18dcc { display: none !important; }

/* ═══════════════════════════════════════════════
   SECTION 3 – WHY CHOOSE US
═══════════════════════════════════════════════ */
/*
.elementor-element-2f03b8c4.e-con {
    background-color: #F9F9F9 !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

/* Section title H2 */
/*
.elementor-element-0d3b1b97 .elementor-heading-title {
    font-size: 40px !important;
    font-weight: 700 !important;
    text-align: center !important;
    color: #1C2340 !important;
}

/* Section description */
/*
.elementor-element-133e6c42 .elementor-text-editor,
.elementor-element-133e6c42 .elementor-text-editor p {
    font-size: 18px !important;
    text-align: center !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    color: #666666 !important;
}

/* Why cards row – 3×2 grid */
/*
.elementor-element-6431a8df {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    gap: 24px !important;
    align-items: stretch !important;
}

/* Each why card */
/*
.elementor-element-8911935a,
.elementor-element-13739d27,
.elementor-element-4feda419,
.elementor-element-eb065be7,
.elementor-element-fcf9feb4,
.elementor-element-ef82930d {
    width: calc(33.333% - 16px) !important;
    max-width: calc(33.333% - 16px) !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    background: #FFFFFF !important;
    border: 1px solid #EEEEEE !important;
    border-radius: 15px !important;
    padding: 32px 28px !important;
    transition: box-shadow 0.25s ease, transform 0.25s ease !important;
}
.elementor-element-8911935a:hover,
.elementor-element-13739d27:hover,
.elementor-element-4feda419:hover,
.elementor-element-eb065be7:hover,
.elementor-element-fcf9feb4:hover,
.elementor-element-ef82930d:hover {
    box-shadow: 0 6px 24px rgba(60,170,142,0.12) !important;
    transform: translateY(-3px) !important;
}

/* Why card icons – teal circle */
/*
.elementor-element-8911935a .elementor-icon i,
.elementor-element-13739d27 .elementor-icon i,
.elementor-element-4feda419 .elementor-icon i,
.elementor-element-eb065be7 .elementor-icon i,
.elementor-element-fcf9feb4 .elementor-icon i,
.elementor-element-ef82930d .elementor-icon i {
    color: #3CAA8E !important;
    font-size: 28px !important;
}
.elementor-element-8911935a .elementor-icon,
.elementor-element-13739d27 .elementor-icon,
.elementor-element-4feda419 .elementor-icon,
.elementor-element-eb065be7 .elementor-icon,
.elementor-element-fcf9feb4 .elementor-icon,
.elementor-element-ef82930d .elementor-icon {
    background: rgba(60,170,142,0.1) !important;
    border-radius: 50% !important;
    width: 64px !important;
    height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
}

/* Why card headings */
/*
.elementor-element-8911935a .elementor-heading-title,
.elementor-element-13739d27 .elementor-heading-title,
.elementor-element-4feda419 .elementor-heading-title,
.elementor-element-eb065be7 .elementor-heading-title,
.elementor-element-fcf9feb4 .elementor-heading-title,
.elementor-element-ef82930d .elementor-heading-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1C2340 !important;
    margin-bottom: 12px !important;
}

/* Why card body text */
/*
.elementor-element-8911935a .elementor-text-editor,
.elementor-element-13739d27 .elementor-text-editor,
.elementor-element-4feda419 .elementor-text-editor,
.elementor-element-eb065be7 .elementor-text-editor,
.elementor-element-fcf9feb4 .elementor-text-editor,
.elementor-element-ef82930d .elementor-text-editor {
    font-size: 16px !important;
    color: #666666 !important;
    line-height: 1.6 !important;
}