.elementor-1416 .elementor-element.elementor-element-b6de931{background-image:url("https://www.epix.ae/wp-content/uploads/2026/09/Fitness-Center-LED-Screen-abu-dhabi-scaled.jpg");}:root{--page-title-display:none;}/* Start custom CSS *//* =========================================================
   EPIX PROJECT POST - COMPLETE CSS
   MYPT FITNESS CENTER PROJECT
========================================================= */


/* =========================================================
   GLOBAL
========================================================= */

.epix-section,
.epix-section *,
.epix-cta,
.epix-cta *,
.epix-project-hero-content,
.epix-project-hero-content *{
    box-sizing:border-box;
}

.epix-container{
    width:92% !important;
    max-width:1200px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}


/* =========================================================
   HERO SECTION
   KEEP THIS - CURRENT HERO IS WORKING
========================================================= */

.epix-project-hero-content{
    position:relative !important;
    z-index:2 !important;

    width:100% !important;
    max-width:none !important;

    min-height:720px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;

    padding:90px 6% !important;
    margin:0 !important;
}


/* HERO LABEL */

.epix-project-hero-content .epix-project-label{
    display:inline-block !important;
    width:auto !important;

    padding:10px 20px !important;
    margin:0 0 28px 0 !important;

    border-radius:50px !important;

    background:rgba(25,25,45,.55) !important;
    border:1px solid rgba(255,255,255,.25) !important;

    color:#00e58a !important;

    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:800 !important;

    letter-spacing:2px !important;
    text-transform:uppercase !important;
}


/* HERO TITLE */

.epix-project-hero-content h1{
    color:#ffffff !important;

    font-family:inherit !important;
    font-size:clamp(46px,5.5vw,78px) !important;
    font-weight:900 !important;

    line-height:1.04 !important;
    letter-spacing:-1.5px !important;

    width:100% !important;
    max-width:1050px !important;

    padding:0 !important;
    margin:0 0 28px 0 !important;

    text-shadow:
        0 3px 8px rgba(0,0,0,.75),
        0 6px 28px rgba(0,0,0,.55) !important;
}


/* HERO DESCRIPTION */

.epix-project-hero-content p{
    color:#ffffff !important;

    font-family:inherit !important;
    font-size:20px !important;
    font-weight:400 !important;

    line-height:1.75 !important;

    width:100% !important;
    max-width:880px !important;

    padding:0 !important;
    margin:0 !important;

    text-shadow:
        0 2px 7px rgba(0,0,0,.8),
        0 5px 20px rgba(0,0,0,.55) !important;
}


/* =========================================================
   PROJECT SECTIONS
========================================================= */

.epix-section{
    position:relative !important;
    width:100% !important;

    padding:100px 0 !important;

    background:#050505 !important;
    color:#ffffff !important;

    overflow:hidden !important;
}

.epix-light-section{
    background:#f7f8fa !important;
    color:#111111 !important;
}

.epix-dark-section{
    background:#050505 !important;
    color:#ffffff !important;
}


/* =========================================================
   SECTION LABEL
========================================================= */

.epix-label{
    display:inline-block !important;

    margin:0 0 18px 0 !important;
    padding:0 !important;

    color:#00d67d !important;

    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.2 !important;

    letter-spacing:2px !important;
    text-transform:uppercase !important;
}


/* =========================================================
   HEADINGS
========================================================= */

.epix-section h2{
    max-width:1000px !important;

    margin:0 0 25px 0 !important;
    padding:0 !important;

    color:#ffffff !important;

    font-size:clamp(38px,5vw,64px) !important;
    font-weight:900 !important;
    line-height:1.06 !important;

    letter-spacing:-1px !important;
}

.epix-light-section h2{
    color:#111111 !important;
}

.epix-dark-section h2{
    color:#ffffff !important;
}


/* =========================================================
   PARAGRAPHS
========================================================= */

.epix-section p{
    max-width:980px !important;

    margin:0 0 20px 0 !important;
    padding:0 !important;

    color:rgba(255,255,255,.76) !important;

    font-size:18px !important;
    font-weight:400 !important;
    line-height:1.85 !important;
}

.epix-light-section p{
    color:#555555 !important;
}

.epix-dark-section p{
    color:rgba(255,255,255,.76) !important;
}


/* =========================================================
   TWO COLUMN SECTIONS
========================================================= */

.epix-two-col{
    display:grid !important;

    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;

    gap:60px !important;

    align-items:center !important;
}


/* =========================================================
   SIDE IMAGES
   IMPORTANT:
   KEEP NATURAL IMAGE RATIO FOR PORTRAIT PHOTOS
========================================================= */

.epix-image-box{
    width:100% !important;

    overflow:hidden !important;

    border-radius:26px !important;

    background:#111111 !important;

    box-shadow:0 20px 50px rgba(0,0,0,.16) !important;
}

.epix-image-box img{
    display:block !important;

    width:100% !important;
    height:auto !important;

    max-height:760px !important;

    object-fit:cover !important;
    object-position:center center !important;

    margin:0 !important;
}


/* =========================================================
   INSTALLATION GALLERY
   CUSTOM LAYOUT:
   PORTRAIT + LANDSCAPE PHOTOS
========================================================= */

.epix-installation-grid{
    display:grid !important;

    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) !important;

    grid-template-rows:270px 270px 400px !important;

    gap:24px !important;

    width:100% !important;

    margin-top:45px !important;
}


/* PORTRAIT INSTALLATION IMAGE */

.epix-installation-grid .epix-gallery-card:nth-child(1){
    grid-column:1 !important;
    grid-row:1 / 3 !important;
}


/* LANDSCAPE IMAGE TOP RIGHT */

.epix-installation-grid .epix-gallery-card:nth-child(2){
    grid-column:2 !important;
    grid-row:1 !important;
}


/* LANDSCAPE IMAGE BOTTOM RIGHT */

.epix-installation-grid .epix-gallery-card:nth-child(3){
    grid-column:2 !important;
    grid-row:2 !important;
}


/* FINAL INSTALLATION IMAGE FULL WIDTH */

.epix-installation-grid .epix-gallery-card:nth-child(4){
    grid-column:1 / 3 !important;
    grid-row:3 !important;
}


.epix-installation-grid .epix-gallery-card{
    width:100% !important;
    height:100% !important;

    margin:0 !important;

    overflow:hidden !important;

    border-radius:24px !important;

    background:#111111 !important;

    box-shadow:0 18px 45px rgba(0,0,0,.18) !important;
}

.epix-installation-grid .epix-gallery-card img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
    object-position:center center !important;

    margin:0 !important;
}


/* =========================================================
   TWO IMAGE GALLERY
   CARDIO / STUDIO
========================================================= */

.epix-two-image-grid{
    display:grid !important;

    grid-template-columns:repeat(2,minmax(0,1fr)) !important;

    gap:24px !important;

    width:100% !important;

    margin-top:45px !important;
}

.epix-two-image-grid .epix-gallery-card{
    width:100% !important;

    aspect-ratio:4 / 3 !important;

    overflow:hidden !important;

    border-radius:24px !important;

    background:#111111 !important;

    box-shadow:0 18px 45px rgba(0,0,0,.16) !important;
}

.epix-two-image-grid .epix-gallery-card img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
    object-position:center center !important;

    margin:0 !important;
}


/* =========================================================
   THREE IMAGE GRID
========================================================= */

.epix-three-images{
    display:grid !important;

    grid-template-columns:repeat(3,minmax(0,1fr)) !important;

    gap:24px !important;

    margin-top:45px !important;
}


/* =========================================================
   GENERAL GALLERY CARD
========================================================= */

.epix-gallery-card{
    width:100% !important;

    overflow:hidden !important;

    border-radius:24px !important;

    background:#111111 !important;

    box-shadow:0 18px 45px rgba(0,0,0,.16) !important;
}

.epix-gallery-card img{
    display:block !important;

    width:100% !important;
    height:auto !important;

    margin:0 !important;
}


/* =========================================================
   SINGLE FULL WIDTH FINISHED IMAGE
========================================================= */

.epix-single-wide-image{
    width:100% !important;

    margin-top:45px !important;

    overflow:hidden !important;

    border-radius:26px !important;

    background:#111111 !important;

    box-shadow:0 22px 55px rgba(0,0,0,.18) !important;
}

.epix-single-wide-image img{
    display:block !important;

    width:100% !important;
    height:auto !important;

    margin:0 !important;
}


/* =========================================================
   WIDE IMAGE
========================================================= */

.epix-wide-image{
    width:100% !important;

    margin-top:45px !important;

    overflow:hidden !important;

    border-radius:26px !important;

    background:#111111 !important;

    box-shadow:0 22px 55px rgba(0,0,0,.18) !important;
}

.epix-wide-image img{
    display:block !important;

    width:100% !important;
    height:auto !important;

    margin:0 !important;
}


/* =========================================================
   WIDE GRID
========================================================= */

.epix-wide-grid{
    display:grid !important;

    gap:24px !important;

    width:100% !important;

    margin-top:45px !important;
}

.epix-wide-grid .epix-wide-image{
    margin-top:0 !important;
}


/* =========================================================
   PROJECT DETAILS TABLE
========================================================= */

.epix-table-wrap{
    width:100% !important;

    margin-top:35px !important;

    overflow:hidden !important;

    border-radius:22px !important;

    background:#ffffff !important;

    border:1px solid rgba(0,0,0,.08) !important;

    box-shadow:0 18px 45px rgba(0,0,0,.07) !important;
}

.epix-project-table{
    width:100% !important;

    border-collapse:collapse !important;
    border-spacing:0 !important;
}

.epix-project-table tr{
    border-bottom:1px solid rgba(0,0,0,.08) !important;
}

.epix-project-table tr:last-child{
    border-bottom:none !important;
}

.epix-project-table td{
    padding:20px 24px !important;

    vertical-align:top !important;

    background:#ffffff !important;

    color:#222222 !important;

    font-size:16px !important;
    line-height:1.6 !important;
}

.epix-project-table td:first-child{
    width:260px !important;

    background:#f3f5f7 !important;

    color:#00a85f !important;

    font-weight:800 !important;
}


/* =========================================================
   SCOPE / PROJECT HIGHLIGHTS LIST
========================================================= */

.epix-clean-list{
    list-style:none !important;

    max-width:1000px !important;

    margin:30px 0 0 0 !important;
    padding:0 !important;
}

.epix-clean-list li{
    position:relative !important;

    margin:0 0 18px 0 !important;
    padding:0 0 0 30px !important;

    color:rgba(255,255,255,.82) !important;

    font-size:18px !important;
    line-height:1.65 !important;
}

.epix-clean-list li::before{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    top:10px !important;

    width:10px !important;
    height:10px !important;

    border-radius:50% !important;

    background:#00d67d !important;
}

.epix-clean-list.dark-list li,
.epix-light-section .epix-clean-list li{
    color:#444444 !important;
}


/* =========================================================
   DISPLAY CONFIGURATION
   4 CARDS DESKTOP
========================================================= */

.epix-spec-grid{
    display:grid !important;

    grid-template-columns:repeat(4,minmax(0,1fr)) !important;

    gap:20px !important;

    width:100% !important;

    margin-top:40px !important;
}

.epix-spec-box{
    width:100% !important;
    min-width:0 !important;

    padding:30px 24px !important;

    border-radius:20px !important;

    background:#111111 !important;

    border:1px solid rgba(255,255,255,.10) !important;

    box-shadow:0 18px 40px rgba(0,0,0,.22) !important;
}

.epix-spec-box h3{
    margin:0 0 14px 0 !important;

    color:#00d67d !important;

    font-size:22px !important;
    font-weight:900 !important;
    line-height:1.25 !important;
}

.epix-spec-box p{
    margin:0 0 8px 0 !important;

    color:#ffffff !important;

    font-size:18px !important;
    font-weight:800 !important;
    line-height:1.5 !important;
}

.epix-spec-box span{
    display:block !important;

    color:rgba(255,255,255,.68) !important;

    font-size:15px !important;
    line-height:1.55 !important;
}


/* =========================================================
   FAQ
========================================================= */

.epix-faq-box{
    width:100% !important;

    margin-top:20px !important;

    padding:28px 30px !important;

    border-radius:20px !important;

    background:#ffffff !important;

    border:1px solid rgba(0,0,0,.07) !important;

    box-shadow:0 12px 35px rgba(0,0,0,.05) !important;
}

.epix-faq-box h3{
    margin:0 0 12px 0 !important;
    padding:0 !important;

    color:#111111 !important;

    font-size:21px !important;
    font-weight:800 !important;
    line-height:1.4 !important;
}

.epix-faq-box p{
    margin:0 !important;

    color:#555555 !important;

    font-size:17px !important;
    line-height:1.75 !important;
}


/* =========================================================
   CTA
========================================================= */

.epix-cta{
    position:relative !important;

    width:100% !important;

    padding:120px 6% !important;

    overflow:hidden !important;

    background:#000000 !important;

    text-align:center !important;
}

.epix-cta::before{
    content:"";

    position:absolute;

    inset:0;

    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(0,214,125,.13),
            transparent 35%
        ),
        radial-gradient(
            circle at 80% 80%,
            rgba(0,102,255,.08),
            transparent 35%
        );

    pointer-events:none;
}

.epix-cta .epix-container{
    position:relative !important;

    z-index:2 !important;

    max-width:900px !important;
}

.epix-cta-label{
    display:inline-block !important;

    margin-bottom:20px !important;

    color:#00d67d !important;

    font-size:13px !important;
    font-weight:800 !important;

    letter-spacing:2px !important;
    text-transform:uppercase !important;
}

.epix-cta h2{
    margin:0 0 25px 0 !important;

    color:#ffffff !important;

    font-size:clamp(42px,5vw,76px) !important;
    font-weight:900 !important;
    line-height:1.03 !important;

    letter-spacing:-1px !important;
}

.epix-cta p{
    max-width:760px !important;

    margin:0 auto 40px !important;

    color:rgba(255,255,255,.76) !important;

    font-size:20px !important;
    line-height:1.75 !important;
}


/* CTA BUTTON */

.epix-cta a{
    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    padding:18px 40px !important;

    border-radius:50px !important;

    background:#00d67d !important;

    color:#08120d !important;

    text-decoration:none !important;

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

    transition:
        transform .3s ease,
        box-shadow .3s ease !important;
}

.epix-cta a:hover{
    transform:translateY(-4px) !important;

    box-shadow:0 15px 40px rgba(0,214,125,.25) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px){

    /* HERO */

    .epix-project-hero-content{
        min-height:650px !important;

        padding:80px 40px !important;
    }

    .epix-project-hero-content h1{
        font-size:50px !important;
        line-height:1.06 !important;
    }

    .epix-project-hero-content p{
        max-width:760px !important;

        font-size:18px !important;
    }


    /* SECTION */

    .epix-section{
        padding:85px 0 !important;
    }


    /* TWO COLUMN */

    .epix-two-col{
        grid-template-columns:1fr !important;

        gap:40px !important;
    }

    .epix-image-box{
        max-width:760px !important;

        margin-left:auto !important;
        margin-right:auto !important;
    }


    /* INSTALLATION */

    .epix-installation-grid{
        grid-template-columns:1fr 1fr !important;

        grid-template-rows:360px 360px !important;
    }

    .epix-installation-grid .epix-gallery-card:nth-child(1),
    .epix-installation-grid .epix-gallery-card:nth-child(2),
    .epix-installation-grid .epix-gallery-card:nth-child(3),
    .epix-installation-grid .epix-gallery-card:nth-child(4){
        grid-column:auto !important;
        grid-row:auto !important;
    }


    /* SPEC GRID */

    .epix-spec-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }


    /* THREE IMAGE GRID */

    .epix-three-images{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

}


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

@media(max-width:767px){

    .epix-container{
        width:90% !important;
    }


    /* HERO */

    .epix-project-hero-content{
        min-height:600px !important;

        padding:70px 24px !important;

        justify-content:center !important;
    }

    .epix-project-hero-content .epix-project-label{
        padding:8px 14px !important;

        margin-bottom:20px !important;

        font-size:10px !important;

        letter-spacing:1.5px !important;
    }

    .epix-project-hero-content h1{
        margin-bottom:20px !important;

        font-size:35px !important;
        line-height:1.08 !important;

        letter-spacing:-.6px !important;
    }

    .epix-project-hero-content p{
        font-size:16px !important;
        line-height:1.65 !important;
    }


    /* SECTIONS */

    .epix-section{
        padding:70px 0 !important;
    }

    .epix-label{
        font-size:11px !important;

        letter-spacing:1.5px !important;
    }

    .epix-section h2{
        font-size:34px !important;
        line-height:1.1 !important;
    }

    .epix-section p{
        font-size:16px !important;
        line-height:1.75 !important;
    }


    /* SIDE IMAGE */

    .epix-image-box img{
        max-height:none !important;
    }


    /* INSTALLATION */

    .epix-installation-grid{
        grid-template-columns:1fr !important;

        grid-template-rows:auto !important;

        gap:20px !important;
    }

    .epix-installation-grid .epix-gallery-card:nth-child(1),
    .epix-installation-grid .epix-gallery-card:nth-child(2),
    .epix-installation-grid .epix-gallery-card:nth-child(3),
    .epix-installation-grid .epix-gallery-card:nth-child(4){
        grid-column:auto !important;
        grid-row:auto !important;

        height:auto !important;

        aspect-ratio:4 / 3 !important;
    }

    .epix-installation-grid .epix-gallery-card img{
        width:100% !important;
        height:100% !important;

        object-fit:cover !important;
    }


    /* TWO IMAGE GRID */

    .epix-two-image-grid{
        grid-template-columns:1fr !important;

        gap:20px !important;
    }


    /* THREE IMAGE GRID */

    .epix-three-images{
        grid-template-columns:1fr !important;

        gap:20px !important;
    }


    /* SPECIFICATION */

    .epix-spec-grid{
        grid-template-columns:1fr !important;

        gap:16px !important;

        margin-top:30px !important;
    }

    .epix-spec-box{
        padding:25px 22px !important;
    }

    .epix-spec-box h3{
        font-size:21px !important;
    }

    .epix-spec-box p{
        font-size:17px !important;
    }


    /* TABLE */

    .epix-project-table,
    .epix-project-table tbody,
    .epix-project-table tr,
    .epix-project-table td{
        display:block !important;

        width:100% !important;
    }

    .epix-project-table td{
        padding:15px 18px !important;
    }

    .epix-project-table td:first-child{
        width:100% !important;

        padding-bottom:10px !important;
    }


    /* LIST */

    .epix-clean-list li{
        font-size:16px !important;
        line-height:1.6 !important;
    }


    /* FAQ */

    .epix-faq-box{
        padding:23px 20px !important;
    }

    .epix-faq-box h3{
        font-size:19px !important;
    }

    .epix-faq-box p{
        font-size:16px !important;
    }


    /* CTA */

    .epix-cta{
        padding:85px 24px !important;
    }

    .epix-cta h2{
        font-size:38px !important;
    }

    .epix-cta p{
        font-size:17px !important;
    }

}


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

@media(max-width:480px){

    /* HERO */

    .epix-project-hero-content{
        min-height:560px !important;

        padding:60px 20px !important;
    }

    .epix-project-hero-content h1{
        font-size:30px !important;
    }

    .epix-project-hero-content p{
        font-size:15px !important;
    }


    /* SECTIONS */

    .epix-section{
        padding:60px 0 !important;
    }

    .epix-section h2{
        font-size:30px !important;
    }


    /* IMAGE CORNERS */

    .epix-gallery-card,
    .epix-image-box,
    .epix-single-wide-image,
    .epix-wide-image{
        border-radius:18px !important;
    }


    /* SPEC CARDS */

    .epix-spec-box{
        border-radius:18px !important;
    }


    /* CTA */

    .epix-cta{
        padding:75px 20px !important;
    }

    .epix-cta h2{
        font-size:34px !important;
    }

    .epix-cta a{
        width:100% !important;

        padding:17px 25px !important;
    }

}/* End custom CSS */