/** PUMP INSTALLATION  **/



        .mparco-pump-v2-page {


            --mpv-primary: #102630;
            --mpv-dark: #061920;
            --mpv-orange: #f4772a;
            --mpv-light: #f5f7f8;
            --mpv-text: #263840;
            --mpv-muted: #71808b;
            --mpv-border: #e2e7e9;


            width: 100%;    

            overflow: hidden;

            font-family: inherit;

        }




        .mparco-pump-v2-page *,
        .mparco-pump-v2-page *::before,
        .mparco-pump-v2-page *::after {

            box-sizing: border-box;

        }





        /* ================= CONTAINER ================= */


        .mparco-pump-v2-page .mparco-pump-v2-container {


            width: min(1180px, 92%);

            margin: auto;


        }









        /* =====================================================
   HERO SECTION
===================================================== */


        .mparco-pump-v2-page .mparco-pump-v2-hero {


            padding: 40px 0;


            background:

                linear-gradient(135deg,
                    #061920,
                    #102630);


        }





        .mparco-pump-v2-page .mparco-pump-v2-hero-grid {


            display: grid;

            grid-template-columns: 1fr 0.9fr;

            gap: 70px;

            align-items: center;


        }







        .mparco-pump-v2-page .mparco-pump-v2-tag {


            display: flex;

            align-items: center;

            gap: 10px;


            color: var(--mpv-orange);


            font-size: 12px;


            font-weight: 900;


            letter-spacing: 2px;


            margin-bottom: 20px;


        }




        .mparco-pump-v2-page .mparco-pump-v2-hero-content h1 {


            margin: 0;


            color: #fff;


            font-size: 50px;


            line-height: 1.05;


            font-weight: 800;


        }





        .mparco-pump-v2-page .mparco-pump-v2-hero-content h1 strong {


            display: block;


            color: var(--mpv-orange);


        }





        .mparco-pump-v2-page .mparco-pump-v2-hero-content p {


            margin: 25px 0;


            color: rgba(255, 255, 255, .65);


            font-size: 14px;


            line-height: 1.9;


        }







        /* BUTTON */


        .mparco-pump-v2-page .mparco-pump-v2-buttons {


            display: flex;

            gap: 15px;


        }





        .mparco-pump-v2-page .mparco-pump-v2-primary-btn {


            background: var(--mpv-orange);


            padding: 15px 30px;


            color: #fff;


            text-decoration: none;


            border-radius: 6px;


            font-size: 12px;


            font-weight: 700;


        }




        .mparco-pump-v2-page .mparco-pump-v2-outline-btn {


            border: 1px solid rgba(255, 255, 255, .35);


            padding: 15px 30px;


            color: #fff;


            text-decoration: none;


            border-radius: 6px;


            font-size: 12px;


            font-weight: 700;


        }









        /* HERO IMAGE */


        .mparco-pump-v2-page .mparco-pump-v2-hero-image {


            position: relative;


        }



        .mparco-pump-v2-page .mparco-pump-v2-hero-image img {


            width: 100%;


            height: 350px;


            object-fit: cover;


            border-radius: 22px;


        }





        .mparco-pump-v2-page .mparco-pump-v2-floating-card {


            position: absolute;


            bottom: 25px;


            left: -35px;


            background: #fff;


            padding: 25px 35px;


            border-radius: 12px;


            box-shadow: 0 20px 50px rgba(0, 0, 0, .2);


        }





        .mparco-pump-v2-page .mparco-pump-v2-floating-card strong {


            display: block;


            color: var(--mpv-orange);


            font-size: 38px;


        }




        .mparco-pump-v2-page .mparco-pump-v2-floating-card span {


            font-size: 11px;


            color: var(--mpv-text);


        }









        /* =====================================================
   COMMON TITLE
===================================================== */


        .mparco-pump-v2-page .mparco-pump-v2-title span {


            color: var(--mpv-orange);


            font-size: 10px;


            font-weight: 900;


            letter-spacing: 2px;


        }



        .mparco-pump-v2-page .mparco-pump-v2-title h2 {


            margin: 15px 0;


            color: var(--mpv-primary);


            font-size: 43px;


            line-height: 1.1;


        }





        .mparco-pump-v2-page .mparco-pump-v2-title h2 strong {


            display: block;


            color: var(--mpv-orange);


        }









        /* =====================================================
   OVERVIEW
===================================================== */


        .mparco-pump-v2-page .mparco-pump-v2-overview {


            padding: 50px 0;


        }





        .mparco-pump-v2-page .mparco-pump-v2-overview-grid {


            margin-top: 0px;


            display: grid;


            grid-template-columns: 1fr 1fr;


            gap: 60px;


            align-items: center;


        }




        .mparco-pump-v2-page .mparco-pump-v2-overview-image img {


            width: 100%;


            height: 300px;


            object-fit: cover;


            border-radius: 18px;


        }





        .mparco-pump-v2-page .mparco-pump-v2-overview-content p {


            color: var(--mpv-muted);


            line-height: 1.9;


            font-size: 14px;


        }





        /* STATS */


        .mparco-pump-v2-page .mparco-pump-v2-stats {


            margin-top: 35px;


            display: grid;


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


            gap: 15px;


        }




        .mparco-pump-v2-page .mparco-pump-v2-stats div {


            padding: 25px 15px;


            background: #f5f7f8;


            border-radius: 12px;


            text-align: center;


        }



        .mparco-pump-v2-page .mparco-pump-v2-stats strong {


            display: block;


            color: var(--mpv-orange);


            font-size: 30px;


        }




        .mparco-pump-v2-page .mparco-pump-v2-stats span {


            font-size: 11px;


            color: var(--mpv-text);


        }









        /* =====================================================
   SERVICE TIMELINE
===================================================== */


        .mparco-pump-v2-page .mparco-pump-v2-services {


            padding: 0px 0;


            background: #f5f7f8;


        }





        .mparco-pump-v2-page .mparco-pump-v2-service-list {


            margin-top: 40px;


        }





        .mparco-pump-v2-page .mparco-pump-v2-service-item {


            display: flex;


            gap: 30px;


            padding: 25px 0;


            border-bottom: 1px solid #ddd;


        }





        .mparco-pump-v2-page .mparco-pump-v2-number {


            font-size: 35px;


            font-weight: 900;


            color: rgba(16, 38, 48, .15);


        }



        .mparco-pump-v2-page .mparco-pump-v2-service-item h3 {


            margin: 0 0 8px;


            color: var(--mpv-primary);


        }





        .mparco-pump-v2-page .mparco-pump-v2-service-item p {


            margin: 0;


            color: var(--mpv-muted);


            font-size: 13px;


        }









        /* =====================================================
   WHY CHOOSE
===================================================== */


        .mparco-pump-v2-page .mparco-pump-v2-why {


            padding: 50px 0;


            background: var(--mpv-dark);


        }





        .mparco-pump-v2-page .mparco-pump-v2-why-header span {


            color: var(--mpv-orange);


            font-size: 10px;


            font-weight: 900;


        }




        .mparco-pump-v2-page .mparco-pump-v2-why-header h2 {


            color: #fff;


            font-size: 44px;


            margin: 15px 0 45px;


        }





        .mparco-pump-v2-page .mparco-pump-v2-feature-grid {


            display: grid;


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


            gap: 25px;


        }




        .mparco-pump-v2-page .mparco-pump-v2-feature-grid div {


            padding: 35px 25px;


            background: rgba(255, 255, 255, .06);


            border-radius: 15px;


        }




        .mparco-pump-v2-page .mparco-pump-v2-feature-grid i {


            color: var(--mpv-orange);


            font-size: 30px;


        }




        .mparco-pump-v2-page .mparco-pump-v2-feature-grid h3 {


            color: #fff;


            margin: 20px 0 10px;


        }




        .mparco-pump-v2-page .mparco-pump-v2-feature-grid p {


            color: rgba(255, 255, 255, .6);


            font-size: 12px;


        }









        /* =====================================================
   PROCESS
===================================================== */


        .mparco-pump-v2-page .mparco-pump-v2-process {


            padding: 50px 0;


        }





        .mparco-pump-v2-page .mparco-pump-v2-process-line {


            margin-top: 50px;


            display: grid;


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


            gap: 20px;


        }





        .mparco-pump-v2-page .mparco-pump-v2-process-line div {


            text-align: center;


        }




        .mparco-pump-v2-page .mparco-pump-v2-process-line span {


            width: 70px;


            height: 70px;


            margin: auto;


            display: flex;


            align-items: center;


            justify-content: center;


            border-radius: 50%;


            background: var(--mpv-primary);


            color: #fff;


            font-weight: 800;


        }





        .mparco-pump-v2-page .mparco-pump-v2-process-line h3 {


            margin-top: 20px;


            color: var(--mpv-primary);


        }


        .border-box {
            /* border: 3px solid var(--mpv-dark); */

            border-radius: 10px;

            padding: 10px;
        }









        /* =====================================================
   MPARCO PUMP V2 RESPONSIVE FIX
===================================================== */


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

@media(max-width:1024px){


.mparco-pump-v2-page .mparco-pump-v2-hero-grid{

    grid-template-columns:1fr;

    gap:40px;

}



.mparco-pump-v2-page .mparco-pump-v2-hero-content{

    text-align:center;

}



.mparco-pump-v2-page .mparco-pump-v2-tag{

    justify-content:center;

}



.mparco-pump-v2-page .mparco-pump-v2-buttons{

    justify-content:center;

}



.mparco-pump-v2-page .mparco-pump-v2-hero-image{

    width:85%;

    margin:auto;

}




.mparco-pump-v2-page .mparco-pump-v2-overview-grid{

    grid-template-columns:1fr;

    gap:40px;

}



.mparco-pump-v2-page .mparco-pump-v2-overview-image{

    text-align:center;

}



.mparco-pump-v2-page .mparco-pump-v2-feature-grid{


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

}



.mparco-pump-v2-page .mparco-pump-v2-process-line{


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


}


}








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


@media(max-width:768px){



.mparco-pump-v2-page .mparco-pump-v2-container{


    width:90%;

}





/* HERO */


.mparco-pump-v2-page .mparco-pump-v2-hero{


    padding:50px 0;

}




.mparco-pump-v2-page .mparco-pump-v2-hero-content h1{


    font-size:38px;

    line-height:1.15;


}




.mparco-pump-v2-page .mparco-pump-v2-hero-content p{


    font-size:13px;


}



.mparco-pump-v2-page .mparco-pump-v2-buttons{


    flex-direction:column;

    width:100%;

}



.mparco-pump-v2-page .mparco-pump-v2-primary-btn,
.mparco-pump-v2-page .mparco-pump-v2-outline-btn{


    text-align:center;

    width:100%;


}




.mparco-pump-v2-page .mparco-pump-v2-hero-image img{


    height:300px;


}





.mparco-pump-v2-page .mparco-pump-v2-floating-card{


    left:10px;

    bottom:15px;

    padding:15px 20px;


}



.mparco-pump-v2-page .mparco-pump-v2-floating-card strong{


    font-size:28px;

}







/* TITLE */


.mparco-pump-v2-page .mparco-pump-v2-title h2{


    font-size:30px;


}






/* OVERVIEW */


.mparco-pump-v2-page .mparco-pump-v2-overview{


    padding:50px 0;

}




.mparco-pump-v2-page .mparco-pump-v2-overview-image img{


    height:280px;


}




/* .mparco-pump-v2-page .mparco-pump-v2-stats{


    grid-template-columns:1fr;


} */






/* SERVICE */


.mparco-pump-v2-page .mparco-pump-v2-services{


    padding:50px 0;


}



.mparco-pump-v2-page .mparco-pump-v2-service-item{


    gap:15px;

}



.mparco-pump-v2-page .mparco-pump-v2-number{


    font-size:25px;

}






/* WHY SECTION */


.mparco-pump-v2-page .mparco-pump-v2-why{


    padding:50px 0;


}



.mparco-pump-v2-page .mparco-pump-v2-why-header h2{


    font-size:30px;

}




.mparco-pump-v2-page .mparco-pump-v2-feature-grid{


    grid-template-columns:1fr;

}




/* PROCESS */


.mparco-pump-v2-page .mparco-pump-v2-process{


    padding:50px 0;


}



/* .mparco-pump-v2-page .mparco-pump-v2-process-line{


    grid-template-columns:1fr;

    gap:25px;


} */




}







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


@media(max-width:480px){



.mparco-pump-v2-page .mparco-pump-v2-hero-content h1{


    font-size:32px;


}




.mparco-pump-v2-page .mparco-pump-v2-floating-card{


    position:relative;

    left:0;

    bottom:0;

    margin-top:15px;

    width:100%;


}




.mparco-pump-v2-page .mparco-pump-v2-overview-content p{


    font-size:13px;


}



.mparco-pump-v2-page .mparco-pump-v2-service-item{


    flex-direction:column;


}




}



















/** COMPRESSOR INSTALLATION  **/


        /* =====================================================
   MPARCO COMPRESSOR INSTALLATION PAGE V2
   PART 2 : CSS
   FULLY SCOPED
===================================================== */


.mparco-compressor-v2-page{


    --mc-primary:#102630;
    --mc-dark:#061920;
    --mc-orange:#f4772a;
    --mc-light:#f5f7f8;
    --mc-text:#263840;
    --mc-muted:#71808b;
    --mc-border:#e3e8ea;


    width:100%;

    overflow:hidden;

    font-family:inherit;


}



.mparco-compressor-v2-page *,
.mparco-compressor-v2-page *::before,
.mparco-compressor-v2-page *::after{


    box-sizing:border-box;


}





/* ================= CONTAINER ================= */


.mparco-compressor-v2-page .mparco-compressor-v2-container{


    width:min(1180px,92%);

    margin:auto;


}









/* =====================================================
   HERO SECTION
===================================================== */


.mparco-compressor-v2-page .mparco-compressor-v2-hero{


    padding:40px 0;


    background:

    linear-gradient(
    135deg,
    #061920,
    #102630
    );


}





.mparco-compressor-v2-page .mparco-compressor-v2-hero-grid{


    display:grid;


    grid-template-columns:1fr .9fr;


    gap:70px;


    align-items:center;


}







.mparco-compressor-v2-page .mparco-compressor-v2-tag{


    display:flex;


    align-items:center;


    gap:10px;


    color:var(--mc-orange);


    font-size:11px;


    font-weight:900;


    letter-spacing:2px;


    margin-bottom:20px;


}






.mparco-compressor-v2-page .mparco-compressor-v2-hero-content h1{


    margin:0;


    color:#fff;


    font-size:50px;


    line-height:1.05;


    font-weight:800;


}




.mparco-compressor-v2-page .mparco-compressor-v2-hero-content h1 strong{


    display:block;


    color:var(--mc-orange);


}





.mparco-compressor-v2-page .mparco-compressor-v2-hero-content p{


    margin:25px 0;


    color:rgba(255,255,255,.65);


    font-size:14px;


    line-height:1.9;


}






/* BUTTONS */


.mparco-compressor-v2-page .mparco-compressor-v2-buttons{


    display:flex;


    gap:15px;


}




.mparco-compressor-v2-page .mparco-compressor-v2-primary-btn{


    background:var(--mc-orange);


    color:#fff;


    padding:15px 30px;


    text-decoration:none;


    border-radius:6px;


    font-size:12px;


    font-weight:700;


}





.mparco-compressor-v2-page .mparco-compressor-v2-outline-btn{


    border:1px solid rgba(255,255,255,.35);


    color:#fff;


    padding:15px 30px;


    text-decoration:none;


    border-radius:6px;


    font-size:12px;


    font-weight:700;


}









/* HERO IMAGE */


.mparco-compressor-v2-page .mparco-compressor-v2-hero-image{


    position:relative;


}





.mparco-compressor-v2-page .mparco-compressor-v2-hero-image img{


    width:100%;


    height:350px;


    object-fit:cover;


    border-radius:22px;


}






.mparco-compressor-v2-page .mparco-compressor-v2-floating-card{


    position:absolute;


    left:-35px;


    bottom:25px;


    background:#fff;


    padding:25px 35px;


    border-radius:12px;


    box-shadow:0 20px 50px rgba(0,0,0,.2);


}





.mparco-compressor-v2-page .mparco-compressor-v2-floating-card strong{


    display:block;


    font-size:38px;


    color:var(--mc-orange);


}




.mparco-compressor-v2-page .mparco-compressor-v2-floating-card span{


    font-size:11px;


    color:var(--mc-text);


}









/* =====================================================
   COMMON HEADING
===================================================== */


.mparco-compressor-v2-page .mparco-compressor-v2-title span{


    color:var(--mc-orange);


    font-size:10px;


    font-weight:900;


    letter-spacing:2px;


}




.mparco-compressor-v2-page .mparco-compressor-v2-title h2{


    margin:15px 0;


    color:var(--mc-primary);


    font-size:44px;


    line-height:1.1;


}





.mparco-compressor-v2-page .mparco-compressor-v2-title h2 strong{


    display:block;


    color:var(--mc-orange);


}









/* =====================================================
   OVERVIEW
===================================================== */


.mparco-compressor-v2-page .mparco-compressor-v2-overview{


    padding:50px 0;


}





.mparco-compressor-v2-page .mparco-compressor-v2-overview-grid{


    margin-top:0px;


    display:grid;


    grid-template-columns:1fr 1fr;


    gap:60px;


    align-items:center;


}






.mparco-compressor-v2-page .mparco-compressor-v2-overview-image img{


    width:100%;


    height:450px;


    object-fit:cover;


    border-radius:18px;


}





.mparco-compressor-v2-page .mparco-compressor-v2-overview-content p{


    color:var(--mc-muted);


    font-size:14px;


    line-height:1.9;


}








/* STATS */


.mparco-compressor-v2-page .mparco-compressor-v2-stats{


    margin-top:35px;


    display:grid;


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


    gap:15px;


}




.mparco-compressor-v2-page .mparco-compressor-v2-stats div{


    background:#f5f7f8;


    padding:25px 15px;


    border-radius:12px;


    text-align:center;


}



.mparco-compressor-v2-page .mparco-compressor-v2-stats strong{


    display:block;


    color:var(--mc-orange);


    font-size:30px;


}





.mparco-compressor-v2-page .mparco-compressor-v2-stats span{


    font-size:11px;


    color:var(--mc-text);


}









/* =====================================================
   SERVICE SECTION
===================================================== */


.mparco-compressor-v2-page .mparco-compressor-v2-services{


    padding:0px 0;


    background:var(--mc-light);


}






.mparco-compressor-v2-page .mparco-compressor-v2-service-list{


    margin-top:45px;


}





.mparco-compressor-v2-page .mparco-compressor-v2-service-item{


    display:flex;


    gap:30px;


    padding:25px 0;


    border-bottom:1px solid #ddd;


}





.mparco-compressor-v2-page .mparco-compressor-v2-number{


    font-size:35px;


    font-weight:900;


    color:rgba(16,38,48,.15);


}





.mparco-compressor-v2-page .mparco-compressor-v2-service-item h3{


    margin:0 0 8px;


    color:var(--mc-primary);


    font-size:18px;


}





.mparco-compressor-v2-page .mparco-compressor-v2-service-item p{


    margin:0;


    color:var(--mc-muted);


    font-size:13px;


    line-height:1.7;


}









/* =====================================================
   WHY CHOOSE
===================================================== */


.mparco-compressor-v2-page .mparco-compressor-v2-why{


    padding:40px 0;


    background:var(--mc-dark);


}





.mparco-compressor-v2-page .mparco-compressor-v2-why-header span{


    color:var(--mc-orange);


    font-size:10px;


    font-weight:900;


}




.mparco-compressor-v2-page .mparco-compressor-v2-why-header h2{


    color:#fff;


    font-size:44px;


    margin:15px 0 45px;


}






.mparco-compressor-v2-page .mparco-compressor-v2-feature-grid{


    display:grid;


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


    gap:25px;


}




.mparco-compressor-v2-page .mparco-compressor-v2-feature-grid div{


    padding:35px 25px;


    background:rgba(255,255,255,.06);


    border-radius:15px;


}





.mparco-compressor-v2-page .mparco-compressor-v2-feature-grid i{


    color:var(--mc-orange);


    font-size:30px;


}





.mparco-compressor-v2-page .mparco-compressor-v2-feature-grid h3{


    color:#fff;


    margin:20px 0 10px;


}





.mparco-compressor-v2-page .mparco-compressor-v2-feature-grid p{


    color:rgba(255,255,255,.65);


    font-size:12px;


    line-height:1.7;


}









/* =====================================================
   PROCESS
===================================================== */


.mparco-compressor-v2-page .mparco-compressor-v2-process{


    padding:40px 0;


}





.mparco-compressor-v2-page .mparco-compressor-v2-process-line{


    margin-top:50px;


    display:grid;


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


    gap:20px;


}





.mparco-compressor-v2-page .mparco-compressor-v2-process-line div{


    text-align:center;


}




.mparco-compressor-v2-page .mparco-compressor-v2-process-line span{


    width:70px;


    height:70px;


    display:flex;


    align-items:center;


    justify-content:center;


    margin:auto;


    border-radius:50%;


    background:var(--mc-primary);


    color:#fff;


    font-weight:800;


}





.mparco-compressor-v2-page .mparco-compressor-v2-process-line h3{


    margin-top:20px;


    color:var(--mc-primary);


}




/* =====================================================
   MPARCO COMPRESSOR INSTALLATION PAGE V3
   PART 2 : CSS
   FULLY SCOPED
===================================================== */


.mparco-compressor-v3-page{


    --mc3-primary:#102630;
    --mc3-dark:#061920;
    --mc3-orange:#f4772a;
    --mc3-light:#f5f7f8;
    --mc3-text:#263840;
    --mc3-muted:#71808b;
    --mc3-border:#e2e7e9;


    width:100%;
    overflow:hidden;
    font-family:inherit;

}



.mparco-compressor-v3-page *,
.mparco-compressor-v3-page *::before,
.mparco-compressor-v3-page *::after{

    box-sizing:border-box;

}




/* ================= CONTAINER ================= */


.mparco-compressor-v3-page .mparco-compressor-v3-container{


    width:min(1180px,92%);
    margin:auto;

}









/* =====================================================
   HERO SECTION
===================================================== */


.mparco-compressor-v3-page .mparco-compressor-v3-hero{


    height:620px;
    position:relative;
    display:flex;
    align-items:center;
    overflow:hidden;

}




.mparco-compressor-v3-page .mparco-compressor-v3-hero-image{


    position:absolute;
    inset:0;

}



.mparco-compressor-v3-page .mparco-compressor-v3-hero-image img{


    width:100%;
    height:100%;
    object-fit:cover;

}




.mparco-compressor-v3-page .mparco-compressor-v3-hero-overlay{


    position:absolute;
    inset:0;


    background:

    linear-gradient(
    90deg,
    rgba(4,18,24,.96),
    rgba(4,18,24,.75),
    rgba(4,18,24,.35)
    );


}




.mparco-compressor-v3-page .mparco-compressor-v3-hero-content{


    position:relative;
    z-index:2;
    max-width:750px;

}




.mparco-compressor-v3-page .mparco-compressor-v3-hero-content span{


    display:flex;
    align-items:center;
    gap:10px;

    color:var(--mc3-orange);

    font-size:11px;
    font-weight:900;
    letter-spacing:2px;

    margin-bottom:20px;

}




.mparco-compressor-v3-page .mparco-compressor-v3-hero-content h1{


    margin:0;

    color:#fff;

    font-size:65px;

    line-height:1.05;

    font-weight:800;

}




.mparco-compressor-v3-page .mparco-compressor-v3-hero-content h1 strong{


    display:block;

    color:var(--mc3-orange);

}




.mparco-compressor-v3-page .mparco-compressor-v3-hero-content p{


    max-width:650px;

    margin:25px 0;

    color:rgba(255,255,255,.7);

    font-size:14px;

    line-height:1.9;

}





/* BUTTONS */


.mparco-compressor-v3-page .mparco-compressor-v3-buttons{


    display:flex;
    gap:15px;

}



.mparco-compressor-v3-page .mparco-compressor-v3-buttons a{


    padding:15px 30px;

    border-radius:6px;

    text-decoration:none;

    font-size:12px;

    font-weight:700;

    transition:.3s;

}




.mparco-compressor-v3-page .mparco-compressor-v3-buttons a:first-child{


    background:var(--mc3-orange);

    color:#fff;

}



.mparco-compressor-v3-page .mparco-compressor-v3-buttons a:last-child{


    border:1px solid rgba(255,255,255,.4);

    color:#fff;

}









/* =====================================================
   COMMON HEADING
===================================================== */


.mparco-compressor-v3-page .mparco-compressor-v3-heading span{


    color:var(--mc3-orange);

    font-size:10px;

    font-weight:900;

    letter-spacing:2px;

}




.mparco-compressor-v3-page .mparco-compressor-v3-heading h2{


    margin:15px 0;

    color:var(--mc3-primary);

    font-size:44px;

    line-height:1.1;

}








/* =====================================================
   OVERVIEW
===================================================== */


.mparco-compressor-v3-page .mparco-compressor-v3-overview{


    padding:100px 0;

}




.mparco-compressor-v3-page .mparco-compressor-v3-overview-grid{


    display:grid;

    grid-template-columns:.9fr 1.1fr;

    gap:70px;

    align-items:center;

}




.mparco-compressor-v3-page .mparco-compressor-v3-overview-image img{


    width:100%;

    height:500px;

    object-fit:cover;

    border-radius:20px;

}




.mparco-compressor-v3-page .mparco-compressor-v3-overview-content h2{


    color:var(--mc3-primary);

    font-size:42px;

}



.mparco-compressor-v3-page .mparco-compressor-v3-overview-content h2 strong{


    display:block;

    color:var(--mc3-orange);

}



.mparco-compressor-v3-page .mparco-compressor-v3-overview-content p{


    color:var(--mc3-muted);

    line-height:1.9;

    font-size:14px;

}





.mparco-compressor-v3-page .mparco-compressor-v3-overview-content ul{


    list-style:none;

    padding:0;

    margin-top:30px;

}



.mparco-compressor-v3-page .mparco-compressor-v3-overview-content li{


    display:flex;

    gap:12px;

    margin-bottom:15px;

    color:var(--mc3-text);

    font-size:13px;

}



.mparco-compressor-v3-page .mparco-compressor-v3-overview-content li i{


    color:var(--mc3-orange);

}









/* =====================================================
   SERVICES
===================================================== */


.mparco-compressor-v3-page .mparco-compressor-v3-services{


    padding:100px 0;

    background:var(--mc3-light);

}




.mparco-compressor-v3-page .mparco-compressor-v3-service-grid{


    margin-top:50px;

    display:grid;

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

    gap:20px;

}





.mparco-compressor-v3-page .mparco-compressor-v3-service-card{


    background:#fff;

    padding:30px 22px;

    border-radius:15px;

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

    transition:.3s;

}




.mparco-compressor-v3-page .mparco-compressor-v3-service-card:hover{


    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.08);

}





.mparco-compressor-v3-page .mparco-compressor-v3-service-card div{


    color:rgba(16,38,48,.15);

    font-size:32px;

    font-weight:900;

}





.mparco-compressor-v3-page .mparco-compressor-v3-service-card i{


    color:var(--mc3-orange);

    font-size:25px;

}



.mparco-compressor-v3-page .mparco-compressor-v3-service-card h3{


    color:var(--mc3-primary);

    font-size:17px;

    margin:18px 0 10px;

}



.mparco-compressor-v3-page .mparco-compressor-v3-service-card p{


    color:var(--mc3-muted);

    font-size:12px;

    line-height:1.7;

}









/* =====================================================
   APPLICATION
===================================================== */


.mparco-compressor-v3-page .mparco-compressor-v3-application{


    padding:90px 0;

}




.mparco-compressor-v3-page .mparco-compressor-v3-application-grid{


    margin-top:40px;

    display:grid;

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

    gap:20px;

}





.mparco-compressor-v3-page .mparco-compressor-v3-application-grid div{


    padding:35px 20px;

    background:#fff;

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

    border-radius:15px;

    text-align:center;

}




.mparco-compressor-v3-page .mparco-compressor-v3-application-grid i{


    font-size:30px;

    color:var(--mc3-orange);

}



.mparco-compressor-v3-page .mparco-compressor-v3-application-grid h3{


    color:var(--mc3-primary);

    margin-top:15px;

}









/* =====================================================
   WHY SECTION
===================================================== */


.mparco-compressor-v3-page .mparco-compressor-v3-why{


    padding:100px 0;

    background:#061920;

}




.mparco-compressor-v3-page .mparco-compressor-v3-why-grid{


    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;

}





.mparco-compressor-v3-page .mparco-compressor-v3-why-image img{


    width:100%;

    height:480px;

    object-fit:cover;

    border-radius:18px;

}





.mparco-compressor-v3-page .mparco-compressor-v3-why-content span{


    color:var(--mc3-orange);

    font-size:10px;

    font-weight:900;

}



.mparco-compressor-v3-page .mparco-compressor-v3-why-content h2{


    color:#fff;

    font-size:42px;

}



.mparco-compressor-v3-page .mparco-compressor-v3-why-content li{


    color:rgba(255,255,255,.75);

    margin-bottom:18px;

    list-style:none;

}









/* =====================================================
   PROCESS
===================================================== */


.mparco-compressor-v3-page .mparco-compressor-v3-process{


    padding:100px 0;

}




.mparco-compressor-v3-page .mparco-compressor-v3-roadmap{


    margin-top:50px;

    display:grid;

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

    gap:20px;

}



.mparco-compressor-v3-page .mparco-compressor-v3-roadmap div{


    text-align:center;

}



.mparco-compressor-v3-page .mparco-compressor-v3-roadmap span{


    width:70px;

    height:70px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:auto;

    border-radius:50%;

    background:var(--mc3-primary);

    color:#fff;

    font-weight:800;

}



.mparco-compressor-v3-page .mparco-compressor-v3-roadmap h3{


    color:var(--mc3-primary);

    margin-top:20px;

}




















/** HEAT EXCHANGER INSTALLATION  **/


/* =====================================================
   MPARCO HEAT EXCHANGER INSTALLATION PAGE V3
   PART 2 : CSS
   FULLY SCOPED
===================================================== */


.mparco-heat-v3-page{


    --mh-primary:#102630;
    --mh-dark:#061920;
    --mh-orange:#f4772a;
    --mh-light:#f5f7f8;
    --mh-text:#263840;
    --mh-muted:#71808b;
    --mh-border:#e2e7e9;


    width:100%;
    overflow:hidden;
    font-family:inherit;

}




.mparco-heat-v3-page *,
.mparco-heat-v3-page *::before,
.mparco-heat-v3-page *::after{

    box-sizing:border-box;

}







/* ================= CONTAINER ================= */


.mparco-heat-v3-page .mparco-heat-v3-container{


    width:min(1180px,92%);
    margin:auto;


}









/* =====================================================
   HERO SECTION
===================================================== */


.mparco-heat-v3-page .mparco-heat-v3-hero{


    height:620px;
    position:relative;
    display:flex;
    align-items:center;
    overflow:hidden;

}




.mparco-heat-v3-page .mparco-heat-v3-hero-image{


    position:absolute;
    inset:0;

}





.mparco-heat-v3-page .mparco-heat-v3-hero-image img{


    width:100%;
    height:100%;
    object-fit:cover;

}





.mparco-heat-v3-page .mparco-heat-v3-hero-overlay{


    position:absolute;
    inset:0;


    background:

    linear-gradient(
    90deg,
    rgba(4,18,24,.95),
    rgba(4,18,24,.72),
    rgba(4,18,24,.35)
    );


}







.mparco-heat-v3-page .mparco-heat-v3-hero-content{


    position:relative;
    z-index:2;
    max-width:760px;

}




.mparco-heat-v3-page .mparco-heat-v3-hero-content span{


    display:flex;
    align-items:center;
    gap:10px;


    color:var(--mh-orange);

    font-size:11px;

    font-weight:900;

    letter-spacing:2px;

    margin-bottom:20px;


}





.mparco-heat-v3-page .mparco-heat-v3-hero-content h1{


    margin:0;

    color:#fff;

    font-size:62px;

    line-height:1.05;

    font-weight:800;


}





.mparco-heat-v3-page .mparco-heat-v3-hero-content h1 strong{


    display:block;

    color:var(--mh-orange);


}




.mparco-heat-v3-page .mparco-heat-v3-hero-content p{


    max-width:650px;

    margin:25px 0;


    color:rgba(255,255,255,.7);


    font-size:14px;


    line-height:1.9;


}








/* BUTTONS */


.mparco-heat-v3-page .mparco-heat-v3-buttons{


    display:flex;

    gap:15px;

}




.mparco-heat-v3-page .mparco-heat-v3-buttons a{


    padding:15px 30px;

    border-radius:6px;

    text-decoration:none;

    font-size:12px;

    font-weight:700;

    transition:.3s;

}





.mparco-heat-v3-page .mparco-heat-v3-buttons a:first-child{


    background:var(--mh-orange);

    color:#fff;

}




.mparco-heat-v3-page .mparco-heat-v3-buttons a:last-child{


    border:1px solid rgba(255,255,255,.4);

    color:#fff;


}









/* =====================================================
   COMMON HEADING
===================================================== */


.mparco-heat-v3-page .mparco-heat-v3-heading span{


    color:var(--mh-orange);

    font-size:10px;

    font-weight:900;

    letter-spacing:2px;


}





.mparco-heat-v3-page .mparco-heat-v3-heading h2{


    margin:15px 0;


    color:var(--mh-primary);


    font-size:44px;


    line-height:1.1;


}









/* =====================================================
   OVERVIEW
===================================================== */


.mparco-heat-v3-page .mparco-heat-v3-overview{


    padding:100px 0;


}





.mparco-heat-v3-page .mparco-heat-v3-overview-grid{


    display:grid;


    grid-template-columns:.9fr 1.1fr;


    gap:70px;


    align-items:center;


}






.mparco-heat-v3-page .mparco-heat-v3-overview-image img{


    width:100%;


    height:500px;


    object-fit:cover;


    border-radius:20px;


}







.mparco-heat-v3-page .mparco-heat-v3-overview-content h2{


    color:var(--mh-primary);

    font-size:42px;


}





.mparco-heat-v3-page .mparco-heat-v3-overview-content h2 strong{


    display:block;


    color:var(--mh-orange);


}







.mparco-heat-v3-page .mparco-heat-v3-overview-content p{


    color:var(--mh-muted);


    font-size:14px;


    line-height:1.9;


}






.mparco-heat-v3-page .mparco-heat-v3-overview-content ul{


    list-style:none;

    padding:0;

    margin-top:30px;


}





.mparco-heat-v3-page .mparco-heat-v3-overview-content li{


    display:flex;


    gap:12px;


    margin-bottom:15px;


    color:var(--mh-text);


    font-size:13px;


}




.mparco-heat-v3-page .mparco-heat-v3-overview-content li i{


    color:var(--mh-orange);


}









/* =====================================================
   SERVICE SECTION
===================================================== */


.mparco-heat-v3-page .mparco-heat-v3-services{


    padding:100px 0;

    background:var(--mh-light);


}






.mparco-heat-v3-page .mparco-heat-v3-service-grid{


    margin-top:50px;


    display:grid;


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


    gap:20px;


}






.mparco-heat-v3-page .mparco-heat-v3-service-card{


    background:#fff;


    padding:30px 22px;


    border-radius:15px;


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


    transition:.3s;


}







.mparco-heat-v3-page .mparco-heat-v3-service-card:hover{


    transform:translateY(-8px);


    box-shadow:0 20px 40px rgba(0,0,0,.08);


}







.mparco-heat-v3-page .mparco-heat-v3-service-card div{


    color:rgba(16,38,48,.15);


    font-size:32px;


    font-weight:900;


}






.mparco-heat-v3-page .mparco-heat-v3-service-card i{


    color:var(--mh-orange);


    font-size:25px;


}







.mparco-heat-v3-page .mparco-heat-v3-service-card h3{


    color:var(--mh-primary);


    margin:18px 0 10px;


    font-size:17px;


}







.mparco-heat-v3-page .mparco-heat-v3-service-card p{


    color:var(--mh-muted);


    font-size:12px;


    line-height:1.7;


}









/* =====================================================
   APPLICATION SECTION
===================================================== */


.mparco-heat-v3-page .mparco-heat-v3-application{


    padding:90px 0;


}







.mparco-heat-v3-page .mparco-heat-v3-application-grid{


    margin-top:40px;


    display:grid;


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


    gap:20px;


}







.mparco-heat-v3-page .mparco-heat-v3-application-grid div{


    padding:35px 20px;


    text-align:center;


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


    border-radius:15px;


}







.mparco-heat-v3-page .mparco-heat-v3-application-grid i{


    color:var(--mh-orange);


    font-size:30px;


}







.mparco-heat-v3-page .mparco-heat-v3-application-grid h3{


    color:var(--mh-primary);


    margin-top:15px;


}





/* =====================================================
   MPARCO HEAT EXCHANGER INSTALLATION PAGE V4
   PART 2 : CSS
===================================================== */


.mparco-heat-v4-page{


--mh-primary:#102630;
--mh-dark:#061920;
--mh-orange:#f4772a;
--mh-light:#f5f7f8;
--mh-text:#243640;
--mh-muted:#71808b;


width:100%;
overflow:hidden;
font-family:inherit;


}



.mparco-heat-v4-page *,
.mparco-heat-v4-page *::before,
.mparco-heat-v4-page *::after{

box-sizing:border-box;



}




/* ================= CONTAINER ================= */


.mparco-heat-v4-page .mparco-heat-v4-container{


width:min(1180px,92%);
margin:auto;


}

.mparco-heat-v4-container span{
    color: var(--mh-orange);
}









/* =====================================================
 HERO SECTION
===================================================== */


.mparco-heat-v4-page .mparco-heat-v4-hero{


background:#061920;

padding:40px 0;


}





.mparco-heat-v4-page .mparco-heat-v4-hero-grid{


display:grid;

grid-template-columns:1fr .85fr;

gap:70px;

align-items:center;


}





.mparco-heat-v4-page .mparco-heat-v4-hero-content span{


color:var(--mh-orange);

font-size:11px;

font-weight:900;

letter-spacing:2px;

display:block;

margin-bottom:20px;


}





.mparco-heat-v4-page .mparco-heat-v4-hero-content h1{


font-size:50px;

line-height:1.05;

color:white;

margin:0;


}





.mparco-heat-v4-page .mparco-heat-v4-hero-content h1 strong{


display:block;

color:var(--mh-orange);


}




.mparco-heat-v4-page .mparco-heat-v4-hero-content p{


color:rgba(255,255,255,.7);

font-size:14px;

line-height:1.8;

margin:25px 0;


}





.mparco-heat-v4-page .mparco-heat-v4-buttons{


display:flex;

gap:15px;


}





.mparco-heat-v4-page .mparco-heat-v4-buttons a{


padding:14px 28px;

border-radius:6px;

text-decoration:none;

font-size:12px;

font-weight:700;


}





.mparco-heat-v4-page .mparco-heat-v4-buttons a:first-child{


background:var(--mh-orange);

color:white;


}



.mparco-heat-v4-page .mparco-heat-v4-buttons a:last-child{


border:1px solid rgba(255,255,255,.4);

color:white;


}






/* HERO IMAGE */


.mparco-heat-v4-page .mparco-heat-v4-hero-image{


position:relative;


}




.mparco-heat-v4-page .mparco-heat-v4-hero-image img{


width:100%;

height:350px;

object-fit:cover;

border-radius:18px;


}






.mparco-heat-v4-page .mparco-heat-v4-experience{


position:absolute;

left:-20px;

bottom:20px;

background:white;

padding:20px 30px;

border-radius:12px;


}



.mparco-heat-v4-page .mparco-heat-v4-experience strong{


display:block;

font-size:32px;

color:var(--mh-orange);


}



.mparco-heat-v4-page .mparco-heat-v4-experience span{


font-size:11px;

color:var(--mh-text);


}









/* =====================================================
 OVERVIEW SECTION
===================================================== */


.mparco-heat-v4-page .mparco-heat-v4-overview{


padding:40px 0;


}




.mparco-heat-v4-page .mparco-heat-v4-main-grid{


display:grid;

grid-template-columns:1fr 1fr;

gap:60px;


}





.mparco-heat-v4-page .mparco-heat-v4-overview-content span,
.mparco-heat-v4-page .mparco-heat-v4-services-side span{


color:var(--mh-orange);

font-size:10px;

font-weight:900;

letter-spacing:2px;


}




.mparco-heat-v4-page h2{


font-size:40px;

line-height:1.1;

color:var(--mh-primary);

margin:15px 0;


}



.mparco-heat-v4-page h2 strong{


display:block;

color:var(--mh-orange);


}





.mparco-heat-v4-page .mparco-heat-v4-overview-content img{


width:100%;

height:300px;

object-fit:cover;

border-radius:15px;

margin:20px 0;


}





.mparco-heat-v4-page p{


color:var(--mh-muted);

font-size:13px;

line-height:1.8;


}







/* HIGHLIGHTS */


.mparco-heat-v4-page .mparco-heat-v4-highlights{


display:grid;

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

margin-top:35px;


}



.mparco-heat-v4-page .mparco-heat-v4-highlights div{


text-align:center;


}



.mparco-heat-v4-page .mparco-heat-v4-highlights strong{


display:block;

font-size:30px;

color:var(--mh-orange);


}





/* =====================================================
 SERVICE LIST
===================================================== */


.mparco-heat-v4-page .mparco-heat-v4-service-list{


margin-top:35px;


}




.mparco-heat-v4-page .mparco-heat-v4-service-list>div{


display:flex;

gap:20px;

padding:18px 0;

border-bottom:1px solid #ddd;


}



.mparco-heat-v4-page .mparco-heat-v4-service-list b{


font-size:28px;

color:#dfe4e6;


}



.mparco-heat-v4-page .mparco-heat-v4-service-list h3{


margin:0 0 8px;

font-size:16px;

color:var(--mh-primary);


}









/* =====================================================
 WHY SECTION
===================================================== */


.mparco-heat-v4-page .mparco-heat-v4-why{


background:#061920;

padding:40px 0;


}





.mparco-heat-v4-page .mparco-heat-v4-why-title span{


color:var(--mh-orange);

font-size:10px;

font-weight:900;


}




.mparco-heat-v4-page .mparco-heat-v4-why-title h2{


color:white;


}





.mparco-heat-v4-page .mparco-heat-v4-cards{


display:grid;

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

gap:20px;

margin-top:40px;


}





.mparco-heat-v4-page .mparco-heat-v4-cards div{


background:#142d36;

padding:30px 20px;

border-radius:12px;


}





.mparco-heat-v4-page .mparco-heat-v4-cards i{


font-size:25px;

color:var(--mh-orange);


}





.mparco-heat-v4-page .mparco-heat-v4-cards h3{


color:white;

font-size:16px;


}



.mparco-heat-v4-page .mparco-heat-v4-cards p{


font-size:12px;

color:#b7c1c5;


}









/* =====================================================
 PROCESS
===================================================== */


.mparco-heat-v4-page .mparco-heat-v4-process{


padding:40px 0;


}



.mparco-heat-v4-page .mparco-heat-v4-process-line{


display:grid;

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

gap:20px;

margin-top:50px;


}




.mparco-heat-v4-page .mparco-heat-v4-process-line div{


text-align:center;



}
.mparco-heat-v4-page .mparco-heat-v4-process-line h3{


margin-top: 20px;



}




.mparco-heat-v4-page .mparco-heat-v4-process-line span{


height:65px;

width:65px;

display:flex;

align-items:center;

justify-content:center;

margin:auto;

border-radius:50%;

background:var(--mh-primary);

color:white;

font-weight:800;


}









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


.mparco-heat-v4-page .mparco-heat-v4-faq{


background:var(--mh-light);

padding:80px 0;


}



.mparco-heat-v4-page .mparco-heat-v4-faq-item{


background:white;

padding:20px;

margin-top:15px;

border-radius:10px;


}



.mparco-heat-v4-page .mparco-heat-v4-faq-item button{


width:100%;

border:0;

background:none;

display:flex;

justify-content:space-between;

font-weight:700;

cursor:pointer;


}



.mparco-heat-v4-page .mparco-heat-v4-faq-item p{


margin-top:20px;


}









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


.mparco-heat-v4-page .mparco-heat-v4-cta{


background:#102630;

padding:25px 0;

text-align:center;

max-width: 1400px;
margin: auto;
margin-bottom: 40px;
border-radius: 50px;


}



.mparco-heat-v4-page .mparco-heat-v4-cta h2{


color:white;


}



.mparco-heat-v4-page .mparco-heat-v4-cta a{


background:var(--mh-orange);

color:white;

padding:15px 35px;

display:inline-block;

border-radius:6px;

text-decoration:none;


}



















/** PRESSURE VESSEL INSTALLATION  **/

/* =====================================================
 MPARCO PRESSURE VESSEL INSTALLATION PAGE V4
 PART 2 : CSS
===================================================== */


.mparco-pressure-v4-page{


--mp-primary:#102630;
--mp-dark:#061920;
--mp-orange:#f4772a;
--mp-light:#f5f7f8;
--mp-text:#263840;
--mp-muted:#71808b;


width:100%;
overflow:hidden;
font-family:inherit;


}



.mparco-pressure-v4-page *,
.mparco-pressure-v4-page *::before,
.mparco-pressure-v4-page *::after{

box-sizing:border-box;

}






/* ================= CONTAINER ================= */


.mparco-pressure-v4-page .mparco-pressure-v4-container{


width:min(1180px,92%);

margin:auto;


}









/* =====================================================
 HERO SECTION
===================================================== */


.mparco-pressure-v4-page .mparco-pressure-v4-hero{


background:#061920;

padding:40px 0;


}





.mparco-pressure-v4-page .mparco-pressure-v4-hero-grid{


display:grid;

grid-template-columns:1fr .85fr;

gap:70px;

align-items:center;


}





.mparco-pressure-v4-page .mparco-pressure-v4-hero-content span{


display:block;

color:var(--mp-orange);

font-size:11px;

font-weight:900;

letter-spacing:2px;

margin-bottom:20px;


}





.mparco-pressure-v4-page .mparco-pressure-v4-hero-content h1{


font-size:50px;

line-height:1.05;

color:#fff;

margin:0;


}





.mparco-pressure-v4-page .mparco-pressure-v4-hero-content h1 strong{


display:block;

color:var(--mp-orange);


}







.mparco-pressure-v4-page .mparco-pressure-v4-hero-content p{


margin:25px 0;

color:rgba(255,255,255,.7);

font-size:14px;

line-height:1.8;


}





/* BUTTON */


.mparco-pressure-v4-page .mparco-pressure-v4-buttons{


display:flex;

gap:15px;


}





.mparco-pressure-v4-page .mparco-pressure-v4-buttons a{


padding:14px 28px;

border-radius:6px;

text-decoration:none;

font-size:12px;

font-weight:700;


}





.mparco-pressure-v4-page .mparco-pressure-v4-buttons a:first-child{


background:var(--mp-orange);

color:#fff;


}





.mparco-pressure-v4-page .mparco-pressure-v4-buttons a:last-child{


border:1px solid rgba(255,255,255,.4);

color:#fff;


}







/* HERO IMAGE */


.mparco-pressure-v4-page .mparco-pressure-v4-hero-image{


position:relative;


}





.mparco-pressure-v4-page .mparco-pressure-v4-hero-image img{


width:100%;

height:350px;

object-fit:cover;

border-radius:18px;


}






.mparco-pressure-v4-page .mparco-pressure-v4-experience{


position:absolute;

left:-20px;

bottom:20px;

background:#fff;

padding:20px 30px;

border-radius:12px;


}





.mparco-pressure-v4-page .mparco-pressure-v4-experience strong{


display:block;

font-size:32px;

color:var(--mp-orange);


}




.mparco-pressure-v4-page .mparco-pressure-v4-experience span{


font-size:11px;

color:var(--mp-text);


}









/* =====================================================
 OVERVIEW SECTION
===================================================== */


.mparco-pressure-v4-page .mparco-pressure-v4-overview{


padding:40px 0;


}




.mparco-pressure-v4-page .mparco-pressure-v4-main-grid{


display:grid;

grid-template-columns:1fr 1fr;

gap:60px;


}






.mparco-pressure-v4-page span{


color:var(--mp-orange);

font-size:10px;

font-weight:900;

letter-spacing:2px;


}




.mparco-pressure-v4-page h2{


font-size:40px;

line-height:1.1;

color:var(--mp-primary);

margin:15px 0;


}




.mparco-pressure-v4-page h2 strong{


display:block;

color:var(--mp-orange);


}






.mparco-pressure-v4-page p{


color:var(--mp-muted);

font-size:13px;

line-height:1.8;


}







.mparco-pressure-v4-page .mparco-pressure-v4-overview-content img{


width:100%;

height:300px;

object-fit:cover;

border-radius:15px;

margin:20px 0;


}







/* HIGHLIGHTS */


.mparco-pressure-v4-page .mparco-pressure-v4-highlights{


display:grid;

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

margin-top:35px;


}



.mparco-pressure-v4-page .mparco-pressure-v4-highlights div{


text-align:center;


}





.mparco-pressure-v4-page .mparco-pressure-v4-highlights strong{


display:block;

font-size:30px;

color:var(--mp-orange);


}









/* =====================================================
 SERVICE LIST
===================================================== */


.mparco-pressure-v4-page .mparco-pressure-v4-service-list{


margin-top:35px;


}





.mparco-pressure-v4-page .mparco-pressure-v4-service-list>div{


display:flex;

gap:20px;

padding:18px 0;

border-bottom:1px solid #ddd;


}





.mparco-pressure-v4-page .mparco-pressure-v4-service-list b{


font-size:28px;

color:#dfe4e6;


}





.mparco-pressure-v4-page .mparco-pressure-v4-service-list h3{


margin:0 0 8px;

font-size:16px;

color:var(--mp-primary);


}








/* =====================================================
 WHY CHOOSE
===================================================== */


.mparco-pressure-v4-page .mparco-pressure-v4-why{


background:#061920;

padding:40px 0;


}




.mparco-pressure-v4-page .mparco-pressure-v4-why-title h2{


color:#fff;


}





.mparco-pressure-v4-page .mparco-pressure-v4-cards{


display:grid;

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

gap:20px;

margin-top:40px;


}





.mparco-pressure-v4-page .mparco-pressure-v4-cards div{


background:#142d36;

padding:30px 20px;

border-radius:12px;


}





.mparco-pressure-v4-page .mparco-pressure-v4-cards i{


font-size:25px;

color:var(--mp-orange);


}





.mparco-pressure-v4-page .mparco-pressure-v4-cards h3{


color:#fff;

font-size:16px;


}





.mparco-pressure-v4-page .mparco-pressure-v4-cards p{


color:#b7c1c5;

font-size:12px;


}







/* =====================================================
 PRESSURE VESSEL INSTALLATION PAGE V4
 PART 2B : CSS
===================================================== */



/* =====================================================
 PROCESS SECTION
===================================================== */


.mparco-pressure-v4-page .mparco-pressure-v4-process{


padding:40px 0;

background:#fff;


}




.mparco-pressure-v4-page .mparco-pressure-v4-process-line{


display:grid;

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

gap:30px;

margin-top:50px;

position:relative;


}





.mparco-pressure-v4-page .mparco-pressure-v4-process-line:before{


content:"";

position:absolute;

height:2px;

background:#dfe4e6;

top:32px;

left:12%;

right:12%;


}







.mparco-pressure-v4-page .mparco-pressure-v4-process-line div{


text-align:center;

position:relative;

z-index:2;


}







.mparco-pressure-v4-page .mparco-pressure-v4-process-line span{


width:65px;

height:65px;

border-radius:50%;

background:var(--mp-primary);

color:#fff;

display:flex;

align-items:center;

justify-content:center;

margin:auto;

font-size:16px;

font-weight:800;


}







.mparco-pressure-v4-page .mparco-pressure-v4-process-line h3{


margin-top:20px;

font-size:16px;

color:var(--mp-primary);


}









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


.mparco-pressure-v4-page .mparco-pressure-v4-faq{


padding:80px 0;

background:var(--mp-light);


}







.mparco-pressure-v4-page .mparco-pressure-v4-faq h2{


margin-bottom:40px;


}






.mparco-pressure-v4-page .mparco-pressure-v4-faq-box{


max-width:900px;


}







.mparco-pressure-v4-page .mparco-pressure-v4-faq-item{


background:#fff;

border-radius:12px;

padding:20px 25px;

margin-bottom:15px;

border:1px solid #e5e5e5;


}








.mparco-pressure-v4-page .mparco-pressure-v4-faq-item button{


width:100%;

border:none;

background:none;

display:flex;

justify-content:space-between;

align-items:center;

cursor:pointer;

font-size:15px;

font-weight:700;

color:var(--mp-primary);

text-align:left;


}








.mparco-pressure-v4-page .mparco-pressure-v4-faq-item button i{


color:var(--mp-orange);

}







.mparco-pressure-v4-page .mparco-pressure-v4-faq-item p{


margin-top:20px;

font-size:13px;

line-height:1.8;


}









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


.mparco-pressure-v4-page .mparco-pressure-v4-cta{


background:

linear-gradient(
135deg,
#061920,
#102630
);


padding:20px 0;

text-align:center;

max-width: 1400px;
margin: auto;
margin-bottom: 40px;
border-radius: 50px;


}







.mparco-pressure-v4-page .mparco-pressure-v4-cta h2{


color:#fff;

font-size:40px;


}







.mparco-pressure-v4-page .mparco-pressure-v4-cta p{


color:rgba(255,255,255,.7);

margin:20px 0 35px;


}







.mparco-pressure-v4-page .mparco-pressure-v4-cta a{


display:inline-block;

background:var(--mp-orange);

color:#fff;

padding:15px 35px;

border-radius:6px;

text-decoration:none;

font-size:12px;

font-weight:700;


}









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


@media(max-width:1024px){



.mparco-pressure-v4-page .mparco-pressure-v4-hero-grid{


grid-template-columns:1fr;

gap:40px;


}




.mparco-pressure-v4-page .mparco-pressure-v4-main-grid{


grid-template-columns:1fr;


}





.mparco-pressure-v4-page .mparco-pressure-v4-cards{


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


}





.mparco-pressure-v4-page .mparco-pressure-v4-process-line{


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


}




.mparco-pressure-v4-page .mparco-pressure-v4-process-line:before{


display:none;


}



}









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


@media(max-width:768px){



.mparco-pressure-v4-page .mparco-pressure-v4-container{


width:90%;


}





.mparco-pressure-v4-page .mparco-pressure-v4-hero{


padding:50px 0;


}






.mparco-pressure-v4-page .mparco-pressure-v4-hero-content h1{


font-size:38px;


}





.mparco-pressure-v4-page .mparco-pressure-v4-hero-content p{


font-size:13px;


}





.mparco-pressure-v4-page .mparco-pressure-v4-buttons{


flex-direction:column;


}





.mparco-pressure-v4-page .mparco-pressure-v4-buttons a{


text-align:center;


}





.mparco-pressure-v4-page h2{


font-size:30px;


}






.mparco-pressure-v4-page .mparco-pressure-v4-hero-image img{


height:280px;


}







.mparco-pressure-v4-page .mparco-pressure-v4-experience{


left:10px;

bottom:10px;

padding:15px 20px;


}







.mparco-pressure-v4-page .mparco-pressure-v4-highlights{


grid-template-columns:1fr;


gap:20px;


}







.mparco-pressure-v4-page .mparco-pressure-v4-cards{


grid-template-columns:1fr;


}





.mparco-pressure-v4-page .mparco-pressure-v4-process-line{


grid-template-columns:1fr;


}





.mparco-pressure-v4-page .mparco-pressure-v4-faq-item{


padding:18px;


}





.mparco-pressure-v4-page .mparco-pressure-v4-faq-item button{


font-size:13px;


}





.mparco-pressure-v4-page .mparco-pressure-v4-cta h2{


font-size:28px;


}





}









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


@media(max-width:480px){



.mparco-pressure-v4-page .mparco-pressure-v4-hero-content h1{


font-size:32px;


}




.mparco-pressure-v4-page .mparco-pressure-v4-service-list>div{


gap:12px;


}




.mparco-pressure-v4-page .mparco-pressure-v4-service-list b{


font-size:22px;


}



}
















/**  BOILER INSTALLATION  **/


/* =====================================================
 MPARCO BOILER INSTALLATION PAGE V5
 PART 2 : CSS
===================================================== */


.mparco-boiler-v5-page{


--mb-primary:#102630;
--mb-dark:#061920;
--mb-orange:#f4772a;
--mb-light:#f5f7f8;
--mb-text:#263840;
--mb-muted:#71808b;


width:100%;
overflow:hidden;
font-family:inherit;

}



.mparco-boiler-v5-page *,
.mparco-boiler-v5-page *::before,
.mparco-boiler-v5-page *::after{

box-sizing:border-box;

}






/* ================= CONTAINER ================= */


.mparco-boiler-v5-page .mparco-boiler-v5-container{


width:min(1180px,92%);

margin:auto;


}









/* =====================================================
 HERO SECTION
===================================================== */


.mparco-boiler-v5-page .mparco-boiler-v5-hero{


background:#061920;

padding:40px 0;

}





.mparco-boiler-v5-page .mparco-boiler-v5-hero-grid{


display:grid;

grid-template-columns:1fr .85fr;

gap:70px;

align-items:center;


}





.mparco-boiler-v5-page .mparco-boiler-v5-hero-content span{


display:block;

color:var(--mb-orange);

font-size:11px;

font-weight:900;

letter-spacing:2px;

margin-bottom:20px;


}






.mparco-boiler-v5-page .mparco-boiler-v5-hero-content h1{


font-size:50px;

line-height:1.05;

color:white;

margin:0;

font-weight:800;


}





.mparco-boiler-v5-page .mparco-boiler-v5-hero-content h1 strong{


display:block;

color:var(--mb-orange);


}






.mparco-boiler-v5-page .mparco-boiler-v5-hero-content p{


color:rgba(255,255,255,.72);

font-size:14px;

line-height:1.8;

margin:25px 0;


}








/* BUTTONS */


.mparco-boiler-v5-page .mparco-boiler-v5-buttons{


display:flex;

gap:15px;


}




.mparco-boiler-v5-page .mparco-boiler-v5-buttons a{


padding:14px 28px;

border-radius:6px;

font-size:12px;

font-weight:700;

text-decoration:none;


}





.mparco-boiler-v5-page .mparco-boiler-v5-buttons a:first-child{


background:var(--mb-orange);

color:#fff;


}





.mparco-boiler-v5-page .mparco-boiler-v5-buttons a:last-child{


border:1px solid rgba(255,255,255,.4);

color:#fff;


}









/* HERO IMAGE */


.mparco-boiler-v5-page .mparco-boiler-v5-hero-image{


position:relative;

}




.mparco-boiler-v5-page .mparco-boiler-v5-hero-image img{


width:100%;

height:350px;

object-fit:cover;

border-radius:18px;


}







.mparco-boiler-v5-page .mparco-boiler-v5-experience{


position:absolute;

left:-20px;

bottom:20px;

background:#fff;

padding:20px 30px;

border-radius:12px;


}







.mparco-boiler-v5-page .mparco-boiler-v5-experience strong{


display:block;

font-size:32px;

color:var(--mb-orange);


}





.mparco-boiler-v5-page .mparco-boiler-v5-experience span{


font-size:11px;

color:var(--mb-text);


}









/* =====================================================
 OVERVIEW
===================================================== */


.mparco-boiler-v5-page .mparco-boiler-v5-overview{


padding:40px 0;

}





.mparco-boiler-v5-page .mparco-boiler-v5-main-grid{


display:grid;

grid-template-columns:1fr 1fr;

gap:60px;


}





.mparco-boiler-v5-page span{


color:var(--mb-orange);

font-size:10px;

font-weight:900;

letter-spacing:2px;


}





.mparco-boiler-v5-page h2{


font-size:40px;

line-height:1.1;

color:var(--mb-primary);

margin:15px 0;


}





.mparco-boiler-v5-page h2 strong{


display:block;

color:var(--mb-orange);


}





.mparco-boiler-v5-page p{


font-size:13px;

line-height:1.8;

color:var(--mb-muted);


}






.mparco-boiler-v5-page .mparco-boiler-v5-overview-content img{


width:100%;

height:300px;

object-fit:cover;

border-radius:15px;

margin:20px 0;


}









/* HIGHLIGHTS */


.mparco-boiler-v5-page .mparco-boiler-v5-highlights{


display:grid;

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

margin-top:35px;


}




.mparco-boiler-v5-page .mparco-boiler-v5-highlights div{


text-align:center;


}





.mparco-boiler-v5-page .mparco-boiler-v5-highlights strong{


display:block;

font-size:30px;

color:var(--mb-orange);


}









/* =====================================================
 SERVICE LIST
===================================================== */


.mparco-boiler-v5-page .mparco-boiler-v5-service-list{


margin-top:35px;


}





.mparco-boiler-v5-page .mparco-boiler-v5-service-list>div{


display:flex;

gap:20px;

padding:18px 0;

border-bottom:1px solid #ddd;


}





.mparco-boiler-v5-page .mparco-boiler-v5-service-list b{


font-size:28px;

color:#dce2e5;


}





.mparco-boiler-v5-page .mparco-boiler-v5-service-list h3{


font-size:16px;

color:var(--mb-primary);

margin:0 0 8px;


}





/* =====================================================
 WHY SECTION
===================================================== */


.mparco-boiler-v5-page .mparco-boiler-v5-why{


background:#061920;

padding:40px 0;


}





.mparco-boiler-v5-page .mparco-boiler-v5-why h2{


color:#fff;


}






.mparco-boiler-v5-page .mparco-boiler-v5-cards{


display:grid;

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

gap:20px;

margin-top:40px;


}





.mparco-boiler-v5-page .mparco-boiler-v5-cards div{


background:#142d36;

padding:30px 20px;

border-radius:12px;


}





.mparco-boiler-v5-page .mparco-boiler-v5-cards i{


font-size:25px;

color:var(--mb-orange);


}





.mparco-boiler-v5-page .mparco-boiler-v5-cards h3{


color:#fff;

font-size:16px;


}





.mparco-boiler-v5-page .mparco-boiler-v5-cards p{


color:#b7c1c5;

font-size:12px;


}



/* =====================================================
 MPARCO BOILER INSTALLATION PAGE V5
 PART 2B : CSS
===================================================== */





/* =====================================================
 PROCESS SECTION
===================================================== */


.mparco-boiler-v5-page .mparco-boiler-v5-process{


padding:40px 0;

background:#fff;


}





.mparco-boiler-v5-page .mparco-boiler-v5-process-line{


display:grid;

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

gap:30px;

margin-top:50px;

position:relative;


}






.mparco-boiler-v5-page .mparco-boiler-v5-process-line:before{


content:"";

position:absolute;

top:32px;

left:12%;

right:12%;

height:2px;

background:#dfe4e6;


}








.mparco-boiler-v5-page .mparco-boiler-v5-process-line div{


text-align:center;

position:relative;

z-index:2;


}








.mparco-boiler-v5-page .mparco-boiler-v5-process-line span{


width:65px;

height:65px;

display:flex;

align-items:center;

justify-content:center;

margin:auto;

border-radius:50%;

background:var(--mb-primary);

color:#fff;

font-size:16px;

font-weight:800;


}







.mparco-boiler-v5-page .mparco-boiler-v5-process-line h3{


margin-top:20px;

font-size:16px;

color:var(--mb-primary);


}









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


.mparco-boiler-v5-page .mparco-boiler-v5-faq{


padding:80px 0;

background:var(--mb-light);


}








.mparco-boiler-v5-page .mparco-boiler-v5-faq h2{


margin-bottom:40px;


}







.mparco-boiler-v5-page .mparco-boiler-v5-faq-box{


max-width:900px;


}







.mparco-boiler-v5-page .mparco-boiler-v5-faq-item{


background:#fff;

border-radius:12px;

padding:20px 25px;

margin-bottom:15px;

border:1px solid #e5e5e5;


}








.mparco-boiler-v5-page .mparco-boiler-v5-faq-item button{


width:100%;

border:none;

background:none;

display:flex;

justify-content:space-between;

align-items:center;

cursor:pointer;

font-size:15px;

font-weight:700;

color:var(--mb-primary);

text-align:left;


}







.mparco-boiler-v5-page .mparco-boiler-v5-faq-item button i{


color:var(--mb-orange);


}







.mparco-boiler-v5-page .mparco-boiler-v5-faq-item p{


margin-top:20px;

font-size:13px;

line-height:1.8;


}









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


.mparco-boiler-v5-page .mparco-boiler-v5-cta{


background:

linear-gradient(
135deg,
#061920,
#102630
);


padding:10px 0;

text-align:center;

max-width: 1400px;
    margin: auto;
    margin-bottom: 40px;
    border-radius: 50px;


}








.mparco-boiler-v5-page .mparco-boiler-v5-cta h2{


color:#fff;

font-size:40px;


}








.mparco-boiler-v5-page .mparco-boiler-v5-cta p{


color:rgba(255,255,255,.7);

margin:20px 0 35px;


}








.mparco-boiler-v5-page .mparco-boiler-v5-cta a{


display:inline-block;

background:var(--mb-orange);

color:#fff;

padding:15px 35px;

border-radius:6px;

text-decoration:none;

font-size:12px;

font-weight:700;


}









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


@media(max-width:1024px){



.mparco-boiler-v5-page .mparco-boiler-v5-hero-grid{


grid-template-columns:1fr;

gap:40px;


}





.mparco-boiler-v5-page .mparco-boiler-v5-main-grid{


grid-template-columns:1fr;


}





.mparco-boiler-v5-page .mparco-boiler-v5-cards{


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


}





.mparco-boiler-v5-page .mparco-boiler-v5-process-line{


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


}





.mparco-boiler-v5-page .mparco-boiler-v5-process-line:before{


display:none;


}


}









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


@media(max-width:768px){



.mparco-boiler-v5-page .mparco-boiler-v5-container{


width:90%;


}





.mparco-boiler-v5-page .mparco-boiler-v5-hero{


padding:50px 0;


}





.mparco-boiler-v5-page .mparco-boiler-v5-hero-content h1{


font-size:38px;


}





.mparco-boiler-v5-page .mparco-boiler-v5-hero-content p{


font-size:13px;


}





.mparco-boiler-v5-page .mparco-boiler-v5-buttons{


flex-direction:column;


}





.mparco-boiler-v5-page .mparco-boiler-v5-buttons a{


text-align:center;


}





.mparco-boiler-v5-page h2{


font-size:30px;


}





.mparco-boiler-v5-page .mparco-boiler-v5-hero-image img{


height:280px;


}





.mparco-boiler-v5-page .mparco-boiler-v5-experience{


left:10px;

bottom:10px;

padding:15px 20px;


}





.mparco-boiler-v5-page .mparco-boiler-v5-highlights{


/* grid-template-columns:1fr; */

gap:20px;


}





.mparco-boiler-v5-page .mparco-boiler-v5-cards{


grid-template-columns:1fr;


}





/* .mparco-boiler-v5-page .mparco-boiler-v5-process-line{


grid-template-columns:1fr;


} */





.mparco-boiler-v5-page .mparco-boiler-v5-faq-item{


padding:18px;


}





.mparco-boiler-v5-page .mparco-boiler-v5-faq-item button{


font-size:13px;


}





.mparco-boiler-v5-page .mparco-boiler-v5-cta h2{


font-size:28px;


}


}









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


@media(max-width:480px){



.mparco-boiler-v5-page .mparco-boiler-v5-hero-content h1{


font-size:32px;


}





.mparco-boiler-v5-page .mparco-boiler-v5-service-list>div{


gap:12px;


}





.mparco-boiler-v5-page .mparco-boiler-v5-service-list b{


font-size:22px;


}


}



















/** SKID INSTALLATION **/


/* =====================================================
 MPARCO SKID INSTALLATION SERVICES PAGE V6
 PART 2 : CSS
===================================================== */


.mparco-skid-v6-page{


--ms-primary:#102630;
--ms-dark:#061920;
--ms-orange:#f4772a;
--ms-light:#f5f7f8;
--ms-text:#243640;
--ms-muted:#71808b;


width:100%;
overflow:hidden;
font-family:inherit;

}





.mparco-skid-v6-page *,
.mparco-skid-v6-page *::before,
.mparco-skid-v6-page *::after{


box-sizing:border-box;


}






/* ================= CONTAINER ================= */


.mparco-skid-v6-page .mparco-skid-v6-container{


width:min(1180px,92%);

margin:auto;


}








/* =====================================================
 HERO SECTION
===================================================== */


.mparco-skid-v6-page .mparco-skid-v6-hero{


background:#061920;

padding:40px 0;


}







.mparco-skid-v6-page .mparco-skid-v6-hero-grid{


display:grid;

grid-template-columns:1fr .85fr;

gap:70px;

align-items:center;


}








.mparco-skid-v6-page .mparco-skid-v6-hero-content span{


display:block;

color:var(--ms-orange);

font-size:11px;

font-weight:900;

letter-spacing:2px;

margin-bottom:20px;


}







.mparco-skid-v6-page .mparco-skid-v6-hero-content h1{


font-size:50px;

line-height:1.05;

color:#fff;

margin:0;

font-weight:800;


}







.mparco-skid-v6-page .mparco-skid-v6-hero-content h1 strong{


display:block;

color:var(--ms-orange);


}







.mparco-skid-v6-page .mparco-skid-v6-hero-content p{


color:rgba(255,255,255,.72);

font-size:14px;

line-height:1.8;

margin:25px 0;


}







/* BUTTONS */


.mparco-skid-v6-page .mparco-skid-v6-buttons{


display:flex;

gap:15px;


}





.mparco-skid-v6-page .mparco-skid-v6-buttons a{


padding:14px 28px;

border-radius:6px;

text-decoration:none;

font-size:12px;

font-weight:700;


}







.mparco-skid-v6-page .mparco-skid-v6-buttons a:first-child{


background:var(--ms-orange);

color:#fff;


}







.mparco-skid-v6-page .mparco-skid-v6-buttons a:last-child{


border:1px solid rgba(255,255,255,.4);

color:#fff;


}








/* HERO IMAGE */


.mparco-skid-v6-page .mparco-skid-v6-hero-image{


position:relative;


}







.mparco-skid-v6-page .mparco-skid-v6-hero-image img{


width:100%;

height:350px;

object-fit:cover;

border-radius:18px;


}








.mparco-skid-v6-page .mparco-skid-v6-experience{


position:absolute;

left:-20px;

bottom:20px;

background:#fff;

padding:20px 30px;

border-radius:12px;


}







.mparco-skid-v6-page .mparco-skid-v6-experience strong{


display:block;

font-size:32px;

color:var(--ms-orange);


}






.mparco-skid-v6-page .mparco-skid-v6-experience span{


font-size:11px;

color:var(--ms-text);


}









/* =====================================================
 OVERVIEW SECTION
===================================================== */


.mparco-skid-v6-page .mparco-skid-v6-overview{


padding:40px 0;


}





.mparco-skid-v6-page .mparco-skid-v6-main-grid{


display:grid;

grid-template-columns:1fr 1fr;

gap:60px;


}








.mparco-skid-v6-page span{


color:var(--ms-orange);

font-size:10px;

font-weight:900;

letter-spacing:2px;


}







.mparco-skid-v6-page h2{


font-size:40px;

line-height:1.1;

color:var(--ms-primary);

margin:15px 0;


}







.mparco-skid-v6-page h2 strong{


display:block;

color:var(--ms-orange);


}







.mparco-skid-v6-page p{


font-size:13px;

line-height:1.8;

color:var(--ms-muted);


}







.mparco-skid-v6-page .mparco-skid-v6-overview-content img{


width:100%;

height:300px;

object-fit:cover;

border-radius:15px;

margin:20px 0;


}









/* HIGHLIGHTS */


.mparco-skid-v6-page .mparco-skid-v6-highlights{


display:grid;

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

margin-top:35px;


}







.mparco-skid-v6-page .mparco-skid-v6-highlights div{


text-align:center;


}







.mparco-skid-v6-page .mparco-skid-v6-highlights strong{


display:block;

font-size:30px;

color:var(--ms-orange);


}









/* =====================================================
 SERVICE LIST
===================================================== */


.mparco-skid-v6-page .mparco-skid-v6-service-list{


margin-top:35px;


}







.mparco-skid-v6-page .mparco-skid-v6-service-list>div{


display:flex;

gap:20px;

padding:18px 0;

border-bottom:1px solid #ddd;


}







.mparco-skid-v6-page .mparco-skid-v6-service-list b{


font-size:28px;

color:#dfe5e7;


}







.mparco-skid-v6-page .mparco-skid-v6-service-list h3{


font-size:16px;

margin:0 0 8px;

color:var(--ms-primary);


}








/* =====================================================
 WHY SECTION
===================================================== */


.mparco-skid-v6-page .mparco-skid-v6-why{


background:#061920;

padding:40px 0;


}







.mparco-skid-v6-page .mparco-skid-v6-heading h2{


color:#fff;


}







.mparco-skid-v6-page .mparco-skid-v6-cards{


display:grid;

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

gap:20px;

margin-top:40px;


}







.mparco-skid-v6-page .mparco-skid-v6-cards div{


background:#142d36;

padding:30px 20px;

border-radius:12px;


}







.mparco-skid-v6-page .mparco-skid-v6-cards i{


font-size:25px;

color:var(--ms-orange);


}







.mparco-skid-v6-page .mparco-skid-v6-cards h3{


font-size:16px;

color:#fff;


}







.mparco-skid-v6-page .mparco-skid-v6-cards p{


font-size:12px;

color:#b7c1c5;


}




/* =====================================================
 MPARCO SKID INSTALLATION SERVICES PAGE V6
 PART 2B : CSS
===================================================== */





/* =====================================================
 PROCESS SECTION
===================================================== */


.mparco-skid-v6-page .mparco-skid-v6-process{


padding:40px 0;

background:#fff;


}






.mparco-skid-v6-page .mparco-skid-v6-process-line{


display:grid;

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

gap:30px;

margin-top:50px;

position:relative;


}






.mparco-skid-v6-page .mparco-skid-v6-process-line::before{


content:"";

position:absolute;

height:2px;

background:#dfe5e7;

top:32px;

left:12%;

right:12%;


}








.mparco-skid-v6-page .mparco-skid-v6-process-line div{


text-align:center;

position:relative;

z-index:2;


}







.mparco-skid-v6-page .mparco-skid-v6-process-line span{


width:65px;

height:65px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

margin:auto;

background:var(--ms-primary);

color:#fff;

font-size:16px;

font-weight:800;


}








.mparco-skid-v6-page .mparco-skid-v6-process-line h3{


font-size:15px;

margin-top:20px;

color:var(--ms-primary);


}









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


.mparco-skid-v6-page .mparco-skid-v6-faq{


background:var(--ms-light);

padding:80px 0;


}






.mparco-skid-v6-page .mparco-skid-v6-faq h2{


margin-bottom:40px;


}








.mparco-skid-v6-page .mparco-skid-v6-faq-box{


display:grid;

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

gap:20px;


}








.mparco-skid-v6-page .mparco-skid-v6-faq-item{


background:#fff;

border:1px solid #e5e5e5;

padding:22px;

border-radius:12px;


}







.mparco-skid-v6-page .mparco-skid-v6-faq-item button{


width:100%;

border:none;

background:none;

display:flex;

justify-content:space-between;

align-items:center;

cursor:pointer;

font-size:14px;

font-weight:700;

color:var(--ms-primary);

text-align:left;


}







.mparco-skid-v6-page .mparco-skid-v6-faq-item button i{


color:var(--ms-orange);


}








.mparco-skid-v6-page .mparco-skid-v6-faq-item p{


margin-top:18px;

font-size:13px;

line-height:1.7;


}









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


.mparco-skid-v6-page .mparco-skid-v6-cta{


max-width: 1400px;

margin:60px auto;

padding:10px 0px;

background:linear-gradient(
135deg,
#061920,
#102630
);

border-radius:35px;

text-align:center;


}








.mparco-skid-v6-page .mparco-skid-v6-cta h2{


color:#fff;

font-size:38px;


}








.mparco-skid-v6-page .mparco-skid-v6-cta p{


color:rgba(255,255,255,.7);

margin:20px 0 30px;


}








.mparco-skid-v6-page .mparco-skid-v6-cta a{


display:inline-block;

padding:14px 35px;

background:var(--ms-orange);

color:#fff;

border-radius:6px;

text-decoration:none;

font-size:12px;

font-weight:700;


}









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


@media(max-width:1024px){



.mparco-skid-v6-page .mparco-skid-v6-hero-grid{


grid-template-columns:1fr;

gap:40px;


}




.mparco-skid-v6-page .mparco-skid-v6-main-grid{


grid-template-columns:1fr;


}





.mparco-skid-v6-page .mparco-skid-v6-cards{


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


}





.mparco-skid-v6-page .mparco-skid-v6-process-line{


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


}




.mparco-skid-v6-page .mparco-skid-v6-process-line::before{


display:none;


}




}









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


@media(max-width:768px){



.mparco-skid-v6-page .mparco-skid-v6-container{


width:90%;


}






.mparco-skid-v6-page .mparco-skid-v6-hero{


padding:50px 0;


}






.mparco-skid-v6-page .mparco-skid-v6-hero-content h1{


font-size:38px;


}





.mparco-skid-v6-page .mparco-skid-v6-hero-content p{


font-size:13px;


}






.mparco-skid-v6-page .mparco-skid-v6-buttons{


flex-direction:column;


}





.mparco-skid-v6-page .mparco-skid-v6-buttons a{


text-align:center;


}





.mparco-skid-v6-page h2{


font-size:30px;


}





.mparco-skid-v6-page .mparco-skid-v6-hero-image img{


height:280px;


}






.mparco-skid-v6-page .mparco-skid-v6-experience{


left:10px;

bottom:10px;

padding:15px 20px;


}






.mparco-skid-v6-page .mparco-skid-v6-highlights{


/* grid-template-columns:1fr; */

gap:20px;


}





.mparco-skid-v6-page .mparco-skid-v6-cards{


grid-template-columns:1fr;


}






/* .mparco-skid-v6-page .mparco-skid-v6-process-line{


grid-template-columns:1fr;


} */






.mparco-skid-v6-page .mparco-skid-v6-faq-box{


grid-template-columns:1fr;


}






.mparco-skid-v6-page .mparco-skid-v6-cta{


width:90%;

padding:40px 20px;

border-radius:20px;


}






.mparco-skid-v6-page .mparco-skid-v6-cta h2{


font-size:28px;


}



}









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


@media(max-width:480px){



.mparco-skid-v6-page .mparco-skid-v6-hero-content h1{


font-size:32px;


}





.mparco-skid-v6-page .mparco-skid-v6-service-list>div{


gap:12px;


}





.mparco-skid-v6-page .mparco-skid-v6-service-list b{


font-size:22px;


}





}







/* =========================================================
   INDUSTRA / EQUIPMENT INSTALLATION
   COMPLETE RESPONSIVE SYSTEM
   Paste this at the VERY END of your CSS
========================================================= */


/* =========================================================
   GLOBAL RESPONSIVE SAFETY
========================================================= */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

img {
    max-width: 100%;
}

button,
input,
select,
textarea {
    max-width: 100%;
}

section {
    width: 100%;
}









/* =========================================================
   LARGE DESKTOP
   1440px+
========================================================= */

@media (min-width: 1441px) {

    .top-inner,
    .nav-container {
        width: min(1380px, calc(100% - 80px));
    }

    .hero-content {
        width: min(1380px, calc(100% - 80px));
        margin-left: max(40px, calc((100% - 1380px) / 2));
    }

    .about-container,
    .why-us-container,
    .gallery-container,
    .testimonials-container,
    .contact-container,
    .footer-container,
    .eq-container {
        width: min(1380px, calc(100% - 80px));
    }

    .services-container {
        width: min(1440px, calc(100% - 80px));
    }

}









/* =========================================================
   DESKTOP / LAPTOP
   1200px - 1440px
========================================================= */

@media (max-width: 1200px) {

    /* ---------- NAV ---------- */

    .nav-container,
    .top-inner {
        width: calc(100% - 40px);
    }

    .nav-menu > ul {
        gap: 14px;
        margin-left: 10px;
    }

    .nav-menu > ul > li > a,
    .nav-dropdown-btn {
        font-size: 13px;
        padding: 0 6px;
    }

    .logo-name h2 {
        font-size: 23px;
    }


    /* ---------- HERO ---------- */

    .hero-slider {
        height: calc(78vh - 110px);
        min-height: 500px;
    }

    .hero-content {
        width: calc(100% - 80px);
        margin-left: 40px;
        max-width: 600px;
    }

    .hero-title {
        font-size: 50px;
    }


    /* ---------- ABOUT ---------- */

    .about-container {
        gap: 45px;
    }

    .about-img {
        height: 470px;
    }

    .about-title {
        font-size: 40px;
    }


    /* ---------- SERVICES ---------- */

    .services-container {
        width: calc(100% - 40px);
    }

    .services-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }


    /* ---------- WHY ---------- */

    .why-us-container {
        gap: 45px;
    }

    .why-main-photo {
        height: 500px;
    }


    /* ---------- GALLERY ---------- */

    .gallery-container {
        grid-template-columns: 280px 1fr;
        gap: 30px;
    }


    /* ---------- TESTIMONIAL ---------- */

    .testimonial-card {
        padding: 28px 22px;
    }


    /* ---------- CONTACT ---------- */

    .contact-container {
        gap: 40px;
    }


    /* ---------- FOOTER ---------- */

    .footer-grid {
        gap: 35px;
    }

}









/* =========================================================
   TABLET LANDSCAPE
   992px
========================================================= */

@media (max-width: 992px) {

    /* =====================================================
       NAVBAR
    ===================================================== */

    .top-inner,
    .nav-container {
        width: calc(100% - 32px);
    }

    .nav-menu > ul {
        gap: 8px;
    }

    .nav-menu > ul > li > a,
    .nav-dropdown-btn {
        font-size: 12px;
        padding: 0 5px;
    }

    .quote-btn {
        padding: 0 13px !important;
    }


    /* =====================================================
       HERO
    ===================================================== */

    .hero-slider {
        height: 600px;
        min-height: 0;
    }

    .hero-content {
        width: calc(100% - 80px);
        margin-left: 40px;
        max-width: 580px;
    }

    .hero-title {
        font-size: 46px;
    }

    .hero-description {
        font-size: 15px;
        max-width: 550px;
    }


    /* =====================================================
       ABOUT
    ===================================================== */

    .about-section {
        padding: 60px 0;
    }

    .about-container {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .about-image-wrapper {
        max-width: 700px;
        width: 100%;
        margin: 0 auto;
    }

    .about-img {
        height: 440px;
    }

    .about-title {
        font-size: 42px;
    }

    .about-description {
        font-size: 14px;
    }


    /* =====================================================
       SERVICES
    ===================================================== */

    .services-section {
        padding: 60px 0;
    }

    .services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .services-header {
        margin-bottom: 35px;
    }

    .services-title {
        font-size: 40px;
    }


    /* =====================================================
       WHY CHOOSE
    ===================================================== */

    .why-us-clean {
        padding: 60px 0;
    }

    .why-us-container {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .why-img-box {
        max-width: 700px;
        width: 100%;
        margin: auto;
    }

    .why-main-photo {
        height: 430px;
    }

    .why-main-heading {
        font-size: 38px;
    }


    /* =====================================================
       GALLERY
    ===================================================== */

    .gallery-scroll-section {
        padding: 60px 0;
    }

    .gallery-container {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .gallery-sidebar {
        position: static;
        text-align: center;
    }

    .gallery-btn-group {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .filter-btn {
        width: auto;
    }

    .gallery-scroll-box {
        max-height: 520px;
    }


    /* =====================================================
       TESTIMONIALS
    ===================================================== */

    .testimonials-section {
        padding: 60px 0;
    }

    .testimonial-card {
        flex: 0 0 calc((100% - 24px) / 2);
    }


    /* =====================================================
       CONTACT
    ===================================================== */

    .contact-section {
        padding: 60px 0;
    }

    .contact-container {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .contact-card {
        width: 100%;
    }


    /* =====================================================
       FOOTER
    ===================================================== */

    .footer-section {
        padding: 60px 0 25px;
    }

    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }


    /* =====================================================
       EQUIPMENT INSTALLATION
    ===================================================== */

    .eq-container {
        width: calc(100% - 40px);
    }

    .page-hero {
        padding: 85px 0 70px;
    }

    .page-title {
        font-size: 48px;
    }

    .eq-overview-section {
        padding: 70px 0;
    }

    .eq-grid-2 {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .eq-image-card {
        max-width: 700px;
        margin: 0 auto;
        width: 100%;
    }

    .eq-image-card img {
        height: 400px;
    }

    .capabilities-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}









/* =========================================================
   TABLET PORTRAIT
   768px
========================================================= */

@media (max-width: 768px) {

    /* =====================================================
       TOP BAR
    ===================================================== */

    .top-bar {
        height: 30px;
    }

    .top-inner {
        width: calc(100% - 24px);
    }

    .top-right {
        display: none;
    }

    .location {
        font-size: 10px;
    }


    /* =====================================================
       NAVBAR
    ===================================================== */

    .navbar {
        height: 72px;
    }

    .nav-container {
        width: calc(100% - 28px);
    }

    .logo-box {
        width: 46px;
        height: 46px;
    }

    .logo-name h2 {
        font-size: 21px;
    }

    .logo-name small {
        font-size: 6px;
    }

    .mobile-toggle {
        display: block;
    }

    .nav-menu {
        top: 72px;
    }


    /* =====================================================
       HERO SLIDER
    ===================================================== */

    .hero-slider {
        height: 560px;
    }

    .hero-content {
        width: calc(100% - 70px);
        margin-left: 35px;
        max-width: 560px;
    }

    .hero-badge {
        font-size: 10px;
        padding: 6px 13px;
        margin-bottom: 15px;
    }

    .hero-title {
        font-size: 42px;
        line-height: 1.05;
    }

    .hero-description {
        font-size: 14px;
        line-height: 1.55;
        margin-bottom: 24px;
    }

    .btn-primary {
        padding: 13px 22px;
        font-size: 14px;
    }

    .slider-arrow {
        width: 38px;
        height: 38px;
    }

    .slider-arrow.prev {
        left: 12px;
    }

    .slider-arrow.next {
        right: 12px;
    }


    /* =====================================================
       ABOUT
    ===================================================== */

    .about-section {
        padding: 50px 0;
    }

    .about-container {
        width: calc(100% - 32px);
        gap: 35px;
    }

    .about-image-wrapper {
        padding-right: 12px;
        padding-bottom: 15px;
    }

    .about-img {
        height: 380px;
    }

    .project-badge {
        display: none;
    }

    .main-badge {
        left: -2px;
        bottom: -2px;
    }

    .exp-badge {
        padding: 11px 15px;
        gap: 10px;
    }

    .badge-icon {
        width: 38px;
        height: 38px;
        font-size: 17px;
    }

    .badge-text h3 {
        font-size: 23px;
    }

    .badge-text p {
        font-size: 10px;
    }

    .about-tag {
        font-size: 10px;
    }

    .about-title {
        font-size: 38px;
    }

    .about-description {
        font-size: 14px;
    }

    .about-highlights {
        gap: 14px;
    }

    .highlight-card {
        padding: 14px;
    }

    .about-actions {
        flex-wrap: wrap;
    }


    /* =====================================================
       SERVICES
    ===================================================== */

    .services-section {
        padding: 50px 0;
    }

    .services-container {
        width: calc(100% - 32px);
    }

    .services-header {
        margin-bottom: 35px;
    }

    .services-tag {
        font-size: 10px;
    }

    .services-title {
        font-size: 38px;
    }

    .services-subtitle {
        font-size: 14px;
    }

    .service-card {
        padding: 24px 20px;
    }

    .service-card h3 {
        font-size: 21px;
    }


    /* =====================================================
       WHY CHOOSE
    ===================================================== */

    .why-us-clean {
        padding: 50px 0;
    }

    .why-us-container {
        width: calc(100% - 32px);
        gap: 35px;
    }

    .why-main-photo {
        height: 380px;
    }

    .why-photo-badge {
        bottom: 18px;
        left: 18px;
    }

    .why-main-heading {
        font-size: 36px;
    }

    .why-intro-p {
        font-size: 14px;
    }

    .reason-item {
        gap: 13px;
    }


    /* =====================================================
       GALLERY
    ===================================================== */

    .gallery-scroll-section {
        padding: 50px 0;
    }

    .gallery-container {
        width: calc(100% - 32px);
    }

    .gallery-title {
        font-size: 36px;
    }

    .gallery-desc {
        font-size: 13px;
    }

    .gallery-scroll-box {
        max-height: 520px;
        padding-right: 7px;
    }

    .gallery-grid {
        gap: 16px;
    }

    .img-wrapper {
        height: 180px;
    }


    /* =====================================================
       TESTIMONIAL
    ===================================================== */

    .testimonials-section {
        padding: 50px 0;
    }

    .testimonials-container {
        width: calc(100% - 32px);
    }

    .testimonials-title {
        font-size: 36px;
    }

    .testimonials-subtitle {
        font-size: 14px;
    }

    .testimonials-wrapper {
        padding-left: 5px;
    }

    .testimonial-card {
        flex: 0 0 calc((100% - 16px) / 2);
        padding: 25px 20px;
    }


    /* =====================================================
       CONTACT
    ===================================================== */

    .contact-section {
        padding: 50px 0;
    }

    .contact-container {
        width: calc(100% - 32px);
    }

    .contact-title {
        font-size: 38px;
    }

    .contact-subtitle {
        font-size: 14px;
    }

    .contact-card {
        padding: 30px 24px;
    }

    .form-grid {
        gap: 16px;
    }


    /* =====================================================
       FOOTER
    ===================================================== */

    .footer-section {
        padding: 55px 0 25px;
    }

    .footer-container {
        width: calc(100% - 32px);
    }

    .footer-grid {
        gap: 35px;
    }


    /* =====================================================
       EQUIPMENT PAGE
    ===================================================== */

    .eq-container {
        width: calc(100% - 32px);
    }

    .page-hero {
        padding: 70px 0 60px;
    }

    .page-hero-container {
        width: calc(100% - 32px);
    }

    .hero-sub-tag {
        font-size: 11px;
    }

    .page-title {
        font-size: 44px;
    }

    .page-desc {
        font-size: 14px;
    }

    .hero-cta-btns {
        gap: 12px;
    }

    .eq-overview-section,
    .eq-capabilities-section {
        padding: 60px 0;
    }

    .eq-text h2 {
        font-size: 35px;
    }

    .eq-text p {
        font-size: 14px;
    }

    .eq-image-card img {
        height: 360px;
    }

    .capabilities-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

}









/* =========================================================
   MOBILE
   576px
========================================================= */

@media (max-width: 576px) {

    /* =====================================================
       GENERAL
    ===================================================== */

    .top-inner,
    .nav-container,
    .about-container,
    .services-container,
    .why-us-container,
    .gallery-container,
    .testimonials-container,
    .contact-container,
    .footer-container,
    .eq-container {
        width: calc(100% - 24px);
    }


    /* =====================================================
       TOP BAR
    ===================================================== */

    .top-bar {
        height: 28px;
    }

    .location {
        font-size: 9px;
    }


    /* =====================================================
       NAV
    ===================================================== */

    .navbar {
        height: 68px;
    }

    .nav-container {
        width: calc(100% - 20px);
    }

    .mobile-toggle {
        width: 42px;
        height: 40px;
    }

    .nav-menu {
        top: 68px;
        max-height: calc(100vh - 96px);
    }

    .nav-menu > ul {
        padding: 5px 10px 15px;
    }

    .nav-menu > ul > li > a,
    .nav-dropdown-btn {
        height: 50px;
        font-size: 13px;
    }

    .dropdown-item > button {
        height: 46px;
        font-size: 13px;
    }

    .submenu a {
        min-height: 44px;
        font-size: 12px;
    }


    /* =====================================================
       HERO
    ===================================================== */

    .hero-slider {
        height: 520px;
    }

    .hero-content {
        width: calc(100% - 70px);
        margin-left: 35px;
        max-width: none;
    }

    .hero-badge {
        font-size: 9px;
        padding: 5px 11px;
        letter-spacing: .7px;
    }

    .hero-title {
        font-size: 36px;
        line-height: 1.08;
    }

    .hero-description {
        font-size: 13px;
        line-height: 1.55;
        margin-bottom: 22px;
    }

    .btn-primary {
        padding: 12px 18px;
        font-size: 13px;
    }

    .slider-arrow {
        width: 34px;
        height: 34px;
        font-size: 12px;
    }


    /* =====================================================
       ABOUT
    ===================================================== */

    .about-section {
        padding: 45px 0;
    }

    .about-container {
        gap: 30px;
    }

    .about-image-wrapper {
        padding-right: 8px;
        padding-bottom: 12px;
    }

    .about-img {
        height: 300px;
        border-radius: 15px;
    }

    .main-badge {
        left: 0;
        bottom: 0;
    }

    .exp-badge {
        padding: 9px 12px;
        border-radius: 10px;
    }

    .badge-icon {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    .badge-text h3 {
        font-size: 20px;
    }

    .badge-text p {
        font-size: 8.5px;
    }

    .about-tag {
        font-size: 9px;
        padding: 5px 13px;
    }

    .about-title {
        font-size: 32px;
        line-height: 1.12;
    }

    .about-description {
        font-size: 13px;
        line-height: 1.6;
    }

    .about-highlights {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 25px;
    }

    .highlight-card {
        gap: 11px;
        padding: 13px;
    }

    .hl-icon {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .hl-info h4 {
        font-size: 16px;
    }

    .hl-info p {
        font-size: 10.5px;
    }

    .about-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }

    .about-btn {
        justify-content: center;
        padding: 13px 20px;
        font-size: 13px;
    }

    .about-phone {
        justify-content: center;
    }


    /* =====================================================
       SERVICES
    ===================================================== */

    .services-section {
        padding: 45px 0;
    }

    .services-header {
        margin-bottom: 30px;
    }

    .services-title {
        font-size: 32px;
    }

    .services-subtitle {
        font-size: 13px;
    }

    .services-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .service-card {
        padding: 22px 18px;
        border-radius: 13px;
    }

    .card-top {
        margin-bottom: 15px;
    }

    .card-icon {
        width: 43px;
        height: 43px;
        font-size: 17px;
    }

    .card-number {
        font-size: 17px;
    }

    .service-card h3 {
        font-size: 20px;
    }

    .service-card p {
        font-size: 12px;
    }

    .service-link {
        font-size: 12px;
        padding-top: 13px;
    }


    /* =====================================================
       WHY
    ===================================================== */

    .why-us-clean {
        padding: 45px 0;
    }

    .why-us-container {
        gap: 28px;
    }

    .why-main-photo {
        height: 300px;
        border-radius: 15px;
    }

    .why-photo-badge {
        bottom: 12px;
        left: 12px;
        padding: 10px 13px;
        gap: 10px;
    }

    .badge-num {
        font-size: 27px;
    }

    .badge-txt strong {
        font-size: 11px;
    }

    .badge-txt span {
        font-size: 8px;
    }

    .why-sub-tag {
        font-size: 9px;
        padding: 5px 12px;
    }

    .why-main-heading {
        font-size: 31px;
    }

    .why-intro-p {
        font-size: 13px;
        margin-bottom: 22px;
    }

    .why-reasons-list {
        gap: 8px;
    }

    .reason-item {
        gap: 11px;
        padding: 10px 5px;
    }

    .reason-icon {
        width: 38px;
        height: 38px;
        font-size: 15px;
    }

    .reason-content h4 {
        font-size: 17px;
    }

    .reason-content p {
        font-size: 11px;
    }


    /* =====================================================
       GALLERY
    ===================================================== */

    .gallery-scroll-section {
        padding: 45px 0;
    }

    .gallery-title {
        font-size: 31px;
    }

    .gallery-desc {
        font-size: 12px;
    }

    .gallery-btn-group {
        gap: 7px;
    }

    .filter-btn {
        padding: 10px 12px;
        font-size: 11px;
    }

    .filter-btn i {
        font-size: 13px;
    }

    .gallery-scroll-box {
        max-height: 600px;
        padding-right: 3px;
    }

    .gallery-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .img-wrapper {
        height: 200px;
    }

    .card-info {
        padding: 13px;
    }

    .card-info h4 {
        font-size: 17px;
    }

    .card-info p {
        font-size: 11px;
    }


    /* =====================================================
       TESTIMONIAL
    ===================================================== */

    .testimonials-section {
        padding: 45px 0;
    }

    .testimonials-header {
        margin-bottom: 25px;
    }

    .testimonials-title {
        font-size: 31px;
    }

    .testimonials-subtitle {
        font-size: 12px;
    }

    .testimonials-wrapper {
        padding: 8px 0 20px 2px;
    }

    .testimonial-card {
        flex: 0 0 100%;
        padding: 22px 17px;
        border-radius: 13px;
    }

    .review-text {
        font-size: 12.5px;
    }

    .client-details h4 {
        font-size: 17px;
    }

    .client-details p {
        font-size: 10px;
    }


    /* =====================================================
       CONTACT
    ===================================================== */

    .contact-section {
        padding: 45px 0;
    }

    .contact-tag {
        font-size: 9px;
        padding: 5px 13px;
    }

    .contact-title {
        font-size: 32px;
    }

    .contact-subtitle {
        font-size: 12.5px;
        margin-bottom: 25px;
    }

    .info-list {
        gap: 12px;
    }

    .info-item {
        gap: 11px;
    }

    .info-icon {
        width: 38px;
        height: 38px;
        font-size: 15px;
    }

    .info-text {
        font-size: 12px;
    }

    .contact-card {
        padding: 22px 16px;
        border-radius: 14px;
    }

    .form-grid {
        grid-template-columns: 1fr;
        gap: 13px;
        margin-bottom: 14px;
    }

    .form-group {
        gap: 6px;
    }

    .form-group label {
        font-size: 9px;
    }

    .form-group input,
    .form-group select,
    .form-group textarea {
        padding: 11px 12px;
        font-size: 12px;
    }

    .submit-btn {
        padding: 12px;
        font-size: 13px;
    }


    /* =====================================================
       FOOTER
    ===================================================== */

    .footer-section {
        padding: 50px 0 20px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        padding-bottom: 35px;
    }

    .brand-desc {
        font-size: 12px;
    }

    .col-title {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .footer-links {
        gap: 9px;
    }

    .footer-links a {
        font-size: 12px;
    }

    .contact-info-list {
        gap: 11px;
    }

    .contact-info-list li {
        font-size: 11.5px;
    }

    .footer-bottom {
        font-size: 10px;
    }

    .bottom-links {
        gap: 12px;
        flex-wrap: wrap;
        justify-content: center;
    }


    /* =====================================================
       EQUIPMENT INSTALLATION
    ===================================================== */

    .eq-container {
        width: calc(100% - 24px);
    }

    .page-hero {
        padding: 60px 0 50px;
    }

    .page-hero-container {
        width: calc(100% - 24px);
    }

    .hero-sub-tag {
        font-size: 9px;
        letter-spacing: .8px;
        margin-bottom: 12px;
    }

    .page-title {
        font-size: 36px;
        line-height: 1.08;
        margin-bottom: 14px;
    }

    .page-desc {
        font-size: 12px;
        line-height: 1.6;
        margin-bottom: 22px;
    }

    .hero-cta-btns {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .page-hero .btn-primary,
    .page-hero .btn-outline {
        width: 100%;
        text-align: center;
        padding: 12px 18px;
        font-size: 12px;
    }

    .eq-overview-section {
        padding: 50px 0;
    }

    .eq-grid-2 {
        gap: 30px;
    }

    .eq-text h2 {
        font-size: 31px;
        line-height: 1.1;
    }

    .eq-text p {
        font-size: 12.5px;
        line-height: 1.6;
    }

    .eq-check-list {
        gap: 9px;
    }

    .eq-check-list li {
        font-size: 11.5px;
        line-height: 1.4;
    }

    .eq-image-card img {
        height: 280px;
    }

    .img-floating-tag {
        left: 12px;
        bottom: 12px;
        padding: 8px 11px;
        font-size: 10px;
    }

    .eq-capabilities-section {
        padding: 50px 0;
    }

    .section-header {
        margin-bottom: 30px;
    }

    .section-header h2 {
        font-size: 32px;
    }

    .section-header p {
        font-size: 12px;
        line-height: 1.5;
    }

    .capabilities-grid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .cap-card {
        padding: 20px 17px;
    }

}









/* =========================================================
   SMALL MOBILE
   400px
========================================================= */

@media (max-width: 400px) {

    .logo-name h2 {
        font-size: 18px;
        letter-spacing: 1px;
    }

    .logo-name small {
        font-size: 5px;
        letter-spacing: 1px;
    }

    .logo-box {
        width: 42px;
        height: 42px;
    }

    .mobile-toggle {
        width: 39px;
        height: 38px;
    }


    /* HERO */

    .hero-slider {
        height: 500px;
    }

    .hero-content {
        width: calc(100% - 60px);
        margin-left: 30px;
    }

    .hero-title {
        font-size: 32px;
    }

    .hero-description {
        font-size: 12px;
    }


    /* ABOUT */

    .about-img {
        height: 260px;
    }

    .about-title {
        font-size: 29px;
    }

    .about-description {
        font-size: 12px;
    }


    /* SERVICES */

    .services-title {
        font-size: 29px;
    }

    .service-card h3 {
        font-size: 18px;
    }


    /* WHY */

    .why-main-photo {
        height: 260px;
    }

    .why-main-heading {
        font-size: 28px;
    }

    .reason-content h4 {
        font-size: 16px;
    }

    .reason-content p {
        font-size: 10px;
    }


    /* GALLERY */

    .gallery-title {
        font-size: 28px;
    }

    .filter-btn {
        width: 100%;
        justify-content: center;
    }


    /* CONTACT */

    .contact-title {
        font-size: 29px;
    }


    /* EQUIPMENT */

    .page-title {
        font-size: 32px;
    }

    .eq-text h2 {
        font-size: 28px;
    }

    .eq-image-card img {
        height: 245px;
    }

    .section-header h2 {
        font-size: 29px;
    }

}









/* =========================================================
   EXTRA SMALL PHONES
   360px
========================================================= */

@media (max-width: 360px) {

    .top-inner,
    .nav-container,
    .about-container,
    .services-container,
    .why-us-container,
    .gallery-container,
    .testimonials-container,
    .contact-container,
    .footer-container,
    .eq-container {
        width: calc(100% - 18px);
    }


    /* NAV */

    .logo {
        gap: 7px;
    }

    .logo-box {
        width: 38px;
        height: 38px;
        border-radius: 9px;
    }

    .logo-box span {
        width: 4px;
    }

    .logo-box span:nth-child(1) {
        height: 15px;
    }

    .logo-box span:nth-child(2) {
        height: 24px;
    }

    .logo-box span:nth-child(3) {
        height: 19px;
    }

    .logo-name h2 {
        font-size: 16px;
    }

    .logo-name small {
        display: none;
    }


    /* HERO */

    .hero-slider {
        height: 470px;
    }

    .hero-content {
        width: calc(100% - 54px);
        margin-left: 27px;
    }

    .hero-title {
        font-size: 29px;
    }

    .hero-description {
        font-size: 11px;
    }

    .slider-arrow {
        width: 30px;
        height: 30px;
    }

    .slider-arrow.prev {
        left: 8px;
    }

    .slider-arrow.next {
        right: 8px;
    }


    /* ABOUT */

    .about-img {
        height: 230px;
    }

    .about-title {
        font-size: 26px;
    }

    .badge-text h3 {
        font-size: 17px;
    }

    .badge-text p {
        font-size: 7px;
    }


    /* SERVICES */

    .services-title {
        font-size: 27px;
    }

    .service-card {
        padding: 19px 15px;
    }


    /* WHY */

    .why-main-photo {
        height: 230px;
    }

    .why-main-heading {
        font-size: 26px;
    }

    .why-photo-badge {
        padding: 8px 10px;
    }

    .badge-num {
        font-size: 23px;
    }


    /* GALLERY */

    .img-wrapper {
        height: 175px;
    }


    /* TESTIMONIAL */

    .testimonial-card {
        padding: 20px 14px;
    }

    .review-text {
        font-size: 11.5px;
    }


    /* CONTACT */

    .contact-card {
        padding: 18px 12px;
    }


    /* EQUIPMENT */

    .page-title {
        font-size: 29px;
    }

    .page-desc {
        font-size: 11px;
    }

    .eq-text h2 {
        font-size: 26px;
    }

    .eq-image-card img {
        height: 220px;
    }

    .section-header h2 {
        font-size: 27px;
    }

}









/* =========================================================
   VERY SMALL DEVICES
   320px
========================================================= */

@media (max-width: 320px) {

    .hero-slider {
        height: 450px;
    }

    .hero-title {
        font-size: 27px;
    }

    .hero-description {
        font-size: 10.5px;
    }

    .about-title {
        font-size: 24px;
    }

    .services-title {
        font-size: 25px;
    }

    .why-main-heading {
        font-size: 24px;
    }

    .gallery-title {
        font-size: 25px;
    }

    .testimonials-title {
        font-size: 27px;
    }

    .contact-title {
        font-size: 26px;
    }

    .page-title {
        font-size: 27px;
    }

    .eq-text h2 {
        font-size: 24px;
    }

}









/* =========================================================
   TOUCH DEVICES
   Remove aggressive hover movement
========================================================= */

@media (hover: none) and (pointer: coarse) {

    .service-card:hover,
    .cap-card:hover,
    .highlight-card:hover,
    .testimonial-card:hover,
    .gallery-card:hover {
        transform: none !important;
    }

    .about-image-wrapper:hover .about-img,
    .gallery-card:hover .img-wrapper img {
        transform: none;
    }

}









/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

}
























































/* =========================================================
   MPARCO COMPRESSOR INSTALLATION
   COMPLETE RESPONSIVE SYSTEM
   320px → 1600px+
   FULLY SCOPED - NO OTHER PAGE CLASH
========================================================= */


/* =========================================================
   LARGE DESKTOP
   1600px+
========================================================= */

@media (min-width: 1600px) {

    .mparco-compressor-v2-page
    .mparco-compressor-v2-container {
        width: min(1280px, 90%);
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero {
        padding: 70px 0;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content h1 {
        font-size: 72px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-image img {
        height: 430px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview {
        padding: 90px 0;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview-image img {
        height: 520px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-feature-grid {
        gap: 30px;
    }

}


/* =========================================================
   1400px
========================================================= */

@media (max-width: 1400px) {

    .mparco-compressor-v2-page
    .mparco-compressor-v2-container {
        width: min(1180px, 90%);
    }

}


/* =========================================================
   1200px
========================================================= */

@media (max-width: 1200px) {

    .mparco-compressor-v2-page
    .mparco-compressor-v2-container {
        width: 92%;
    }

    /* HERO */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-grid {
        grid-template-columns: 1fr 0.9fr;
        gap: 45px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content h1 {
        font-size: 52px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-image img {
        height: 330px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-floating-card {
        left: -20px;
    }

    /* OVERVIEW */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview-grid {
        gap: 45px;
    }

    /* WHY */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================================================
   1024px
   TABLET LANDSCAPE / SMALL LAPTOP
========================================================= */

@media (max-width: 1024px) {

    /* =========================
       GLOBAL PAGE SAFETY
    ========================= */

    .mparco-compressor-v2-page {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-container {
        width: 90%;
        max-width: 100%;
    }


    /* =========================
       HERO
    ========================= */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero {
        padding: 60px 0;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content {
        max-width: 800px;
        margin: 0 auto;
        text-align: center;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-tag {
        justify-content: center;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content h1 {
        font-size: 55px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content p {
        max-width: 700px;
        margin: 25px auto;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-buttons {
        justify-content: center;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-image {
        width: min(760px, 100%);
        margin: 0 auto;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-image img {
        height: 380px;
    }


    /* =========================
       OVERVIEW
    ========================= */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview {
        padding: 75px 0;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview-image {
        width: min(800px, 100%);
        margin: 0 auto;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview-image img {
        height: 430px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview-content {
        width: 100%;
    }


    /* =========================
       SERVICES
    ========================= */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-services {
        padding: 65px 0;
    }


    /* =========================
       WHY
    ========================= */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-why {
        padding: 70px 0;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* =========================
       PROCESS
    ========================= */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-process {
        padding: 70px 0;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-process-line {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 45px;
    }


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

    .mparco-compressor-v2-page
    .mparco-heat-v4-cta {
        width: 92% !important;
        max-width: 100% !important;
        margin-bottom: 30px !important;
        border-radius: 35px !important;
    }

    .mparco-compressor-v2-page
    .mparco-heat-v4-cta h2 {
        font-size: 34px !important;
    }

}


/* =========================================================
   900px
========================================================= */

@media (max-width: 900px) {

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content h1 {
        font-size: 48px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-title h2 {
        font-size: 38px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview-content p {
        font-size: 14px;
    }

}


/* =========================================================
   768px
   TABLET / MOBILE
========================================================= */

@media (max-width: 768px) {

    /* =========================
       CONTAINER
    ========================= */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-container {
        width: calc(100% - 36px);
    }


    /* =========================
       HERO
    ========================= */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero {
        padding: 55px 0;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-grid {
        gap: 35px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-tag {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content h1 {
        font-size: 42px;
        line-height: 1.1;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content p {
        font-size: 13px;
        line-height: 1.8;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-buttons {
        flex-direction: column;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        gap: 10px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-primary-btn,
    .mparco-compressor-v2-page
    .mparco-compressor-v2-outline-btn {
        width: 100%;
        text-align: center;
        padding: 14px 20px;
    }


    /* =========================
       HERO IMAGE
    ========================= */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-image {
        width: 100%;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-image img {
        height: 300px;
        border-radius: 18px;
    }


    /* =========================
       FLOATING CARD
    ========================= */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-floating-card {
        left: 15px;
        bottom: 15px;
        padding: 16px 20px;
        border-radius: 10px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-floating-card strong {
        font-size: 28px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-floating-card span {
        font-size: 10px;
    }


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

    .mparco-compressor-v2-page
    .mparco-compressor-v2-title h2 {
        font-size: 32px;
        line-height: 1.15;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-title span {
        font-size: 9px;
        letter-spacing: 1.5px;
    }


    /* =========================
       OVERVIEW
    ========================= */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview {
        padding: 55px 0;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview-grid {
        gap: 35px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview-image img {
        height: 300px;
        border-radius: 15px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview-content p {
        font-size: 13px;
        line-height: 1.8;
    }


    /* =========================
       STATS
    ========================= */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-stats {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin-top: 25px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-stats div {
        padding: 20px 8px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-stats strong {
        font-size: 25px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-stats span {
        font-size: 10px;
        line-height: 1.4;
    }


    /* =========================
       SERVICES
    ========================= */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-services {
        padding: 55px 0;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-service-list {
        margin-top: 30px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-service-item {
        gap: 18px;
        padding: 22px 0;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-number {
        min-width: 42px;
        font-size: 28px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-service-item h3 {
        font-size: 16px;
        line-height: 1.4;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-service-item p {
        font-size: 12px;
        line-height: 1.7;
    }


    /* =========================
       WHY
    ========================= */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-why {
        padding: 60px 0;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-why-header h2 {
        font-size: 32px;
        line-height: 1.15;
        margin-bottom: 30px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-feature-grid {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-feature-grid div {
        padding: 25px 18px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-feature-grid i {
        font-size: 25px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-feature-grid h3 {
        font-size: 15px;
        line-height: 1.4;
        margin: 15px 0 8px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-feature-grid p {
        font-size: 11px;
        line-height: 1.6;
    }


    /* =========================
       PROCESS
    ========================= */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-process {
        padding: 60px 0;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-process-line {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px 20px;
        margin-top: 35px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-process-line span {
        width: 60px;
        height: 60px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-process-line h3 {
        font-size: 15px;
        line-height: 1.4;
        margin-top: 15px;
    }


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

    .mparco-compressor-v2-page
    .mparco-heat-v4-cta {
        width: calc(100% - 36px) !important;
        padding: 30px 18px !important;
        border-radius: 25px !important;
        margin-bottom: 25px !important;
    }

    .mparco-compressor-v2-page
    .mparco-heat-v4-cta h2 {
        font-size: 28px !important;
        line-height: 1.25;
    }

    .mparco-compressor-v2-page
    .mparco-heat-v4-cta p {
        font-size: 12px !important;
        line-height: 1.7;
    }

    .mparco-compressor-v2-page
    .mparco-heat-v4-cta a {
        padding: 13px 25px !important;
        font-size: 12px;
    }

}


/* =========================================================
   576px
   LARGE MOBILE
========================================================= */

@media (max-width: 576px) {

    .mparco-compressor-v2-page
    .mparco-compressor-v2-container {
        width: calc(100% - 30px);
    }


    /* HERO */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero {
        padding: 45px 0;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content h1 {
        font-size: 36px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content p {
        font-size: 12.5px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-image img {
        height: 260px;
        border-radius: 15px;
    }


    /* FLOATING CARD */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-floating-card {
        position:relative;
        left:auto;
        bottom:auto;
        width:100%;
        margin-top:12px;
        text-align:center;
    }


    /* HEADINGS */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-title h2 {
        font-size: 28px;
    }


    /* STATS */

    /* .mparco-compressor-v2-page
    .mparco-compressor-v2-stats {
        grid-template-columns: 1fr;
    } */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-stats div {
        display:flex;
        align-items:center;
        justify-content:center;
        gap:12px;
        padding:15px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-stats strong {
        font-size:23px;
    }


    /* SERVICE */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-service-item {
        display:grid;
        grid-template-columns:42px 1fr;
        gap:12px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-number {
        font-size:24px;
    }


    /* WHY */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-feature-grid {
        grid-template-columns:1fr;
    }


    /* PROCESS */

    /* .mparco-compressor-v2-page
    .mparco-compressor-v2-process-line {
        grid-template-columns:1fr;
        gap:30px;
    } */

}


/* =========================================================
   480px
   MOBILE
========================================================= */

@media (max-width: 480px) {

    .mparco-compressor-v2-page
    .mparco-compressor-v2-container {
        width: calc(100% - 24px);
    }


    /* HERO */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero {
        padding: 40px 0;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content h1 {
        font-size: 32px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content p {
        font-size: 12px;
        line-height: 1.75;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-tag {
        font-size: 9px;
        letter-spacing: 1.2px;
    }


    /* IMAGE */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-image img {
        height: 220px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview-image img {
        height: 240px;
    }


    /* BUTTONS */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-primary-btn,
    .mparco-compressor-v2-page
    .mparco-compressor-v2-outline-btn {
        padding: 13px 16px;
        font-size: 11px;
    }


    /* TITLES */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-title h2 {
        font-size: 25px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-why-header h2 {
        font-size: 26px;
    }


    /* SERVICE */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-service-item {
        grid-template-columns: 35px 1fr;
        gap: 10px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-number {
        font-size: 21px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-service-item h3 {
        font-size: 14px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-service-item p {
        font-size: 11px;
    }


    /* WHY */

    .mparco-compressor-v2-page
    .mparco-compressor-v2-feature-grid div {
        padding: 22px 16px;
    }


    /* CTA */

    .mparco-compressor-v2-page
    .mparco-heat-v4-cta {
        width: calc(100% - 24px) !important;
        border-radius: 20px !important;
        padding: 25px 15px !important;
    }

    .mparco-compressor-v2-page
    .mparco-heat-v4-cta h2 {
        font-size: 24px !important;
    }

}


/* =========================================================
   400px
========================================================= */

@media (max-width: 400px) {

    .mparco-compressor-v2-page
    .mparco-compressor-v2-container {
        width: calc(100% - 20px);
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content h1 {
        font-size: 29px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-title h2 {
        font-size: 23px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-image img {
        height: 200px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview-image img {
        height: 220px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-floating-card strong {
        font-size: 25px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-floating-card span {
        font-size: 9px;
    }

}


/* =========================================================
   360px
========================================================= */

@media (max-width: 360px) {

    .mparco-compressor-v2-page
    .mparco-compressor-v2-container {
        width: calc(100% - 16px);
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content h1 {
        font-size: 27px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content p {
        font-size: 11.5px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-title h2 {
        font-size: 21px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-image img {
        height: 180px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview-image img {
        height: 200px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-service-item h3 {
        font-size: 13px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-service-item p {
        font-size: 10.5px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-feature-grid h3 {
        font-size: 14px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-feature-grid p {
        font-size: 10.5px;
    }

    .mparco-compressor-v2-page
    .mparco-heat-v4-cta h2 {
        font-size: 21px !important;
    }

}


/* =========================================================
   320px
   EXTRA SMALL DEVICES
========================================================= */

@media (max-width: 320px) {

    .mparco-compressor-v2-page
    .mparco-compressor-v2-container {
        width: calc(100% - 14px);
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content h1 {
        font-size: 25px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-title h2 {
        font-size: 20px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-image img {
        height: 165px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-overview-image img {
        height: 185px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-service-item {
        grid-template-columns: 30px 1fr;
        gap: 8px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-number {
        font-size: 19px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-service-item h3 {
        font-size: 12px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-service-item p {
        font-size: 10px;
    }

}


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

@media (max-height: 500px) and (orientation: landscape) {

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero {
        padding: 35px 0;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-grid {
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content {
        text-align: left;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-tag {
        justify-content: flex-start;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-content h1 {
        font-size: 32px;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-buttons {
        flex-direction: row;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-hero-image img {
        height: 250px;
    }

}


/* =========================================================
   TOUCH DEVICES
========================================================= */

@media (hover: none) {

    .mparco-compressor-v2-page
    .mparco-compressor-v2-service-card:hover {
        transform: none;
    }

    .mparco-compressor-v2-page
    .mparco-compressor-v2-feature-grid div:hover {
        transform: none;
    }

}


/* =========================================================
   IMAGE SAFETY
========================================================= */

.mparco-compressor-v2-page img {

    max-width: 100%;
    display: block;

}


/* =========================================================
   LONG TEXT SAFETY
========================================================= */

.mparco-compressor-v2-page h1,
.mparco-compressor-v2-page h2,
.mparco-compressor-v2-page h3,
.mparco-compressor-v2-page p,
.mparco-compressor-v2-page span,
.mparco-compressor-v2-page a {

    overflow-wrap: break-word;
    word-wrap: break-word;

}


/* =========================================================
   PREVENT HORIZONTAL OVERFLOW
========================================================= */

.mparco-compressor-v2-page
.mparco-compressor-v2-service-item,
.mparco-compressor-v2-page
.mparco-compressor-v2-feature-grid div,
.mparco-compressor-v2-page
.mparco-compressor-v2-process-line div {

    min-width: 0;

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .mparco-compressor-v2-page *,
    .mparco-compressor-v2-page *::before,
    .mparco-compressor-v2-page *::after {

        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;

    }

}


















/* =========================================================
   MPARCO HEAT EXCHANGER INSTALLATION
   COMPLETE RESPONSIVE CSS
   320px → 1600px+
   FULLY SCOPED
   MINIMUM TEXT SIZE = 10px
========================================================= */


/* =========================================================
   BASE RESPONSIVE SAFETY
========================================================= */

.mparco-heat-v4-page {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.mparco-heat-v4-page *,
.mparco-heat-v4-page *::before,
.mparco-heat-v4-page *::after {
    box-sizing: border-box;
}

.mparco-heat-v4-page img {
    max-width: 100%;
    height: auto;
    display: block;
}

.mparco-heat-v4-page h1,
.mparco-heat-v4-page h2,
.mparco-heat-v4-page h3,
.mparco-heat-v4-page p,
.mparco-heat-v4-page span,
.mparco-heat-v4-page a {
    overflow-wrap: break-word;
    word-wrap: break-word;
}


/* =========================================================
   LARGE DESKTOP
   1600px+
========================================================= */

@media (min-width: 1600px) {

    .mparco-heat-v4-page
    .mparco-heat-v4-container {
        width: min(1280px, 90%);
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero {
        min-height: 680px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content h1 {
        font-size: 72px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-image img {
        height: 450px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-overview {
        padding: 110px 0;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-main-grid {
        gap: 90px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content img {
        height: 500px;
    }

}


/* =========================================================
   1400px
========================================================= */

@media (max-width: 1400px) {

    .mparco-heat-v4-page
    .mparco-heat-v4-container {
        width: min(1180px, 90%);
    }

}


/* =========================================================
   1200px
========================================================= */

@media (max-width: 1200px) {

    .mparco-heat-v4-page
    .mparco-heat-v4-container {
        width: 92%;
    }

    /* HERO */

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-grid {
        gap: 45px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content h1 {
        font-size: 54px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-image img {
        height: 350px;
    }

    /* MAIN */

    .mparco-heat-v4-page
    .mparco-heat-v4-main-grid {
        gap: 45px;
    }

    /* WHY */

    .mparco-heat-v4-page
    .mparco-heat-v4-cards {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================================================
   1024px
   TABLET LANDSCAPE / SMALL LAPTOP
========================================================= */

@media (max-width: 1024px) {

    /* =====================================================
       CONTAINER
    ===================================================== */

    .mparco-heat-v4-page
    .mparco-heat-v4-container {
        width: 90%;
        max-width: 100%;
    }


    /* =====================================================
       HERO
    ===================================================== */

    .mparco-heat-v4-page
    .mparco-heat-v4-hero {
        padding: 70px 0;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content {
        max-width: 800px;
        margin: 0 auto;
        text-align: center;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content > span {
        justify-content: center;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content p {
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-buttons {
        justify-content: center;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-image {
        width: min(800px, 100%);
        margin: auto;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-image img {
        width: 100%;
        height: 390px;
    }


    /* =====================================================
       OVERVIEW + SERVICES
    ===================================================== */

    .mparco-heat-v4-page
    .mparco-heat-v4-main-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content {
        width: min(850px, 100%);
        margin: auto;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-services-side {
        width: min(850px, 100%);
        margin: auto;
    }


    /* =====================================================
       WHY
    ===================================================== */

    .mparco-heat-v4-page
    .mparco-heat-v4-cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }


    /* =====================================================
       PROCESS
    ===================================================== */

    .mparco-heat-v4-page
    .mparco-heat-v4-process-line {
        grid-template-columns: repeat(2, 1fr);
        gap: 45px 25px;
    }


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

    .mparco-heat-v4-page
    .mparco-heat-v4-cta {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
    }

}


/* =========================================================
   900px
========================================================= */

@media (max-width: 900px) {

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content h1 {
        font-size: 48px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content h2 {
        font-size: 38px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-services-side h2 {
        font-size: 34px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-why-title h2 {
        font-size: 38px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-process h2 {
        font-size: 36px;
    }

}


/* =========================================================
   768px
   TABLET / MOBILE
========================================================= */

@media (max-width: 768px) {

    /* =====================================================
       CONTAINER
    ===================================================== */

    .mparco-heat-v4-page
    .mparco-heat-v4-container {
        width: calc(100% - 36px);
    }


    /* =====================================================
       HERO
    ===================================================== */

    .mparco-heat-v4-page
    .mparco-heat-v4-hero {
        padding: 55px 0;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-grid {
        gap: 35px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content h1 {
        font-size: 42px;
        line-height: 1.1;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content > span {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content p {
        font-size: 13px;
        line-height: 1.8;
    }


    /* =====================================================
       HERO BUTTONS
    ===================================================== */

    .mparco-heat-v4-page
    .mparco-heat-v4-buttons {
        flex-direction: column;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        gap: 10px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-buttons a {
        width: 100%;
        text-align: center;
        padding: 14px 20px;
        font-size: 11px;
    }


    /* =====================================================
       HERO IMAGE
    ===================================================== */

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-image {
        width: 100%;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-image img {
        width: 100%;
        height: 310px;
        border-radius: 18px;
    }


    /* =====================================================
       EXPERIENCE CARD
    ===================================================== */

    .mparco-heat-v4-page
    .mparco-heat-v4-experience {
        padding: 15px 20px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-experience strong {
        font-size: 28px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-experience span {
        font-size: 10px;
    }


    /* =====================================================
       OVERVIEW
    ===================================================== */

    .mparco-heat-v4-page
    .mparco-heat-v4-overview {
        padding: 60px 0;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-main-grid {
        gap: 50px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content > span,
    .mparco-heat-v4-page
    .mparco-heat-v4-services-side > span {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content h2 {
        font-size: 32px;
        line-height: 1.15;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content img {
        width: 100%;
        height: 330px;
        object-fit: cover;
        border-radius: 16px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content p {
        font-size: 13px;
        line-height: 1.8;
    }


    /* =====================================================
       HIGHLIGHTS
    ===================================================== */

    .mparco-heat-v4-page
    .mparco-heat-v4-highlights {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-highlights div {
        padding: 18px 8px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-highlights strong {
        font-size: 24px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-highlights span {
        font-size: 10px;
        line-height: 1.4;
    }


    /* =====================================================
       SERVICES SIDE
    ===================================================== */

    .mparco-heat-v4-page
    .mparco-heat-v4-services-side h2 {
        font-size: 32px;
        line-height: 1.15;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list {
        margin-top: 30px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list > div {
        gap: 15px;
        padding: 20px 0;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list > div > b {
        min-width: 38px;
        font-size: 22px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list h3 {
        font-size: 16px;
        line-height: 1.4;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list p {
        font-size: 12px;
        line-height: 1.7;
    }


    /* =====================================================
       WHY
    ===================================================== */

    .mparco-heat-v4-page
    .mparco-heat-v4-why {
        padding: 65px 0;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-why-title h2 {
        font-size: 32px;
        line-height: 1.15;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-why-title span {
        font-size: 10px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cards > div {
        padding: 25px 18px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cards i {
        font-size: 25px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cards h3 {
        font-size: 15px;
        line-height: 1.4;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cards p {
        font-size: 11px;
        line-height: 1.6;
    }


    /* =====================================================
       PROCESS
    ===================================================== */

    .mparco-heat-v4-page
    .mparco-heat-v4-process {
        padding: 65px 0;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-process > .mparco-heat-v4-container > span {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-process h2 {
        font-size: 32px;
        line-height: 1.15;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-process-line {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px 20px;
        margin-top: 35px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-process-line span {
        width: 60px;
        height: 60px;
        font-size: 12px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-process-line h3 {
        font-size: 15px;
        line-height: 1.4;
        margin-top: 15px;
    }


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

    .mparco-heat-v4-page
    .mparco-heat-v4-cta {
        width: calc(100% - 36px);
        margin-left: auto;
        margin-right: auto;
        padding: 35px 20px;
        border-radius: 25px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cta h2 {
        font-size: 28px;
        line-height: 1.25;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cta p {
        font-size: 12px;
        line-height: 1.7;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cta a {
        font-size: 11px;
        padding: 13px 25px;
    }

}


/* =========================================================
   576px
   LARGE MOBILE
========================================================= */

@media (max-width: 576px) {

    .mparco-heat-v4-page
    .mparco-heat-v4-container {
        width: calc(100% - 30px);
    }


    /* HERO */

    .mparco-heat-v4-page
    .mparco-heat-v4-hero {
        padding: 45px 0;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content h1 {
        font-size: 36px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content p {
        font-size: 12px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-image img {
        height: 260px;
    }


    /* EXPERIENCE */

    .mparco-heat-v4-page
    .mparco-heat-v4-experience {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        width: 100%;
        margin-top: 12px;
        text-align: center;
        border-radius: 10px;
    }


    /* OVERVIEW */

    .mparco-heat-v4-page
    .mparco-heat-v4-overview {
        padding: 55px 0;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content h2 {
        font-size: 29px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content img {
        height: 260px;
    }


    /* HIGHLIGHTS */

    .mparco-heat-v4-page
    .mparco-heat-v4-highlights {
        grid-template-columns: 1fr;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-highlights div {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 15px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-highlights strong {
        font-size: 22px;
    }


    /* SERVICES */

    .mparco-heat-v4-page
    .mparco-heat-v4-services-side h2 {
        font-size: 28px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list > div {
        display: grid;
        grid-template-columns: 35px 1fr;
        gap: 10px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list > div > b {
        min-width: auto;
        font-size: 20px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list h3 {
        font-size: 14px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list p {
        font-size: 11px;
    }


    /* WHY */

    .mparco-heat-v4-page
    .mparco-heat-v4-cards {
        grid-template-columns: 1fr;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cards > div {
        padding: 23px 18px;
    }


    /* PROCESS */

    .mparco-heat-v4-page
    .mparco-heat-v4-process h2 {
        font-size: 29px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-process-line {
        /* grid-template-columns: 1fr; */
        gap: 30px;
    }


    /* CTA */

    .mparco-heat-v4-page
    .mparco-heat-v4-cta {
        width: calc(100% - 30px);
        padding: 30px 15px;
        border-radius: 20px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cta h2 {
        font-size: 25px;
    }

}


/* =========================================================
   480px
========================================================= */

@media (max-width: 480px) {

    .mparco-heat-v4-page
    .mparco-heat-v4-container {
        width: calc(100% - 24px);
    }


    /* HERO */

    .mparco-heat-v4-page
    .mparco-heat-v4-hero {
        padding: 40px 0;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content h1 {
        font-size: 32px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content p {
        font-size: 11px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content > span {
        font-size: 10px;
    }


    /* HERO IMAGE */

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-image img {
        height: 220px;
    }


    /* HEADINGS */

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content h2 {
        font-size: 26px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-services-side h2 {
        font-size: 25px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-why-title h2 {
        font-size: 26px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-process h2 {
        font-size: 26px;
    }


    /* IMAGE */

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content img {
        height: 230px;
    }


    /* BODY TEXT */

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content p {
        font-size: 11px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list p {
        font-size: 10px;
    }


    /* CTA */

    .mparco-heat-v4-page
    .mparco-heat-v4-cta h2 {
        font-size: 23px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cta p {
        font-size: 10px;
    }

}


/* =========================================================
   400px
========================================================= */

@media (max-width: 400px) {

    .mparco-heat-v4-page
    .mparco-heat-v4-container {
        width: calc(100% - 20px);
    }


    /* HERO */

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content h1 {
        font-size: 25px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content p {
        font-size: 10px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-image img {
        height: 205px;
    }


    /* OVERVIEW */

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content h2 {
        font-size: 24px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content img {
        height: 210px;
    }


    /* SERVICE */

    .mparco-heat-v4-page
    .mparco-heat-v4-services-side h2 {
        font-size: 23px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list > div {
        grid-template-columns: 30px 1fr;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list > div > b {
        font-size: 18px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list h3 {
        font-size: 13px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list p {
        font-size: 10px;
    }


    /* WHY */

    .mparco-heat-v4-page
    .mparco-heat-v4-cards h3 {
        font-size: 14px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cards p {
        font-size: 10px;
    }


    /* PROCESS */

    .mparco-heat-v4-page
    .mparco-heat-v4-process h2 {
        font-size: 23px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-process-line h3 {
        font-size: 13px;
    }


    /* CTA */

    .mparco-heat-v4-page
    .mparco-heat-v4-cta {
        width: calc(100% - 20px);
        padding: 25px 12px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cta h2 {
        font-size: 21px;
    }

}


/* =========================================================
   360px
========================================================= */

@media (max-width: 360px) {

    .mparco-heat-v4-page
    .mparco-heat-v4-container {
        width: calc(100% - 16px);
    }


    /* HERO */

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content h1 {
        font-size: 27px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content p {
        font-size: 10px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-image img {
        height: 185px;
    }


    /* OVERVIEW */

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content h2 {
        font-size: 22px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content img {
        height: 195px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content p {
        font-size: 10px;
    }


    /* SERVICE */

    .mparco-heat-v4-page
    .mparco-heat-v4-services-side h2 {
        font-size: 21px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list h3 {
        font-size: 12px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list p {
        font-size: 10px;
    }


    /* WHY */

    .mparco-heat-v4-page
    .mparco-heat-v4-why-title h2 {
        font-size: 22px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cards h3 {
        font-size: 13px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cards p {
        font-size: 10px;
    }


    /* PROCESS */

    .mparco-heat-v4-page
    .mparco-heat-v4-process h2 {
        font-size: 21px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-process-line h3 {
        font-size: 12px;
    }


    /* CTA */

    .mparco-heat-v4-page
    .mparco-heat-v4-cta h2 {
        font-size: 20px;
    }

}


/* =========================================================
   320px
========================================================= */

@media (max-width: 320px) {

    .mparco-heat-v4-page
    .mparco-heat-v4-container {
        width: calc(100% - 14px);
    }


    /* HERO */

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content h1 {
        font-size: 25px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content p {
        font-size: 10px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-image img {
        height: 170px;
    }


    /* OVERVIEW */

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content h2 {
        font-size: 20px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-overview-content img {
        height: 180px;
    }


    /* SERVICE */

    .mparco-heat-v4-page
    .mparco-heat-v4-services-side h2 {
        font-size: 20px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list > div {
        grid-template-columns: 27px 1fr;
        gap: 8px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list > div > b {
        font-size: 17px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list h3 {
        font-size: 11px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-service-list p {
        font-size: 10px;
    }


    /* WHY */

    .mparco-heat-v4-page
    .mparco-heat-v4-why-title h2 {
        font-size: 20px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cards h3 {
        font-size: 12px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cards p {
        font-size: 10px;
    }


    /* PROCESS */

    .mparco-heat-v4-page
    .mparco-heat-v4-process h2 {
        font-size: 20px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-process-line h3 {
        font-size: 11px;
    }


    /* CTA */

    .mparco-heat-v4-page
    .mparco-heat-v4-cta h2 {
        font-size: 20px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-cta p {
        font-size: 10px;
    }

}


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

@media (max-height: 500px) and (orientation: landscape) {

    .mparco-heat-v4-page
    .mparco-heat-v4-hero {
        padding: 35px 0;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-grid {
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content {
        text-align: left;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content > span {
        justify-content: flex-start;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-content h1 {
        font-size: 32px;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-buttons {
        flex-direction: row;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-hero-image img {
        height: 230px;
    }

}


/* =========================================================
   TOUCH DEVICES
========================================================= */

@media (hover: none) {

    .mparco-heat-v4-page
    .mparco-heat-v4-cards > div:hover {
        transform: none;
    }

    .mparco-heat-v4-page
    .mparco-heat-v4-buttons a:hover {
        transform: none;
    }

}


/* =========================================================
   HARD SAFETY
========================================================= */

.mparco-heat-v4-page
.mparco-heat-v4-main-grid,
.mparco-heat-v4-page
.mparco-heat-v4-service-list > div,
.mparco-heat-v4-page
.mparco-heat-v4-cards > div,
.mparco-heat-v4-page
.mparco-heat-v4-process-line > div {
    min-width: 0;
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .mparco-heat-v4-page *,
    .mparco-heat-v4-page *::before,
    .mparco-heat-v4-page *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

}