* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body {
    font-family: "Vazirmatn", sans-serif;
    padding-top:90px;
    background: #f5f8fb;
    color: #f3f5f8;

}

.footer-contact i,
.social-links i{

    color:#00A8D6;

    width:22px;

    margin-right:8px;

}

.social-links a{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:12px;

}
/* Header */

.header {

    height: 90px;
    
    background:#eaeaea;
    
    display:flex;
    
    align-items:center;
    
    justify-content:space-between;
    
    padding:0 70px;
    position: relative;
    z-index: 1000;
    }
    
    
    
    .logo-img{

        height:100px;
        width:auto;
        display:block;
        margin-top: 5px;
        
    }
    
    
    .brand{
    
        display:flex;
        align-items:center;
    
    }
    
    
    
    .menu{
    
    display:flex;
    
    align-items:center;
    
    }
    
    
    
    .menu a {
    
    color:#a80034;
    
    text-decoration:none;
    
    margin-left:32px;
    
    font-size:16px;
    
    }
    
    
    
    .menu a:hover {
    
    color:#a80034;
    
    }
    
    
    
    .language {
    


        margin-left:25px;
    
        padding-left:20px;
    
        border-left:1px solid rgba(255,255,255,.2);
    
    
    
    }
    
    
    
    .language span {
    
    color:#ccc;
    
    margin:0 8px;
    
    }
    
    
    
    .active-lang {
    
    color:#a80034 !important;
    
    font-weight:bold;
    
    }



.logo {

    color: #0b1f3a;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;

}



.menu a {

    color: #a80034;
    text-decoration: none;

    margin-left: 30px;

    font-size: 16px;

}


.menu a:hover {

    color: #214172;

}


/* Test */

.test-section {

    text-align: center;
    padding-top: 120px;

}


.test-section h1 {

    font-size: 48px;

}


.test-section p {

    margin-top: 20px;
    font-size: 22px;

}
/* Mobile Menu Button */

.menu-toggle {

    display: none;

    background: transparent;
    border: none;

    color: #a80034;
    font-size: 32px;
    cursor: pointer;

    margin-left: auto;

}
.header {
    direction: ltr;
}

.menu-toggle {
    display: block;
    margin: 0;
    order: 2;
}

.logo {
    order: 1;
}



/* Header Layer */

.header {

    position: fixed;
    top:0;
    left:0;
    width:100%;

    z-index:1000;

    display:flex;
    justify-content:space-between;
    align-items:center;

    max-width:1280px;
    margin:auto;

    padding:18px 30px;

    background:#f3f4f5;

}

/* HERO */

.hero {

    position: relative;
    z-index: 1;

    height: calc(100vh - 90px);

    background:
    linear-gradient(
        rgba(11,31,58,0.78),
        rgba(11,31,58,0.65)
    ),
    url("../assets/images/hero.jpg");

    background-size: contain;
    background-position: center;
    display: flex;
    align-items: center;

}



.hero-content {

    max-width:750px;
    padding: 0 30px;

    margin-left:80px;

    color:white;

}



.hero h1 {

    font-size:30px;

    line-height:1.15;

    font-weight:700;

}



.hero p {

    font-size:14px;

    line-height:1.6;

    margin-top:25px;

    max-width:600px;

}



.hero-buttons{
    display:flex;
    gap:20px;
    margin-top:40px;
    flex-wrap:wrap;
    align-items:center;
}

.hero-buttons .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 36px;
    border-radius:50px;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    transition:all .35s ease;
    cursor:pointer;
    min-width:200px;
}
.btn.primary{
    background:#a80034;
    color:#fff;
    border:2px solid #88022c;
    box-shadow:0 10px 25px rgba(0,102,179,.25);
}

.btn.primary:hover{
    background:#0b1f3a;
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(0,102,179,.35);
}
.btn.secondary{
    background:transparent;
    color:#fff;
    border:2px solid rgba(255,255,255,.6);
}

.btn.secondary:hover{
    background:#fff;
    color:#a80034;
    transform:translateY(-4px);
}

/* Mobile Responsive */

.menu-toggle {

    display:none;

}



@media(max-width:768px){


    .menu-toggle {

        display:block;

        position:relative;

        z-index:2000;


    }

 
    .logo-img{
        display: block;
        height: 100px;
        width: auto;
        margin-top: 5px;
       
    }

    .brand-text h1{

        font-size:18px;

    }

    .brand-text span{

        font-size:9px;

    }
    
    
    
    .section-title h2{
    
        font-size:18px;
    
    }
    
    
    .features{
    
        padding:70px 20px;
    
    }
    
   
    .feature-card{
        padding:25px 20px;

    }
    .feature-icon{
        font-size:38px;
        margin-bottom:20px;
    }

    .feature-card h3{
        font-size:18px;
        margin-bottom:15px;
    }
    .feature-card p{

        font-size:14px;

        line-height:1.7;

    }
    .menu {

        position:absolute;

        top:90px;
    
        left:auto;
    
        right:20px;
    
        width:calc(100% - 40px);
    
        max-width:50vh;   /* نصف ارتفاع صفحه */
    
        overflow-y:auto;
    
        background:rgba(11,31,58,0.65);  /* سرمه‌ای شیشه‌ای */
    
        backdrop-filter:blur(15px);
    
        -webkit-backdrop-filter:blur(15px);
    
        border-radius:16px;
    
        border:1px solid rgba(255,255,255,0.18);
    
        display:none;
    
        flex-direction:column;
    
        padding:25px 20px;
    
        box-shadow:
        0 15px 40px rgba(0,0,0,0.3);
        direction:rtl;
        text-align:right;

    }



    .menu.active {

        display:flex;

    }



    .menu a {

        display:block;

    width:100%;

    font-size:15px;

    font-weight:500;

    color:#fff;

    text-align:right;

    padding:10px 0;

    margin:8px 0;

    transition:.3s;


    }


    .menu a:hover {
        color:#00A8D6;
    }
    
    
    .language {
        text-align:right;
        direction:ltr;
    }


    /* Mobile Hero */


    .hero {

        height:auto;

        min-height:calc(100vh - 90px);

        padding:80px 25px;

    }



    .hero-content {

        margin-left:0;

        max-width:100%;

    }



    .hero h1 {

        font-size:20px;

    }



    .hero p {

        font-size:14px;

    }



    .hero-buttons{
        justify-content:center;
    }
    
    .hero-buttons .btn{
        min-width:150px;
        padding:10px 24px;
        font-size:12px;
    }
    .btn.primary{
        background:#a80034;
        color:#fff;
        border:2px solid #88022c;
        box-shadow:0 10px 25px rgba(0,102,179,.25);
    }
    
    .btn.primary:hover{
        background:#0b1f3a;
        transform:translateY(-4px);
        box-shadow:0 15px 35px rgba(0,102,179,.35);
    }
    .btn.secondary{
        background:transparent;
        color:#fff;
        border:2px solid rgba(255,255,255,.6);
    }
    
    .btn.secondary:hover{
        background:#fff;
        color:#a80034;
        transform:translateY(-4px);
    }




}
.brand{

    display:flex;
    align-items:center;
    gap: 13px;
  
}

.brand-text{

    display:flex;
    flex-direction:column;
    line-height:1.1;

}

.brand-text h1{

    margin:0;
    font-size:22px;
    color:#fff;
    letter-spacing:1px;
    font-weight:700;

}
.brand-text h2{
    margin:3px 0;
    font-size:14px;
    color:#00A8D6;
    font-weight:600;
    letter-spacing:3px;
}

.brand-text span{
    font-size:10px;
    color:#B8C4D0;
    letter-spacing:1px;
    text-transform:uppercase;
}



.company-name{

    color:#fff;

    font-size:24px;

    font-weight:700;

    letter-spacing:1px;

}
.brand-name{

    color:#00A8D6;

    font-size:14px;

    letter-spacing:4px;

    margin-top:3px;

}
.tagline{

    color:#9BA8B5;

    font-size:10px;

    letter-spacing:1.5px;

    text-transform:uppercase;

    margin-top:2px;

}

/* ===========================
   Engineering Excellence
=========================== */

.features{

    padding:100px 8%;
    background:#071729;

}


.section-title{

    text-align:center;
    max-width:750px;
    margin:0 auto 70px;

}


.section-title span{

    color:#00A8D6;
    letter-spacing:3px;
    font-size:13px;
    font-weight:600;

}


.section-title h2{

    color:#fff;
    font-size:18px;
    margin:18px 0;

}


.section-title p{

    color:#B9C3CF;
    font-size:14px;
    line-height:1.8;

}



.feature-grid{

    display:grid;

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

    gap:30px;

}



.feature-card{

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

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

    border-radius:18px;

    padding:40px;

    transition:.35s;
    width:100%;
    box-sizing:border-box;
    overflow:hidden;
   
    

}



.feature-card:hover{

    transform:translateY(-10px);

    border-color:#00A8D6;

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

}



.feature-icon{

    font-size:48px;

    margin-bottom:25px;

}



.feature-card h3{

    color:#fff;

    margin-bottom:18px;

    font-size:24px;
    

}



.feature-card p{

    color:#C8D2DC;

    line-height:1.8;

}

/* Products Section */

.products{

    padding:100px 8%;

    background:#081a30;

}



.product-grid{

    display:grid;

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

    gap:30px;

}



.product-card{

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

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

    border-radius:18px;

    padding:40px 30px;

    transition:.35s;

}



.product-card:hover{

    transform:translateY(-10px);

    border-color:#00A8D6;

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

}



.product-icon{

    font-size:45px;

    margin-bottom:25px;

}



.product-card h3{

    color:#fff;

    font-size:22px;

    margin-bottom:15px;

}



.product-card p{

    color:#C8D2DC;

    line-height:1.8;

}
/* About Home */

.about-home{

    padding:100px 8%;

    background:#fdfdfe;

}


.about-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;

}



.about-text span{

    color:#a80034;

    font-size:14px;

    letter-spacing:2px;

}



.about-text h2{

    color:#0b1f3a;

    font-size:30px;

    margin:20px 0;

}



.about-text p{

    color:#244074;

    line-height:1.9;

    margin-bottom:15px;
    font-size:14px;

}



/* Stats */

.about-stats{

    display:grid;

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

    gap:25px;

}



.stat-card{
   

    aspect-ratio:1 / 1;

    border-radius:50%;
    width: 110px;
    height:110px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.12);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    transition:.35s;

}


.stat-card:hover{
    transform:translateY(-8px);
    border-color:#a80034;
    box-shadow:0 20px 40px rgba(0,0,0,.35);
}



.stat-card h3{
    color:#a80034;
    font-size:20px;
    margin-bottom:10px;
}

.stat-card p{
    color:#fff;
    font-size:11px;
    line-height:1.5;
}

*{
    box-sizing:border-box;
}

html, body{
    overflow-x:hidden;
}
.about-home,
.about-wrapper,
.about-stats{

    max-width:100%;
    overflow:hidden;

}
/* Clients Section */

.clients{

    padding:90px 8%;
    background:#f5f7fa;

}


.client-grid{

    margin-top:40px;

    display:grid;

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

    gap:20px;

}


.client-card{

    height:120px;

    background:white;

    border-radius:8px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:15px;

}


.client-card img{

    max-width:100px;

    max-height:50px;

    object-fit:contain;

    transition:.3s;

}


.client-card h4{

    display:none;

}
.section-title h2{

    font-size:18px;

    color:#0B1F3A;

}

/* Featured Projects */

.projects{

    padding:90px 8%;
    background:#ffffff;

}


.project-grid{

    margin-top:50px;

    display:grid;

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

    gap:30px;

}


.project-card{

    position:relative;

    height:320px;

    overflow:hidden;

    border-radius:12px;

}


.project-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}


.project-overlay{

    position:absolute;

    bottom:0;

    left:0;

    right:0;

    padding:25px;

    background:linear-gradient(
    transparent,
    rgba(0,0,0,.8)
    );

    color:white;

}


.project-overlay h3{

    margin:0;

    font-size:22px;

}


.project-overlay p{

    margin-top:8px;

    opacity:.8;

}


.project-card:hover img{

    transform:scale(1.08);

}

/* end Featured Projects */
/*  about btn */

.about-btn{

    display:inline-flex;
    align-items:center;
    gap:8px;

    color:#a80034;
    font-weight:700;
    text-decoration:none;

    white-space:nowrap;

    margin-top:20px;
}

.about-btn::after{

    content:"←";

    font-size:30px;

}


.about-btn:hover {

    background:#0066B3;

    color:white;

}
/*  about btn */


/* CTA Section */

.cta-section {

    margin:80px 0 0;

    padding:80px 20px;

    background:
    linear-gradient(
        135deg,
        #0B1F3A,
        #0066B3
    );

    text-align:center;

    color:white;

}


.cta-content {

    max-width:850px;

    margin:auto;

}


.cta-content h2 {

    font-size:38px;

    line-height:1.3;

    margin-bottom:20px;

}


.cta-content p {

    font-size:18px;

    line-height:1.8;

    opacity:.9;

    margin-bottom:35px;

}
.cta-buttons{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
    margin-top:40px;
}

.cta-buttons a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:240px;
    padding:16px 36px;
    border-radius:50px;
    text-decoration:none;
    font-size:16px;
    font-weight:600;
    transition:all .35s ease;
}
.cta-primary{
    background:#0066B3;
    color:#fff;
    border:2px solid #0066B3;
    box-shadow:0 10px 25px rgba(0,102,179,.25);
}

.cta-primary:hover{
    background:#0088e8;
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(0,102,179,.35);
}
.cta-secondary{
    background:transparent;
    color:#fff;
    border:2px solid rgba(255,255,255,.7);
}

.cta-secondary:hover{
    background:#fff;
    color:#0B1F3A;
    transform:translateY(-4px);
}
/*  end CTA Section */
/*  start footer */

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





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


@media(max-width:768px){


/*  end footer */

/* اول مدیا کویری */

.section-title p{

    font-size:14px;

    color:#51647e;

}
    /*  Featured Projects */
    .project-grid{

        grid-template-columns:1fr;
    
    }
    
    
    .project-card{
    
        height:260px;
    
    }
   /* end Featured Projects */
   /* start CTA */
   .cta-content h2{

    font-size:28px;

}


.cta-content p{

    font-size:16px;

}


.cta-buttons{
    flex-direction:column;
    gap:15px;
}

.cta-buttons a{
    width:100%;
    max-width:320px;
    min-width:unset;
}
/* end CTA */
/* start footer */


/* end footer */


/* آخر مدیا کویری */
/* ================================
   ABOUT PAGE
================================ */


/* About Hero */

.about-hero{

    height:450px;
    background:
    linear-gradient(
    rgba(11,31,58,.75),
    rgba(11,31,58,.75)
    ),
    url("../assets/images/about-main.jpg");

    background-size:cover;
    background-position:center;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;
    color:white;

}


.about-hero-content{

    max-width:850px;
    padding:20px;

}


.about-hero h1{

    font-size:48px;
    margin-bottom:20px;

}


.about-hero p{

    font-size:20px;
    line-height:1.8;

}





/* Company Overview */


.about-overview{

    padding:90px 10%;

}


.about-text{

    max-width:1000px;
    margin:auto;

    font-size:18px;
    line-height:2;

    color:#444;

}


.about-text p{

    margin-bottom:25px;

}







/* Timeline */


.timeline-section{

    padding:80px 10%;
    background:#f5f7fa;

}



.timeline{

    max-width:900px;
    margin:auto;

    position:relative;

}


.timeline::before{

    content:"";

    position:absolute;

    width:3px;

    background:#0066B3;

    top:0;
    bottom:0;
    left:50%;

}



.timeline-item{

    width:50%;

    padding:25px;

    position:relative;

}


.timeline-item:nth-child(odd){

    left:0;
    text-align:right;

}


.timeline-item:nth-child(even){

    left:50%;

}



.timeline-item span{

    display:inline-block;

    background:#0066B3;

    color:white;

    padding:8px 20px;

    border-radius:20px;

    font-weight:bold;

}


.timeline-item h3{

    margin:15px 0;

}








/* Mission Vision */


.mission-section{

    padding:90px 10%;

}



.mission-grid{

    display:grid;

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

    gap:40px;

}



.mission-card{

    padding:40px;

    background:white;

    border-radius:15px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}



.mission-card h2{

    color:#0066B3;

}









/* Factory */


.factory-section{

    padding:90px 10%;

    background:#f5f7fa;

}



.factory-content{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

    align-items:center;

}


.factory-content ul{

    line-height:2;

}



.factory-image img{

    width:100%;

    border-radius:15px;

}








/* Expertise */


.expertise{

    padding:90px 10%;

}


.expertise-grid{

    display:grid;

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

    gap:25px;

}



.expertise-card{

    padding:30px;

    border-radius:15px;

    background:#fff;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

    text-align:center;

}


.expertise-card h3{

    color:#0066B3;

}


.stat-card h3{

    font-size:15px;
    color:#a80034;

}




.stat-card p{
    font: size 16px;
    color:#a80034;


}





/* Mobile */


@media(max-width:768px){
    

        .feature-grid{
            display:grid !important;
            grid-template-columns:repeat(2, 1fr) !important;
            gap:20px !important;
        }
    
        .feature-card{
            width:100% !important;
        }
        .products{
    
            padding:70px 20px;
        
        }
        
        
        .product-grid{
            display:grid !important;
            grid-template-columns:repeat(2,1fr);
        
            gap:20px;
        
        }
        
        
        .product-card{
            width:100% !important;
            box-sizing:border-box;
            width:100% !important;
            box-sizing:border-box;
        
        }
        
        
        .product-icon{
        
            font-size:38px;
        
        }
        .about-home{
    
            padding:70px 20px;
        
        }
        
        
        .about-wrapper{
        
            grid-template-columns:1fr;
        
            gap:40px;
            width:100%;
            overflow:hidden;
        }
      
        
        .about-stats{
    
            display:grid;
            grid-template-columns:repeat(2,1fr);
            gap:20px;
            width:100%;
        
        }
     
       
    .stat-card{

        width:110px;
        height:110px;

        aspect-ratio:1 / 1;

        border-radius:50%;

        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        transition: 1s ease;
        text-align:center;

    }
        
        
        .stat-card:hover{
            transform:translateY(-8px);
            border-color:#a80034;
            box-shadow:0 20px 40px rgba(0,0,0,.35);
        }
        
        
        
        .stat-card h3{

            font-size:8px;
            margin:0 0 5px;
    
            line-height:1.2;
    
        }
        
        .stat-card p{

            font-size:5px;
    
            line-height:1.3;
    
            margin:0;
    
        }
       
        .about-text h2{
        
            font-size:30px;
        
        }
        
        .client-grid{
    
            grid-template-columns:repeat(5,1fr);
    
            gap:10px;
    
        }
    
    
        .client-card{
    
            height:55px;
    
            padding:5px;
    
        }
    
    
        .client-card img{
    
            max-width:80px;
    
            max-height:55px;
    
        }
        .section-title h2{
    
            font-size:18px;
        
            color:#0B1F3A;
        
        }
    
 .about-hero{

      height:350px;

   }


.about-hero h1{

    font-size:32px;

}


.about-hero p{

    font-size:16px;

}




.mission-grid,
.factory-content{

    grid-template-columns:1fr;

}




.expertise-grid{

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

}




.timeline::before{

    left:20px;

}


.timeline-item,
.timeline-item:nth-child(even),
.timeline-item:nth-child(odd){

    width:100%;

    left:0;

    text-align:left;

    padding-left:60px;

}


}




@media(max-width:480px){


.expertise-grid{

    grid-template-columns:1fr;

}


} 
/* =================================
   ABOUT PAGE - EXTENDED STYLE
================================= */


/* Company Overview */

.overview-grid{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;

}


.overview-image img{

    width:100%;
    border-radius:18px;

    box-shadow:0 15px 40px rgba(0,0,0,.12);

}



/* Section Paragraph */

.section-title p{

    color:#666;
    margin-top:12px;
    font-size:18px;

}



/* Timeline Image */

.timeline-image{

    margin-top:50px;

}


.timeline-image img{

    width:100%;

    height:350px;

    object-fit:cover;

    border-radius:20px;

}






/* Factory Gallery */


.factory-gallery{

    display:grid;

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

    gap:20px;

    margin-top:40px;

}



.factory-gallery div{

    overflow:hidden;

    border-radius:15px;

}



.factory-gallery img{

    width:100%;

    height:220px;

    object-fit:cover;

    transition:.4s;

}



.factory-gallery img:hover{

    transform:scale(1.08);

}



.factory-main{

    grid-column:span 2;

    grid-row:span 2;

}



.factory-main img{

    height:460px;

}






/* Expertise Images */


.expertise-card{

    overflow:hidden;

    padding:0;

}



.expertise-card img{

    width:100%;

    height:180px;

    object-fit:cover;

}



.expertise-card h3{

    padding:20px 20px 10px;

}



.expertise-card p{

    padding:0 20px 25px;

}







/* Selected Projects */


.about-projects{

    padding:90px 10%;

    background:#f5f7fa;

}



.project-mini-grid{

    display:grid;

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

    gap:30px;

}



.mini-project{

    background:white;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}



.mini-project img{

    width:100%;

    height:230px;

    object-fit:cover;

}



.mini-project h3{

    padding:20px 20px 5px;

    color:#0B1F3A;

}



.mini-project p{

    padding:0 20px 25px;

    color:#555;

}








/* Stats improvement */


.stats{

    padding:90px 10%;

}



.stats-grid{

    display:grid;

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

    gap:25px;

}



/* projects code*/
/* ===========================
        PROJECT HERO
=========================== */

.projects-hero{

    position:relative;
    height:55vh;
    min-height:420px;

    background:url("../assets/images/projects/projects-hero.jpg") center center/cover no-repeat;

    display:flex;
    align-items:center;
    justify-content:center;

}

.projects-hero-overlay{

    position:absolute;
    inset:0;

    background:rgba(11,31,58,.72);

}

.projects-hero-content{

    position:relative;
    z-index:2;

    max-width:850px;
    margin:auto;
    text-align:center;

    color:#fff;

}

.projects-hero-content h1{

    font-size:54px;

    margin-bottom:20px;

}

.projects-hero-content p{

    font-size:20px;

    line-height:2;

    color:#d8e7f7;

}

/* ===========================
        STATS استیت کار
=========================== */

.project-stats{

    padding:90px 20px;

    background:#f7f9fc;

}

.stats-grid{

    display:grid;

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

    gap:30px;

}
.stat-card{

    width:90px;
    height:90px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    aspect-ratio:1 / 1;

        border-radius:18px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    transition:.35s;
    text-align:center;
    padding:40px 25px;
    text-align:center;

}


.stat-card:hover{

    transform:translateY(-8px);
    color:#a80034;

}

.stat-card h3{

    font-size:15px;

    color:#a80034;

    margin-bottom:12px;

}

.stat-card p{

    color:#555;

    font-size:9px;

}

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

.projects-hero{

    position:relative;
    height:55vh;
    min-height:420px;

    background:url("../assets/images/projects/projects-hero.jpg") center center/cover no-repeat;

    display:flex;
    align-items:center;
    justify-content:center;

}

.projects-hero-overlay{

    position:absolute;
    inset:0;

    background:rgba(11,31,58,.72);

}

.projects-hero-content{

    position:relative;
    z-index:2;

    max-width:850px;
    margin:auto;
    text-align:center;

    color:#fff;

}

.projects-hero-content h1{

    font-size:54px;

    margin-bottom:20px;

}

.projects-hero-content p{

    font-size:20px;

    line-height:2;

    color:#d8e7f7;

}




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

.projects-hero{

    position:relative;
    height:55vh;
    min-height:420px;

    background:url("../assets/images/projects/projects-hero.jpg") center center/cover no-repeat;

    display:flex;
    align-items:center;
    justify-content:center;

}

.projects-hero-overlay{

    position:absolute;
    inset:0;

    background:rgba(11,31,58,.72);

}

.projects-hero-content{

    position:relative;
    z-index:2;

    max-width:850px;
    margin:auto;
    text-align:center;

    color:#fff;

}

.projects-hero-content h1{

    font-size:54px;

    margin-bottom:20px;

}

.projects-hero-content p{

    font-size:20px;

    line-height:2;

    color:#d8e7f7;

}

/* ===========================
        STATS cart PROJECTS
=========================== */

.project-stats{

    padding:90px 20px;

    background:#f7f9fc;

}

.stats-grid{

    display:grid;

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

    gap:30px;

}


/* =========================
PROJECT CATEGORIES
========================= */


.project-categories{

    padding:90px 0;
    background:#f5f7fa;

}


.category-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-top:50px;

}



.category-card{

    background:white;
    padding:35px 25px;
    text-align:center;
    border-radius:15px;
    transition:.3s;
    box-shadow:0 10px 30px rgba(0,0,0,.08);

}


.category-card:hover{

    transform:translateY(-8px);

}



.category-icon{

    width:70px;
    height:70px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;

    font-size:35px;

    background:#0066b3;
    color:white;

    border-radius:50%;

}



.category-card h3{

    margin:25px 0 15px;

    color:#0b1f3a;

}



.category-card p{

    line-height:1.8;
    color:#555;

}



/* Mobile */

@media(max-width:768px){


.category-grid{

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

}


.category-card{

padding:25px 15px;

}


}

/* =========================
FEATURED PROJECTS
========================= */


.featured-projects{

    padding:100px 0;
    
    background:white;
    
    }
    
    
    
    .project-grid{
    
    display:grid;
    
    grid-template-columns:repeat(3,1fr);
    
    gap:30px;
    
    margin-top:50px;
    
    }
    
    
    
    .project-card{
    
    background:white;
    
    border-radius:15px;
    
    overflow:hidden;
    
    box-shadow:0 10px 35px rgba(0,0,0,.1);
    
    transition:.3s;
    
    }
    
    
    
    .project-card:hover{
    
    transform:translateY(-10px);
    
    }
    
    
    
    .project-image{
    
    height:230px;
    
    overflow:hidden;
    
    }
    
    
    
    .project-image img{
    
    width:100%;
    
    height:100%;
    
    object-fit:cover;
    
    }
    
    
    
    .project-content{
    
    padding:25px;
    
    }
    
    
    
    .project-badge{
    
    display:inline-block;
    
    background:#0066b3;
    
    color:white;
    
    padding:6px 15px;
    
    border-radius:20px;
    
    font-size:13px;
    
    }
    
    
    
    .project-content h3{
    
    margin:20px 0 15px;
    
    color:#0b1f3a;
    
    }
    
    
    
    .project-content p{
    
    line-height:1.8;
    
    color:#555;
    
    }
    
    
    
    .project-info{
    
    display:flex;
    
    justify-content:space-between;
    
    margin-top:20px;
    
    font-size:14px;
    
    color:#0066b3;
    
    }
    
    
    
    /* Mobile */
    
    
    @media(max-width:768px){
    
    
    .project-grid{
    
    grid-template-columns:repeat(2,1fr);
    
    }
    
    
    }
    
    /* =========================
PROJECT GALLERY
========================= */


.project-gallery{

    padding:100px 0;
    
    background:#f5f7fa;
    
    }
    
    
    
    .gallery-grid{
    
    display:grid;
    
    grid-template-columns:repeat(3,1fr);
    
    gap:25px;
    
    margin-top:50px;
    
    }
    
    
    
    .gallery-item{
    
    height:260px;
    
    overflow:hidden;
    
    border-radius:15px;
    
    }
    
    
    
    .gallery-item img{
    
    width:100%;
    
    height:100%;
    
    object-fit:cover;
    
    transition:.5s;
    
    }
    
    
    
    .gallery-item:hover img{
    
    transform:scale(1.1);
    
    }
    
    
    
    /* Mobile */
    
    
    @media(max-width:768px){
    
    
    .gallery-grid{
    
    grid-template-columns:repeat(2,1fr);
    
    }
    
    
    .gallery-item{
    
    height:200px;
    
    }
    
    
    }
    
    /* =========================
EXECUTION PROCESS
========================= */


.execution-process{

    padding:100px 0;
    
    background:white;
    
    }
    
    
    
    .process-grid{
    
    display:grid;
    
    grid-template-columns:repeat(4,1fr);
    
    gap:25px;
    
    margin-top:50px;
    
    }
    
    
    
    .process-card{
    
    background:#f5f7fa;
    
    padding:35px 25px;
    
    border-radius:15px;
    
    position:relative;
    
    }
    
    
    
    .process-number{
    
    font-size:42px;
    
    font-weight:bold;
    
    color:#0066b3;
    
    margin-bottom:20px;
    
    }
    
    
    
    .process-card h3{
    
    color:#0b1f3a;
    
    font-size:20px;
    
    margin-bottom:15px;
    
    }
    
    
    
    .process-card p{
    
    color:#555;
    
    line-height:1.8;
    
    }
    
    
    
/* =========================
PROJECT CLIENTS
========================= */


.project-clients{

    padding:90px 0;
    
    background:#f5f7fa;
    
    }
    
    
    
    .clients-grid{
    
    display:grid;
    
    grid-template-columns:repeat(6,1fr);
    
    gap:20px;
    
    margin-top:50px;
    
    }
    
    
    
    .client-box{
    
    height:110px;
    
    background:white;
    
    display:flex;
    
    align-items:center;
    
    justify-content:center;
    
    text-align:center;
    
    padding:15px;
    
    border-radius:12px;
    
    font-weight:600;
    
    color:#0b1f3a;
    
    box-shadow:0 8px 25px rgba(0,0,0,.06);
    
    transition:.3s;
    
    }
    
    
    
    .client-box:hover{
    
    transform:translateY(-5px);
    
    color:#0066b3;
    
    }
    
    /* =========================
PROJECT CTA
========================= */


.projects-cta{

    position:relative;
    
    padding:100px 0;
    
    background-image:url("../assets/images/project-cta.jpg");
    
    background-size:cover;
    
    background-position:center;
    
    color:white;
    
    text-align:center;
    
    }
    
    
    
    .cta-overlay{
    
    position:absolute;
    
    inset:0;
    
    background:rgba(11,31,58,.85);
    
    }
    
    
    
    .projects-cta .container{
    
    position:relative;
    
    z-index:2;
    
    }
    
    
    
    .cta-content h2{
    
    font-size:38px;
    
    margin-bottom:25px;
    
    }
    
    
    
    .cta-content p{
    
    max-width:750px;
    
    margin:auto;
    
    line-height:2;
    
    font-size:18px;
    
    }
    
    
    
    
    
    
    
    /* =========================
CONTACT PAGE
========================= */


.contact-hero{

    height:420px;
    
    background:
    linear-gradient(
    rgba(11,31,58,.85),
    rgba(11,31,58,.85)
    ),
    url("../assets/images/contact-bg.jpg");
    
    background-size:cover;
    
    background-position:center;
    
    display:flex;
    
    align-items:center;
    
    text-align:center;
    
    color:white;
    
    position:relative;
    
    }
    
    
    .contact-hero-content{
    
    max-width:800px;
    
    margin:auto;
    
    }
    
    
    .contact-hero h1{
    
    font-size:48px;
    
    margin-bottom:20px;
    
    }
    
    
    .contact-hero p{
    
    font-size:18px;
    
    line-height:2;
    
    }
    
    
    
    .contact-info{
    
    padding:90px 0;
    
    }
    
    
    
    .contact-grid{
    
    display:grid;
    
    grid-template-columns:repeat(4,1fr);
    
    gap:25px;
    
    }
    
    
    
    .contact-card{
    
    background:white;
    
    padding:35px 25px;
    
    border-radius:15px;
    
    text-align:center;
    
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    
    }
    
    
    
    .contact-icon{
    
    font-size:40px;
    
    margin-bottom:20px;
    
    }
    
    
    
    .contact-card h3{
    
    color:#0B1F3A;
    
    margin-bottom:15px;
    
    }
    
    
    
    .contact-card p{
    
    line-height:2;
    
    color:#555;
    
    }
    
      
    /* CONTACT FORM */


.contact-form-section{

    background:#F5F7FA;
    
    padding:90px 0;
    
    }
    
    
    
    .contact-form-wrapper{
    
    display:grid;
    
    grid-template-columns:1fr 1.2fr;
    
    gap:50px;
    
    align-items:center;
    
    }
    
    
    
    .form-intro h2{
    
    font-size:36px;
    
    color:#0B1F3A;
    
    margin-bottom:20px;
    
    }
    
    
    
    .form-intro p{
    
    line-height:2;
    
    color:#555;
    
    }
    
    
    
    .form-points{
    
    margin-top:30px;
    
    }
    
    
    
    .form-points div{
    
    margin-bottom:15px;
    
    color:#0066B3;
    
    font-weight:600;
    
    }
    
    
    
    
    .contact-form{
    
    background:white;
    
    padding:40px;
    
    border-radius:15px;
    
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    
    }
    
    
    
    .form-row{
    
    display:grid;
    
    grid-template-columns:repeat(2,1fr);
    
    gap:20px;
    
    }
    
    
    
    .form-group{
    
    margin-bottom:20px;
    
    }
    
    
    
    .form-group label{
    
    display:block;
    
    margin-bottom:8px;
    
    color:#0B1F3A;
    
    font-weight:600;
    
    }
    
    
    
    .form-group input,
    .form-group select,
    .form-group textarea{
    
    
    width:100%;
    
    padding:14px;
    
    border:1px solid #ddd;
    
    border-radius:8px;
    
    font-family:inherit;
    
    font-size:15px;
    
    }
    
    
    
    .form-group textarea{
    
    resize:none;
    
    }
    
    
    
    .btn-primary{
    
    background:#0066B3;
    
    color:white;
    
    border:none;
    
    padding:15px 35px;
    
    border-radius:8px;
    
    cursor:pointer;
    
    font-size:16px;
    
    }
    /* FACTORY LOCATION */


.factory-location{

    padding:90px 0;
    
    }
    
    
    
    .location-grid{
    
    display:grid;
    
    grid-template-columns:1fr 1fr;
    
    gap:50px;
    
    align-items:center;
    
    }
    
    
    
    .location-content h2{
    
    font-size:36px;
    
    color:#0B1F3A;
    
    margin-bottom:25px;
    
    }
    
    
    
    .location-content p{
    
    line-height:2;
    
    color:#555;
    
    }
    
    
    
    .location-items{
    
    margin-top:30px;
    
    }
    
    
    
    .location-items div{
    
    margin-bottom:20px;
    
    line-height:2;
    
    }
    
    
    
    .map-box{
    
    height:400px;
    
    border-radius:15px;
    
    overflow:hidden;
    
    box-shadow:0 10px 30px rgba(0,0,0,.1);
    
    }
    
    
    
    .map-box iframe{
    
    width:100%;
    
    height:100%;
    
    border:0;
    
    }
  
/* CONTACT CTA */


.contact-cta{

    background:
    linear-gradient(
    135deg,
    #0B1F3A,
    #0066B3
    );
    
    padding:80px 0;
    
    color:white;
    
    text-align:center;
    
    }
    
    
    
    .cta-content{
    
    max-width:850px;
    
    margin:auto;
    
    }
    
    
    
    .cta-content h2{
    
    font-size:38px;
    
    margin-bottom:20px;
    
    }
    
    
    
    .cta-content p{
    
    font-size:18px;
    
    line-height:2;
    
    opacity:.9;
    
    }
    
    
   
    
    
  
    /* =========================
   PRODUCTS PAGE
========================= */


/* Page Hero */

.page-hero{

    min-height:350px;
    background:
    linear-gradient(
        rgba(11,31,58,.85),
        rgba(11,31,58,.85)
    ),
    url("../assets/images/products-bg.jpg");

    background-size:cover;
    background-position:center;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;

    color:white;

    padding:80px 20px;

}


.page-hero h1{

    font-size:42px;
    margin-bottom:20px;

}


.page-hero p{

    max-width:850px;

    margin:auto;

    font-size:18px;

    line-height:2;

}






/* Intro */


.products-intro{

    padding:80px 20px;

    text-align:center;

}


.products-intro h2{

    font-size:32px;

    color:#0B1F3A;

    margin-bottom:25px;

}


.products-intro p{

    max-width:900px;

    margin:auto;

    line-height:2;

    color:#555;

    font-size:18px;

}






/* Product Section */


.products-section{

    padding:80px 20px;

    background:#F5F7FA;

}


.products-section h2{

    text-align:center;

    font-size:34px;

    color:#0B1F3A;

    margin-bottom:50px;

}






.product-grid{


    display:grid;

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

    gap:30px;


}






.product-card{


    background:white;

    border-radius:18px;

    overflow:hidden;

    box-shadow:
    0 10px 30px rgba(0,0,0,.08);

    transition:.35s;


}






.product-card:hover{


    transform:translateY(-10px);


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


}






.product-card img{


    width:100%;

    height:230px;

    object-fit:cover;


}






.product-card h3{


    font-size:24px;

    color:#0B1F3A;

    padding:20px 20px 10px;


}






.product-card p{


    padding:0 20px 25px;


    line-height:2;


    color:#555;


}








/* Engineering Box */


.engineering-box{


    padding:80px 20px;

    text-align:center;

}


.engineering-box h2{


    color:#0066B3;

    font-size:32px;

    margin-bottom:25px;


}


.engineering-box p{


    max-width:850px;

    margin:auto;

    line-height:2;

    font-size:18px;


}








/* CTA */


.cta{


    background:#0B1F3A;

    padding:70px 20px;

    text-align:center;

    color:white;


}



.cta h2{


    font-size:32px;

    margin-bottom:30px;


}



.btn-primary{


    display:inline-block;

    background:#00A8D6;

    color:white;

    padding:14px 35px;

    border-radius:30px;

    text-decoration:none;

    transition:.3s;


}



.btn-primary:hover{


    background:#0066B3;


}

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


.engineering-process{

    padding:90px 20px;
    
    background:white;
    
    }
    
    
    
    .engineering-process h2{
    
    text-align:center;
    
    font-size:34px;
    
    color:#0B1F3A;
    
    margin-bottom:20px;
    
    }
    
    
    
    .process-intro{
    
    text-align:center;
    
    max-width:850px;
    
    margin:0 auto 50px;
    
    color:#555;
    
    font-size:18px;
    
    line-height:2;
    
    }
    
    
    
    .process-grid{
    
    
    display:grid;
    
    grid-template-columns:repeat(4,1fr);
    
    gap:25px;
    
    
    }
    
    
    
    
    .process-card{
    
    
    background:#F5F7FA;
    
    
    padding:35px 25px;
    
    
    border-radius:18px;
    
    
    text-align:center;
    
    
    transition:.3s;
    
    
    }
    
    
    
    
    .process-card:hover{
    
    
    transform:translateY(-8px);
    
    
    box-shadow:
    0 15px 35px rgba(0,0,0,.1);
    
    
    }
    
    
    
    
    
    .process-number{
    
    
    width:60px;
    
    height:60px;
    
    margin:0 auto 20px;
    
    
    border-radius:50%;
    
    
    background:#0066B3;
    
    
    color:white;
    
    
    display:flex;
    
    
    align-items:center;
    
    
    justify-content:center;
    
    
    font-size:22px;
    
    
    font-weight:bold;
    
    
    }
    
    
    
    .process-card h3{
    
    
    color:#0B1F3A;
    
    margin-bottom:15px;
    
    font-size:22px;
    
    
    }
    
    
    
    .process-card p{
    
    
    line-height:2;
    
    color:#555;
    
    
    }

    /* =========================
 TRUST SECTION
========================= */


.trust-section{

    padding:90px 20px;
    
    background:#F5F7FA;
    
    }
    
    
    
    .trust-section h2{
    
    text-align:center;
    
    font-size:34px;
    
    color:#0B1F3A;
    
    margin-bottom:20px;
    
    }
    
    
    
    .trust-intro{
    
    
    max-width:850px;
    
    margin:0 auto 50px;
    
    text-align:center;
    
    line-height:2;
    
    color:#555;
    
    
    }
    
    
    
    .trust-grid{
    
    
    display:grid;
    
    grid-template-columns:repeat(4,1fr);
    
    gap:25px;
    
    
    }
    
    
    
    .trust-card{
    
    
    background:white;
    
    border-radius:18px;
    
    padding:35px 20px;
    
    text-align:center;
    
    
    box-shadow:
    0 10px 25px rgba(0,0,0,.06);
    
    
    }
    
    
    
    .trust-card h3{
    
    
    font-size:42px;
    
    color:#0066B3;
    
    margin-bottom:10px;
    
    
    }
    
    
    
    .trust-card p{
    
    
    color:#555;
    
    font-size:17px;
    
    
    }
    
    
    
    
    
    
    .industry-list{
    
    
    margin-top:60px;
    
    text-align:center;
    
    
    }
    
    
    
    .industry-list h3{
    
    
    font-size:28px;
    
    color:#0B1F3A;
    
    margin-bottom:30px;
    
    
    }
    
    
    
    
    .industry-items{
    
    
    display:flex;
    
    flex-wrap:wrap;
    
    justify-content:center;
    
    gap:15px;
    
    
    }
    
    
    
    
    .industry-items span{
    
    
    background:white;
    
    padding:12px 25px;
    
    border-radius:30px;
    
    box-shadow:
    0 5px 15px rgba(0,0,0,.08);
    
    
    color:#333;
    
    
    }

    /* =========================
 PRODUCTS GALLERY
========================= */
.product-features{

    padding:80px 20px;
    background:#f5f7fa;

}


.features-box{

    max-width:1600px;
    margin:auto;

    background:#ffffff;

    border-radius:25px;

    padding:40px;

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

}



.product-features .section-title{

    text-align:center;
    margin-bottom:35px;

}


.product-features h2{

    color:#0B1F3A;
    font-size:32px;

}



.features-image{

    display:flex;
    justify-content:center;
    align-items:center;

}


.features-image img{

    width:100%;
    max-width:1500px;

    height:auto;

    display:block;

    border-radius:15px;

}




.product-features{
    padding:80px 0;
    text-align:center;
}

.features-image{
    width:700px !important;
    max-width:700px !important;
    overflow:hidden;
    margin:auto;
}

.features-image img{
    width:700px !important;
    max-width:700px !important;
    height:auto !important;
}
.products-gallery{

    padding:90px 20px;
    
    background:white;
    
    }
    
    
    
    .products-gallery h2{
    
    text-align:center;
    
    font-size:34px;
    
    color:#0B1F3A;
    
    margin-bottom:20px;
    
    }
    
    
    
    .gallery-intro{
    
    text-align:center;
    
    color:#555;
    
    font-size:18px;
    
    margin-bottom:50px;
    
    }
    
    
    
    .gallery-grid{
    
    
    display:grid;
    
    grid-template-columns:repeat(3,1fr);
    
    gap:25px;
    
    
    }
    
    
    
    .gallery-item{
    
    
    overflow:hidden;
    
    border-radius:18px;
    
    
    height:260px;
    
    
    }
    
    
    
    .gallery-item img{
    
    
    width:100%;
    
    height:100%;
    
    object-fit:cover;
    
    transition:.5s;
    
    
    }
    
    
    
    .gallery-item:hover img{
    
    
    transform:scale(1.08);
    
    
    }
    
    
    
    .gallery-btn{
    
    
    display:block;
    
    width:max-content;
    
    margin:50px auto 0;
    
    
    background:#0066B3;
    
    color:white;
    
    padding:14px 35px;
    
    
    border-radius:30px;
    
    
    text-decoration:none;
    
    
    transition:.3s;
    
    
    }
    
    
    
    .gallery-btn:hover{
    
    
    background:#00A8D6;
    
    
    }


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


.products-faq{

    padding:90px 20px;
    
    background:#F5F7FA;
    
    }
    
    
    
    .products-faq h2{
    
    text-align:center;
    
    font-size:34px;
    
    color:#0B1F3A;
    
    margin-bottom:50px;
    
    }
    
    
    
    .faq-grid{
    
    
    display:grid;
    
    grid-template-columns:repeat(2,1fr);
    
    gap:25px;
    
    
    }
    
    
    
    .faq-item{
    
    
    background:white;
    
    padding:30px;
    
    border-radius:18px;
    
    
    box-shadow:
    0 8px 25px rgba(0,0,0,.06);
    
    
    }
    
    
    
    .faq-item h3{
    
    
    font-size:21px;
    
    color:#0066B3;
    
    margin-bottom:15px;
    
    
    }
    
    
    
    .faq-item p{
    
    
    line-height:2;
    
    color:#555;
    
    
    }
    .seo-content{

        padding:70px 20px;
        
        background:white;
        
        }
        
        
        
        .seo-content h2{
        
        color:#0B1F3A;
        
        text-align:center;
        
        margin-bottom:25px;
        
        }
        
        
        
        .seo-content p{
        
        
        max-width:1000px;
        
        margin:auto;
        
        line-height:2.2;
        
        color:#555;
        
        font-size:17px;
        
        
        }


        /* =========================
PERSIAN RTL PAGE SPACING
========================= */


html[lang="fa"] body{

    direction:rtl;
    
    }
    
    
    
    html[lang="fa"] .container{
    
    padding-left:20px;
    
    padding-right:20px;
    
    }
    
    
    
    
    @media(max-width:768px){
    
    
    html[lang="fa"] .container{
    
    padding-left:20px;
    
    padding-right:20px;
    
    }
    
    }

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

@media(max-width:768px){

    .faq-grid{

        grid-template-columns:1fr;
        
        }
        
        
        .faq-item{
        
        padding:20px;
        
        }
        
        
        .faq-item h3{
        
        font-size:18px;
        
        }


    .gallery-grid{

        grid-template-columns:repeat(2,1fr);
        
        gap:15px;
        
        }
        
        
        
        .gallery-item{
        
        height:150px;
        
        }
        
        
        
        .gallery-intro{
        
        font-size:15px;
        
        }


    .trust-grid{

        grid-template-columns:repeat(2,1fr);
        
        gap:15px;
        
        }
        
        
        
        .trust-card h3{
        
        font-size:32px;
        
        }
        
        
        
        .industry-items span{
        
        font-size:14px;
        
        padding:10px 15px;
        
        }
        

    .engineering-process h2{

        font-size:28px;
        
        }
        
        
        
        .process-grid{
        
        grid-template-columns:repeat(2,1fr);
        
        gap:15px;
        
        }
        
        
        
        .process-card{
        
        padding:25px 15px;
        
        }
        
        
        
        .process-card h3{
        
        font-size:18px;
        
        }
        
        
        
        .process-card p{
        
        font-size:14px;
        
        }

        

    .page-hero{

        min-height:280px;
    
    }
    
    
    .page-hero h1{
    
        font-size:30px;
    
    }
    
    
    
    .page-hero p{
    
        font-size:16px;
    
    }
    
    
    
    
    .product-grid{
    
    
        grid-template-columns:repeat(2,1fr);
    
        gap:15px;
    
    
    }
    
    
    
    
    .product-card{
    
    
        border-radius:14px;
    
    
    }
    
    
    
    
    .product-card img{
    
    
        height:150px;
    
    
    }
    
    
    
    
    .product-card h3{
    
    
        font-size:18px;
    
        padding:15px 10px 5px;
    
    
    }
    
    
    
    
    .product-card p{
    
    
        font-size:14px;
    
        padding:0 10px 15px;
    
    
    }
    
    
    
    
    .products-section h2{
    
    
        font-size:28px;
    
    
    }
    

    

    .contact-cta{

        padding:60px 20px;
        
        }
        
        
        .cta-content h2{
        
        font-size:28px;
        
        }
        
        
        
        .cta-buttons{
        
        flex-direction:column;
        
        align-items:center;
        
        }
        
        
        
        .cta-buttons a{
        
        width:80%;
        
        text-align:center;
        
        }



    .location-grid{

        grid-template-columns:1fr;
        
        }
        
        
        
        .location-content h2{
        
        font-size:28px;
        
        }
        
        
        
        .map-box{
        
        height:300px;
        
        }



    .contact-form-wrapper{

        grid-template-columns:1fr;
        
        }
        
        
        .form-row{
        
        grid-template-columns:1fr;
        
        }
        
        
        .contact-form{
        
        padding:25px;
        
        }
        
        
        .form-intro h2{
        
        font-size:28px;
        
        }

        .cta-content h2{
          font-size:25px;
        }
        
        .cta-content p{
          font-size:15px;
        }
        


    .clients-grid{
    
        grid-template-columns:repeat(3,1fr);
        
        gap:15px;
        
        }
        
        
        .client-box{
        
        height:90px;
        
        font-size:13px;
        
        }

    .process-grid{
    
        grid-template-columns:repeat(2,1fr);
        
        gap:20px;
        
        }
        
        
        .process-card{
        
        padding:25px 15px;
        
        }
        
        
        .process-number{
        
        font-size:32px;
        
        }
        
        
        .process-card h3{
        
        font-size:16px;
        
        }
        .process-card p{
    
            font-size:13px;
            
            }

     .gallery-grid{

        grid-template-columns:repeat(3,1fr);
        gap:10px;
        
        }
        
        
        .gallery-item{
        
        height:120px;
        
        }
    .project-grid{
    
        grid-template-columns:1fr;
        
        }

.projects-hero{

height:45vh;

}

.projects-hero-content h1{

font-size:20px;

}

.projects-hero-content p{

font-size:17px;

line-height:1.9;

}

.stats-grid{

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

gap:18px;

}


 .category-grid{

    grid-template-columns:1fr;

 }

 .factory-gallery{
    
    grid-template-columns:1fr;

 }



 .factory-main{

    grid-column:span 1;

 }



 .stats-grid{

    grid-template-columns:1fr 1fr;

 }






    .overview-grid{
    
        grid-template-columns:1fr;
    
    }
    
    
    
    .factory-gallery{
    
        grid-template-columns:repeat(2,1fr);
    
    }
    
    
    
    .factory-main{
    
        grid-column:span 2;
    
    }
    
    
    
    .factory-main img{
    
        height:300px;
    
    }
    
    
    
    .project-mini-grid{
    
        grid-template-columns:1fr;
    
    }
    
    
    
    .stats-grid{
    
        grid-template-columns:repeat(2,1fr);
    
    }
    
    
    
    .stat-card{
    
        border-radius:50%;
    
    }
    
    
    
    .timeline-image img{
    
        height:220px;
    
    }
    
    
     
    .projects-hero{
    
    height:45vh;
    
    } 
    
    .projects-hero-content h1{
    
    font-size:34px;
    
    }
    
    .projects-hero-content p{
    
    font-size:17px;
    
    line-height:1.9;
    
    }
    
    .stats-grid{
    
    grid-template-columns:repeat(2,1fr);
    
    gap:18px;
    
    }
    
   
    
    

    }
          
    .nik-services{

        display:flex;
        justify-content:space-between;
        align-items:center;
    
        background:#fff;
    
        border-radius:18px;
    
        overflow-x:auto;
    
        white-space:nowrap;
    
        padding:20px 0;
    
        scrollbar-width:none;
    
    }
    
    .nik-services::-webkit-scrollbar{
        display:none;
    }
    
    .service-item{
        flex:0 0 16.66%;
        min-width:140px;
        text-align:center;
        text-decoration:none;
        color:#222;
        border-left:1px solid #ececec;
        padding:0 15px;
    }
    
    .service-item img{
        width:40px;
        height:40px;
        object-fit:contain;
        margin-bottom:14px;
        transition:.25s;
        filter:brightness(0);
    }
    
    .service-item:first-child{
        border:none;
    }
    
    
    
    .service-item:hover img{
    
        filter:brightness(0) saturate(100%) invert(18%) sepia(82%) saturate(2558%) hue-rotate(347deg) brightness(82%) contrast(95%);
    
    }
    
    .service-item span{
    
        display:block;
    
        font-size:15px;
    
        font-weight:500;
    
        line-height:1.8;
    
    }
    
    @media(max-width:768px){
    
        .nik-services{
            justify-content:flex-start;
            overflow-x:auto;
        }
    
        .service-item{
            flex:0 0 110px;
            min-width:110px;
            padding:0 8px;
        }
    
        .service-item img{
            width:48px;
            height:48px;
            object-fit:contain;
            margin-bottom:10px;
        }
    
        .service-item span{
            font-size:13px;
            line-height:1.6;
        }
    }
    @media (max-width:768px){
        

        .about-wrapper{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:20px;
            align-items:start;
        }
    
        /* متن */
        .about-text{
            grid-column:1;
            grid-row:1;
            text-align:right;
        }
    
        .about-text span{
            font-size:13px;
        }
    
        .about-text h2{
            font-size:16px;
            line-height:1.5;
            margin:10px 0;
        }
        .about-text p{
            font-size:10px;
            line-height:2;
        }
    
        /* شمارنده ها */
        

        .about-stats{
            grid-column:2;
            grid-row:1;
    
            display:grid;
            grid-template-columns:repeat(2,1fr);
            gap:12px;
    
            justify-items:center;
        }
    
        .stat-card{
            width:85px;
            height:85px;
        }
        
        .stat-card h3{
            font-size:18px;
        }
    
        .stat-card p{
            font-size:9px;
            line-height:1.3;
        }
    
        
    
        /* دکمه فلش */
     

            .about-btn{
        
                order:3;
                white-space: nowrap;

                grid-column:2;
        
                justify-self:center;
        
                margin-top:10px;
        
                color:#a80034;
                font-weight:700;
                font-size:15px;
        
                text-decoration:none;
        
                display:inline-flex;
                align-items:center;
                gap:8px;
            }
        
            .about-btn::after{
        
                content:"←";
                font-size:30px;
        
                transition:.3s;
        
            }
        
            .about-btn:hover::before{
        
                transform:translateX(-6px);
        
            }
            .features-box{

                padding:20px;
                border-radius:18px;
        
            }
        
        
            .product-features h2{
        
                font-size:24px;
        
            }
        
        
            .features-image img{
        
                width:100%;
        
            }
        
        
    
    }
}
/* ================= FOOTER ================= */

.footer{

    background:#0B1F3A;
    color:white;
    padding:60px 70px 20px;
    direction:rtl;

}


.footer-container{

    max-width:1200px;
    margin:auto;

    display:grid;

    grid-template-columns:2fr 1fr 1fr;

    gap:50px;

}


/* ستون برند */

.footer-brand{

    text-align:right;

}


.footer-logo{

    width:120px;
    height:auto;

    margin-bottom:15px;

}


.footer-brand h2{

    font-size:22px;

    margin:5px 0;

    color:#fff;

}


.footer-brand h3{

    font-size:18px;

    color:#00A8D6;

    margin-bottom:15px;

}


.footer-brand p{

    color:#d6dce5;

    font-size:14px;

    line-height:2;

    max-width:350px;

}



/* ستون لینک ها */

.footer-links{

    text-align:right;

}


.footer-links h3,
.footer-contact h3{

    font-size:18px;

    margin-bottom:25px;

    color:#fff;

}


.footer-links a{

    display:block;

    color:#d6dce5;

    text-decoration:none;

    margin-bottom:12px;

    transition:.3s;

}


.footer-links a:hover{

    color:#00A8D6;

}



/* ستون ارتباط */

.footer-contact{

    text-align:right;

}


.footer-contact p{

    color:#d6dce5;

    font-size:14px;

    line-height:2;

    margin-bottom:10px;

}


.footer-contact i{

    color:#00A8D6;

    margin-left:8px;

}



/* شبکه اجتماعی */

.social-links{

    margin-top:15px;

}


.social-links a{

    color:white;

    text-decoration:none;

}


.social-links i{

    color:#00A8D6;

    margin-left:8px;

}



/* پایین فوتر */

.footer-bottom{

    border-top:1px solid rgba(255,255,255,.15);

    margin-top:40px;

    padding-top:20px;

    text-align:center;

    color:#b8c2d0;

    font-size:13px;

}



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



    @media (max-width: 768px) {

        .footer-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
            align-items: start;
            text-align: center;
        }
    
        .footer-brand,
        .footer-links,
        .footer-contact {
            min-width: 0;
        }
    
        .footer-logo {
            width: 100px;
            margin-bottom: 8px;
        }
    
        .footer h3 {
            font-size: 0.5rem;
            margin-bottom: 8px;
        }
        .footer h2 {
            font-size: 0.8rem;
            margin-bottom: 8px;
        }
     
        .footer p,
        .footer a,
        .footer li {
            font-size: 0.6rem;
            line-height: 1.5;
        }
   
    
        .footer-links ul {
            padding: 0;
        }
    
        .footer-links li {
            margin-bottom: 5px;
        }
    
        .social-links {
            justify-content: center;
            gap: 8px;
        }
    
        .social-links a {
            font-size: 0.9rem;
        }
    
        .footer-bottom {
            margin-top: 15px;
            font-size: 0.6rem;
        }

  
        .footer p,
        .footer a {
            white-space: normal;
        }

    }