.elementor-4394 .elementor-element.elementor-element-e4562fb{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4394 .elementor-element.elementor-element-e890edc{--display:flex;}.elementor-4394 .elementor-element.elementor-element-ea22dd3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4394 .elementor-element.elementor-element-ed26472{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4394 .elementor-element.elementor-element-b72e700{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4394 .elementor-element.elementor-element-514d3ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4394 .elementor-element.elementor-element-f3cb10b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4394 .elementor-element.elementor-element-681f3ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4394 .elementor-element.elementor-element-0178620{--display:flex;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-4394 .elementor-element.elementor-element-e4562fb{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4394 .elementor-element.elementor-element-e4562fb{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-82f1554 *//* Hero Container */
.zx-hero {
    position: relative;
    width: 100%;
    height: 75vh;
    min-height: 650px;
    overflow: hidden;
    display: flex;
    align-items: center;
}


/* Background Video */
.zx-hero-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: 0;
}


/* Dark Overlay */
.zx-hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1;
}


/* Text Content */
.zx-hero-content {
    position: relative;
    z-index: 2;
    max-width: 1000px;
    margin-left: 8%;
    color: white;
}


/* Main Title */
.zx-hero-content h1 {
    font-size: 60px;
    line-height: 1.12;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 25px;
    letter-spacing: -1px;
}


/* Subtitle */
.zx-hero-content p {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(255,255,255,0.9);
    max-width: 750px;
    margin-bottom: 40px;
}


/* Buttons Container */
.zx-hero-buttons {
    display: flex;
    gap: 20px;
}



/* Button Base */
.zx-btn {
    display: inline-block;
    padding: 16px 38px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}


/* White Button */
.zx-btn-primary {
    background: #ffffff;
    color: #111111;
}

.zx-btn-primary:hover {
    background: #dddddd;
}


/* Outline Button */
.zx-btn-outline {
    border: 2px solid #ffffff;
    color: #ffffff;
    background: transparent;
}

.zx-btn-outline:hover {
    background: #ffffff;
    color: #111111;
}



/* Tablet */
@media(max-width: 1024px){

    .zx-hero-content {
        margin-left: 5%;
        margin-right:5%;
    }

    .zx-hero-content h1 {
        font-size:45px;
    }

    .zx-hero-content p {
        font-size:20px;
    }

}


/* Mobile */
@media(max-width: 600px){

    .zx-hero {
        height:90vh;
    }

    .zx-hero-content h1 {
        font-size:34px;
    }

    .zx-hero-content p {
        font-size:17px;
    }

    .zx-hero-buttons {
        flex-direction:column;
        width:200px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b85e717 *//* ==========================================
   HOME COMPANY
========================================== */

.zx-home-company{

    background:#fff;

}

/* Layout */

.zx-home-company-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

/* Section Tag */

.zx-section-tag{

    display:inline-block;

    color:#888;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:18px;

}

/* Title */

.zx-home-company-content h2{

    margin-bottom:28px;

}

/* Paragraph */

.zx-home-company-content p{

    margin-bottom:22px;

}

/* Button */

.zx-company-btn{

    display:inline-block;

    margin-top:12px;

    font-weight:600;

    color:#111;

}

.zx-company-btn:hover{

    opacity:.7;

}

/* Image */

.zx-home-company-image{

    overflow:hidden;

    border-radius:8px;

}

.zx-home-company-image img{

    height:520px;

    transition:.6s;

}

.zx-home-company-image:hover img{

    transform:scale(1.05);

}

/* Statistics */

.zx-home-stats{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    margin-top:80px;

}

/* Stat Card */

.zx-stat-card{

    text-align:center;

    padding:40px;

    border:1px solid var(--border);

    transition:var(--transition);

}

.zx-stat-card:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow);

}

.zx-stat-card h3{

    font-size:48px;

    margin-bottom:12px;

}

/* ==========================================
   Tablet
========================================== */

@media (max-width:1024px){

    .zx-home-company-wrapper{

        gap:40px;

    }

    .zx-home-company-image img{

        height:420px;

    }

}

/* ==========================================
   Mobile
========================================== */

@media (max-width:767px){

    .zx-home-company-wrapper{

        grid-template-columns:1fr;

    }

    .zx-home-company-content{

        text-align:center;

    }

    .zx-home-company-image{

        order:-1;

    }

    .zx-home-company-image img{

        height:280px;

    }

    .zx-home-stats{

        grid-template-columns:1fr;

        margin-top:50px;

    }

}
HOME PLATFORM/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-44e4bb8 */.zx-home-platforms{

    background:#f7f8fa;

}

/* Title */

.zx-home-section-title{

    text-align:center;

    max-width:700px;

    margin:auto;

    margin-bottom:60px;

}

/* Grid */

.zx-platform-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

/* Card */

.zx-platform-card{

    position:relative;

    height:560px;

    overflow:hidden;

    border-radius:8px;

    display:block;

}

/* Image */

.zx-platform-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.8s;

}

/* Overlay */

.zx-platform-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(

        to top,

        rgba(0,0,0,.85),

        rgba(0,0,0,.2)

    );

    transition:.5s;

}

/* Content */

.zx-platform-content{

    position:absolute;

    left:35px;

    bottom:35px;

    right:35px;

    color:white;

    z-index:2;

}

.zx-platform-content h3{

    color:white;

    margin-bottom:15px;

}

.zx-platform-content p{

    color:white;

    opacity:.9;

    margin-bottom:20px;

}

.zx-platform-content span{

    font-weight:600;

}

/* Hover */

.zx-platform-card:hover{

    transform:translateY(-8px);

}

.zx-platform-card:hover img{

    transform:scale(1.08);

}

.zx-platform-card:hover .zx-platform-overlay{

    background:linear-gradient(

        to top,

        rgba(0,0,0,.65),

        rgba(0,0,0,.1)

    );

}

/* Tablet */

@media (max-width:1024px){

    .zx-platform-grid{

        grid-template-columns:1fr;

    }

    .zx-platform-card{

        height:450px;

    }

}

/* Mobile */

@media (max-width:767px){

    .zx-platform-card{

        height:360px;

    }

    .zx-platform-content{

        left:25px;

        right:25px;

        bottom:25px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d471e1 *//* ==========================================
   HOME CORE CAPABILITIES
========================================== */


.zx-home-capabilities{

    background:#fff;

}



.zx-capabilities-header{

    max-width:750px;

    margin-bottom:60px;

}



.zx-capabilities-header h2{

    margin-bottom:25px;

}



.zx-capabilities-header p{

    max-width:650px;

}




/* Grid */

.zx-capability-box-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    border-top:1px solid var(--border);

    border-left:1px solid var(--border);

}




/* Box */

.zx-capability-box{

    min-height:260px;

    padding:45px;

    border-right:1px solid var(--border);

    border-bottom:1px solid var(--border);

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    color:#111;

    transition:.35s ease;

}




/* Number */

.zx-capability-number{

    font-size:14px;

    letter-spacing:2px;

    color:#999;

}




.zx-capability-box h3{

    margin:25px 0 15px;

}



.zx-capability-box p{

    font-size:16px;

}




.zx-capability-link{

    margin-top:30px;

    font-weight:600;

}




/* Hover */

.zx-capability-box:hover{

    background:#111;

    color:white;

}



.zx-capability-box:hover p{

    color:#ddd;

}



.zx-capability-box:hover 
.zx-capability-number{

    color:#aaa;

}



.zx-capabilities-button{

    margin-top:60px;

}





@media(max-width:767px){


    .zx-capability-box-grid{

        grid-template-columns:1fr;

    }


    .zx-capability-box{

        padding:30px;

    }


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e91de66 *//* ==========================================
   HOME ENGINEERING CAPABILITY
========================================== */




.zx-engineering-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}





/* Image */


.zx-engineering-image{

    height:620px;

    overflow:hidden;

}



.zx-engineering-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}



.zx-engineering-image:hover img{

    transform:scale(1.05);

}





/* Content */


.zx-engineering-content h2{

    margin-bottom:25px;

}



.zx-engineering-content>p{

    margin-bottom:40px;

}





/* Process */


.zx-engineering-process{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

    margin-bottom:45px;

}



.zx-engineering-step{

    border-top:2px solid #111;

    padding-top:20px;

}



.zx-engineering-step span{

    font-size:13px;

    color:#999;

    letter-spacing:2px;

}



.zx-engineering-step h3{

    margin:15px 0;

    font-size:20px;

}



.zx-engineering-step p{

    font-size:15px;

}





.zx-engineering-btn{

    background:#111;

    color:white;

}



.zx-engineering-btn:hover{

    background:#333;

}






/* Tablet */

@media(max-width:1024px){


    .zx-engineering-wrapper{

        gap:40px;

    }


    .zx-engineering-image{

        height:450px;

    }


}




/* Mobile */

@media(max-width:767px){


    .zx-engineering-wrapper{

        grid-template-columns:1fr;

    }


    .zx-engineering-image{

        height:350px;

    }


    .zx-engineering-process{

        grid-template-columns:1fr;

    }


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a8b291 *//* ==========================================
   HOME QUALITY & CERTIFICATION
========================================== */


.zx-home-quality{

    background:white;

}





.zx-quality-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}





/* Certification Area */


.zx-quality-certifications{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

}





.zx-certification-card{

    border:1px solid var(--border);

    padding:40px 25px;

    text-align:center;

    transition:.35s ease;

}





.zx-certification-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow);

}




.zx-certification-card img{

    height:90px;

    width:auto;

    margin:0 auto 25px;

    object-fit:contain;

}





.zx-certification-card h3{

    font-size:22px;

    margin-bottom:10px;

}





.zx-certification-card p{

    font-size:15px;

}





/* Content */


.zx-quality-content h2{

    margin-bottom:25px;

}



.zx-quality-content p{

    margin-bottom:20px;

}





.zx-quality-btn{

    margin-top:20px;

    background:#111;

    color:white;

}





.zx-quality-btn:hover{

    background:#333;

}





/* Tablet */

@media(max-width:1024px){


    .zx-quality-wrapper{

        gap:40px;

    }


}




/* Mobile */

@media(max-width:767px){


    .zx-quality-wrapper{

        grid-template-columns:1fr;

    }


    .zx-quality-certifications{

        grid-template-columns:1fr;

    }


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-936aea0 *//* ==========================================
   HOME GLOBAL EXPANSION
========================================== */


.zx-home-global{

    position:relative;

    height:650px;

    overflow:hidden;

    display:flex;

    align-items:center;

}





/* Background */

.zx-global-background{

    position:absolute;

    inset:0;

}



.zx-global-background img{

    width:100%;

    height:100%;

    object-fit:cover;

}





/* Overlay */

.zx-global-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.65);

}





/* Content */

.zx-global-content{

    position:relative;

    z-index:2;

    max-width:750px;

    color:white;

}





.zx-global-content .zx-section-tag{

    color:#ccc;

}





.zx-global-content h2{

    color:white;

    font-size:52px;

    margin-bottom:25px;

}





.zx-global-content p{

    color:white;

    max-width:650px;

    font-size:20px;

    margin-bottom:40px;

    opacity:.9;

}





/* Tablet */

@media(max-width:1024px){


    .zx-home-global{

        height:550px;

    }



    .zx-global-content h2{

        font-size:42px;

    }


}




/* Mobile */

@media(max-width:767px){


    .zx-home-global{

        height:520px;

    }



    .zx-global-content{

        text-align:center;

    }



    .zx-global-content h2{

        font-size:32px;

    }



    .zx-global-content p{

        font-size:16px;

    }


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0f4637 *//* ==========================================
   HOME FINAL CTA
========================================== */


.zx-home-cta{

    position:relative;

    height:600px;

    display:flex;

    align-items:center;

    overflow:hidden;

}





/* Background */


.zx-cta-background{

    position:absolute;

    inset:0;

}



.zx-cta-background img{

    width:100%;

    height:100%;

    object-fit:cover;

}





/* Overlay */


.zx-cta-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.65);

}





/* Content */


.zx-cta-content{

    position:relative;

    z-index:2;

    text-align:center;

    max-width:850px;

    margin:auto;

    color:white;

}





.zx-cta-content h2{

    color:white;

    font-size:60px;

    line-height:1.15;

    margin-bottom:25px;

}





.zx-cta-content p{

    color:white;

    font-size:20px;

    margin-bottom:45px;

    opacity:.9;

}





/* Buttons */


.zx-cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

}





/* Tablet */


@media(max-width:1024px){


    .zx-home-cta{

        height:520px;

    }


    .zx-cta-content h2{

        font-size:46px;

    }


}





/* Mobile */


@media(max-width:767px){


    .zx-home-cta{

        height:520px;

    }



    .zx-cta-content h2{

        font-size:34px;

    }



    .zx-cta-content p{

        font-size:16px;

    }



    .zx-cta-buttons{

        flex-direction:column;

        align-items:center;

    }


}/* End custom CSS */