:root{
    
    --primary-color:#55b531;
    --secondary-color:#0f2f36;
    --accent-color:#b97636;
    --light-bg:#f8f8f8;
    --white:#ffffff;
    --text-dark:#1f2d3d;
    --text-light:#666666;
    --border-radius:12px;

}



.section-box{
    width:100%;
    padding:90px 8%;
    background:var(--light-bg);
    font-family:'Cormorant Garamond', serif;
}

.section-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:70px;
}

.section-image{
    position:relative;
    overflow:hidden;
    border-radius:var(--border-radius);
}

.section-image img{
    width:100%;
    height:650px;
    object-fit:cover;
    transition:.5s;
}

.section-image:hover img{
    transform:scale(1.05);
}

.section-content{
    position:relative;
}

.small-heading{
    font-size:20px;
    color:var(--primary-color);
    letter-spacing:5px;
    text-transform:uppercase;
    margin-bottom:20px;
    font-weight:600;
}

.big-heading{
    font-size:70px;
    line-height:1.1;
    color:var(--secondary-color);
    margin-bottom:30px;
    font-weight:700;
}

.section-text{
    font-size:22px;
    line-height:1.8;
    color:var(--text-light);
    margin-bottom:35px;
}

.custom-btn{
    display:inline-block;
    padding:16px 38px;
    background:var(--primary-color);
    color:var(--white);
    text-decoration:none;
    font-size:18px;
    letter-spacing:2px;
    border-radius:4px;
    transition:.4s;
}

.custom-btn:hover{
    background:var(--secondary-color);
    color:var(--white);
}

.design-line{
    width:120px;
    height:4px;
    background:var(--accent-color);
    margin-bottom:35px;
}

@media(max-width:991px){

    .section-grid{
        grid-template-columns:1fr;
    }

    .section-image img{
        height:450px;
    }

    .big-heading{
        font-size:48px;
    }

    .section-text{
        font-size:18px;
    }

}

@media(max-width:576px){

    .section-box{
        padding:70px 20px;
    }

    .big-heading{
        font-size:38px;
    }

    .section-image img{
        height:320px;
    }

}





.about-section{
    width:100%;
    padding:10px 2%;
    background:var(--light-bg);
    font-family:'Cormorant Garamond', serif;
}

.about-box{
    background:#f7f7f7;
    /* border:2px solid #9d9d9d; */
    padding:40px;
}

.about-grid{
    display:grid;
    grid-template-columns:1fr 420px;
    gap:70px;
    align-items:center;
}

.small-title{
    font-size:20px;
    color:var(--secondary-color);
    font-weight:700;
    margin-bottom:25px;
}

.line{
    width:100%;
    height:2px;
    background:#9f9f9f;
    margin-bottom:40px;
}

.info-block{
    margin-bottom:55px;
}

.info-title{
    font-size:54px;
    line-height:1.1;
    font-weight:700;
    color:var(--dark-text);
    margin-bottom:15px;
}

.info-number{
    display:flex;
    align-items:end;
    gap:15px;
    flex-wrap:wrap;
}

.info-number h2{
    font-size:90px;
    line-height:1;
    color:var(--accent-color);
    font-weight:700;
}

.info-number span{
    font-size:38px;
    color:var(--accent-color);
    font-weight:700;
    margin-bottom:10px;
}

.info-text{
    font-size:28px;
    color:var(--accent-color);
    font-weight:600;
}

.design-shape{
    width:90px;
    height:90px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:6px;
    margin-left:auto;
    margin-bottom:30px;
}

.design-shape div{
    background:#d8d8d8;
}

.about-image{
    position:relative;
    overflow:hidden;
}

.about-image img{
    width:100%;
    height:650px;
    object-fit:cover;
}

.bottom-logo{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:50px;
}

.bottom-logo img{
    width:80px;
}

.bottom-logo h4{
    font-size:24px;
    color:var(--secondary-color);
    letter-spacing:2px;
}

@media(max-width:991px){

    .about-grid{
        grid-template-columns:1fr;
    }

    .about-image img{
        height:500px;
    }

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

    .info-number h2{
        font-size:65px;
    }

}

@media(max-width:576px){

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

    .about-box{
        padding:25px;
    }

    .info-title{
        font-size:30px;
    }

    .info-number h2{
        font-size:52px;
    }

    .info-number span{
        font-size:26px;
    }

    .info-text{
        font-size:22px;
    }

    .about-image img{
        height:320px;
    }

    .bottom-logo{
        flex-direction:column;
        align-items:flex-start;
    }

}



.intro-section{
    width:100%;
    padding:70px 5%;
    background:var(--light-bg);
    font-family:'Cormorant Garamond', serif;
}

.intro-box{
    background:#f5f5f5;
    /* border:2px solid #8c8c8c; */
    overflow:hidden;
}

.intro-grid{
    display:grid;
    grid-template-columns:62% 38%;
    min-height:820px;
}

.left-content{
    padding:55px 50px;
    position:relative;
}

.main-heading{
    font-size:72px;
    line-height:1;
    font-weight:700;
    color:var(--accent-color);
    margin-bottom:35px;
}

.about-title{
    font-size:34px;
    font-weight:700;
    color:var(--secondary-color);
    margin-bottom:28px;
}

.intro-text{
    font-size:19px;
    line-height:1.9;
    color:var(--text-light);
    max-width:90%;
    margin-bottom:28px;
}

.content-line{
    width:72%;
    height:2px;
    background:#8e8e8e;
    margin:35px 0;
}

.contact-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:45px;
    margin-top:25px;
}

.contact-box h3{
    font-size:24px;
    color:var(--secondary-color);
    margin-bottom:18px;
}

.contact-box p,
.contact-box a{
    font-size:17px;
    line-height:1.9;
    color:var(--text-light);
    text-decoration:none;
}

.contact-box a:hover{
    color:var(--primary-color);
}

.bottom-brand{
    display:flex;
    align-items:center;
    gap:16px;
    margin-top:45px;
}

.bottom-brand img{
    width:72px;
}

.bottom-brand h4{
    font-size:21px;
    color:var(--secondary-color);
    letter-spacing:1px;
}



.right-content{
    background:var(--primary-color);;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
}

.right-content::before{
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:170px;
    height:170px;
    background:#f3f3f3;
    z-index:1;
}

.right-image{
    width:58%;
    position:relative;
    z-index:2;
    margin-top:40px;
    box-shadow:0 18px 40px rgba(0,0,0,0.25);
}

.right-image img{
    width:100%;
    height:470px;
    object-fit:cover;
    display:block;
}

.design-box{
    position:absolute;
    bottom:28px;
    right:28px;
    width:85px;
    height:85px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:6px;
    z-index:3;
}

.design-box div{
    background:#dcdcdc;
}



@media(max-width:991px){

    .intro-grid{
        grid-template-columns:1fr;
    }

    .right-content{
        min-height:500px;
        padding:60px 0;
    }

    .right-image{
        width:70%;
    }

    .main-heading{
        font-size:56px;
    }

}

@media(max-width:576px){

    .intro-section{
        padding:35px 15px;
    }

    .left-content{
        padding:35px 22px;
    }

    .main-heading{
        font-size:40px;
    }

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

    .intro-text{
        font-size:16px;
        max-width:100%;
    }

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

    .right-content{
        min-height:380px;
    }

    .right-image{
        width:82%;
    }

    .right-image img{
        height:320px;
    }

    .design-box{
        width:65px;
        height:65px;
        gap:4px;
        right:18px;
        bottom:18px;
    }

}



.vision-section{
    width:100%;
    padding:70px 5%;
    background:var(--light-bg);
    font-family:'Cormorant Garamond', serif;
}

.vision-box{
    background:#f5f5f5;
    /* border:2px solid #8d8d8d; */
    overflow:hidden;
}

.vision-grid{
    display:grid;
    grid-template-columns:42% 58%;
}

.vision-left{
    position:relative;
    padding:40px 35px;
}

.vision-dark{
    width:72%;
    height:280px;
    background:#4f4747;
    padding:45px 40px;
}

.vision-dark h1{
    font-size:42px;
    line-height:1.1;
    color:#fff;
    font-weight:700;
}

.vision-image{
    width:45%;
    margin-top:-90px;
    margin-left:20px;
    position:relative;
    z-index:2;
}

.vision-image img{
    width:100%;
    height:430px;
    object-fit:cover;
}

.small-image{
    position:absolute;
    right:20px;
    top:205px;
    width:38%;
    z-index:2;
}

.small-image img{
    width:100%;
    height:180px;
    object-fit:cover;
}

.design-grid-box{
    width:140px;
    height:140px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:6px;
    position:absolute;
    right:35px;
    top:395px;
}

.design-grid-box div{
    background:#d7d7d7;
}

.bottom-line{
    width:180px;
    height:7px;
    background:var(--accent-color);
    margin:25px auto 0;
}

.bottom-brand{
    display:flex;
    align-items:center;
    gap:15px;
    margin-top:25px;
}

.bottom-brand img{
    width:75px;
}

.bottom-brand h4{
    font-size:22px;
    color:var(--secondary-color);
    letter-spacing:1px;
}



.vision-right{
    display:flex;
    gap:40px;
    padding:50px 45px;
}

.vision-line{
    width:6px;
    background:var(--accent-color);
    min-height:100%;
}

.vision-content{
    flex:1;
}

.content-block{
    margin-bottom:45px;
}

.content-block h3{
    font-size:34px;
    color:var(--accent-color);
    margin-bottom:18px;
    font-weight:700;
}

.content-block p{
    font-size:20px;
    line-height:1.9;
    color:var(--text-light);
}



@media(max-width:991px){

    .vision-grid{
        grid-template-columns:1fr;
    }

    .vision-right{
        padding:40px 25px;
    }

    .vision-dark h1{
        font-size:48px;
    }

}

@media(max-width:576px){

    .vision-section{
        padding:35px 15px;
    }

    .vision-left{
        padding:25px;
    }

    .vision-dark{
        width:100%;
        height:auto;
        padding:35px 25px 120px;
    }

    .vision-dark h1{
        font-size:36px;
    }

    .vision-image{
        width:65%;
        margin-top:-80px;
    }

    .vision-image img{
        height:280px;
    }

    .small-image{
        width:42%;
        top:220px;
        right:10px;
    }

    .small-image img{
        height:120px;
    }

    .design-grid-box{
        width:90px;
        height:90px;
        gap:4px;
        top:360px;
        right:15px;
    }

    .vision-right{
        gap:18px;
    }

    .content-block h3{
        font-size:24px;
    }

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

}




.product-section{
    width:100%;
    padding:70px 5%;
    background:var(--light-bg);
    font-family:'Cormorant Garamond', serif;
}

.product-box{
    /* border:2px solid #8e8e8e; */
    background:#f5f5f5;
    overflow:hidden;
}

.top-bar{
    background:#544b4b;
    padding:35px 50px;
}

.top-bar h1{
    color:#fff;
    font-size:58px;
    font-weight:700;
}

.product-content{
    position:relative;
    min-height:850px;
    padding:60px;
}



.chart-area{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

.donut-chart{
    width:260px;
    height:260px;
    border-radius:50%;
    background:
    conic-gradient(
        #355500 0% 15%,
        #8dc9f4 15% 40%,
        #8b0028 40% 55%,
        #58af24 55% 70%,
        #f3d31a 70% 83%,
        #ff4b12 83% 98%,
        #0047ab 98% 100%
    );
    position:relative;
}

.donut-chart::before{
    content:"";
    position:absolute;
    inset:45px;
    background:#fff;
    border-radius:50%;
}

.inner-text{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:2;
    font-size:52px;
    font-weight:700;
}



.info{
    position:absolute;
}

.info h3{
    font-size:24px;
    color:#222;
    margin-bottom:8px;
}

.info h2{
    font-size:58px;
    font-weight:700;
    color:#000;
}

.info p{
    font-size:18px;
    color:#444;
}



.line-horizontal{
    position:absolute;
    width:60px;
    height:2px;
    background:#555;
    top:22px;
}

.line-vertical{
    position:absolute;
    width:2px;
    height:35px;
    background:#555;
    top:-12px;
}



.info1{
    top:120px;
    right:110px;
}

.info1 .line-horizontal{
    left:-70px;
}

.info1 .line-vertical{
    left:-70px;
}

.info2{
    top:350px;
    right:80px;
}

.info2 .line-horizontal{
    left:-70px;
}

.info2 .line-vertical{
    left:-70px;
}

.info3{
    bottom:150px;
    right:110px;
}

.info3 .line-horizontal{
    left:-70px;
}

.info3 .line-vertical{
    left:-70px;
}


.left-info{
    text-align:right;
}

.info4{
    top:120px;
    left:90px;
}

.info4 .line-horizontal{
    right:-70px;
}

.info4 .line-vertical{
    right:-70px;
}

.info5{
    top:330px;
    left:70px;
}

.info5 .line-horizontal{
    right:-70px;
}

.info5 .line-vertical{
    right:-70px;
}

.info6{
    bottom:180px;
    left:130px;
}

.info6 .line-horizontal{
    right:-70px;
}

.info6 .line-vertical{
    right:-70px;
}



.top-info{
    top:60px;
    left:50%;
    transform:translateX(-50%);
    text-align:center;
}

.top-line{
    width:2px;
    height:50px;
    background:#555;
    margin:0 auto 12px;
}



.design-box{
    position:absolute;
    top:40px;
    right:40px;
    width:120px;
    height:120px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:6px;
}

.design-box div{
    background:#d7d7d7;
}

.side-dots{
    position:absolute;
    top:200px;
    right:70px;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.side-dots span{
    width:18px;
    height:18px;
    background:#d7d7d7;
}

.bottom-brand{
    position:absolute;
    left:35px;
    bottom:20px;
    display:flex;
    align-items:center;
    gap:15px;
}

.bottom-brand img{
    width:70px;
}

.bottom-brand h4{
    font-size:22px;
    color:var(--secondary-color);
}



@media(max-width:991px){

    .product-content{
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:35px;
        min-height:auto;
        padding:50px 20px 120px;
    }

    .chart-area{
        position:relative;
        top:auto;
        left:auto;
        transform:none;
    }

    .info{
        position:relative;
        text-align:center;
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;
    }

    .line-horizontal,
    .line-vertical,
    .top-line{
        display:none;
    }

    .design-box,
    .side-dots{
        display:none;
    }

}



.client-section{
    width:100%;
    padding:70px 5%;
    background:var(--light-bg);
    font-family:'Cormorant Garamond', serif;
}

.client-box{
    background:#544b4b;
    border:2px solid #8f8f8f;
    padding:55px 45px;
    overflow:hidden;
}

.client-grid{
    display:grid;
    grid-template-columns:34% 66%;
    gap:40px;
    align-items:flex-start;
}



.client-left{
    position:relative;
    min-height:700px;
}

.client-left h1{
    font-size:72px;
    line-height:1.1;
    color:#fff;
    font-weight:700;
    margin-bottom:70px;
}

.orange-line{
    width:170px;
    height:6px;
    background:var(--accent-color);
}

.bottom-brand{
    position:absolute;
    left:0;
    bottom:0;
    display:flex;
    align-items:center;
    gap:16px;
}

.bottom-brand img{
    width:75px;
}

.bottom-brand h4{
    font-size:22px;
    color:#fff;
    letter-spacing:1px;
}



.client-right{
    display:flex;
    flex-direction:column;
    gap:38px;
    padding-right:25px;
}

.client-card{
    background:#f7f7f7;
    border-radius:35px;
    padding:38px 30px;
    width:100%;
    max-width:720px;
    margin-left:auto;
}

.card-line{
    width:100%;
    height:2px;
    background:#c7c7c7;
    margin:28px 0;
}



.logo-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:22px;
    flex-wrap:nowrap;
}

.logo-row img{
    max-width:175px;
    width:100%;
    height:78px;
    object-fit:contain;
    transition:.4s;
    filter:grayscale(100%);
}

.logo-row img:hover{
    filter:grayscale(0%);
    transform:scale(1.05);
}

.small-card{
    padding:42px 30px;
}



@media(max-width:991px){

    .client-grid{
        grid-template-columns:1fr;
    }

    .client-left{
        min-height:auto;
    }

    .bottom-brand{
        position:relative;
        margin-top:60px;
    }

    .client-left h1{
        font-size:52px;
    }

    .client-card{
        max-width:100%;
    }

}

@media(max-width:576px){

    .client-section{
        padding:35px 15px;
    }

    .client-box{
        padding:35px 20px;
    }

    .client-left h1{
        font-size:40px;
    }

    .logo-row{
        flex-wrap:wrap;
        justify-content:center;
    }

    .logo-row img{
        max-width:100px;
        height:40px;
    }

    .client-card{
        border-radius:25px;
        padding:28px 18px;
    }

    .bottom-brand{
        flex-direction:column;
        align-items:flex-start;
    }

}




.quality-section{
    width:100%;
    padding:70px 5%;
    background:var(--light-bg);
    font-family:'Cormorant Garamond', serif;
}

.quality-box{
    background:#f5f5f5;
    /* border:2px solid #8f8f8f; */
    padding:45px 45px 30px;
    position:relative;
    overflow:hidden;
}

.quality-heading{
    font-size:68px;
    color:var(--accent-color);
    margin-bottom:50px;
    font-weight:700;
}

.quality-grid{
    display:grid;
    grid-template-columns:42% 58%;
    align-items:center;
    gap:50px;
}



.quality-left{
    position:relative;
    min-height:620px;
}

.dark-box{
    position:absolute;
    left:-45px;
    bottom:-30px;
    width:170px;
    height:290px;
    background:#4f4747;
}

.quality-image{
    position:relative;
    z-index:2;
    width:72%;
    margin-left:25px;
}

.quality-image img{
    width:100%;
    height:620px;
    object-fit:cover;
}

.design-grid{
    position:absolute;
    right:25px;
    bottom:140px;
    width:90px;
    height:90px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:6px;
}

.design-grid div{
    background:#d7d7d7;
}



.quality-right{
    display:flex;
    align-items:flex-start;
    gap:40px;
}

.vertical-line{
    width:6px;
    min-height:430px;
    background:var(--accent-color);
}

.quality-content{
    flex:1;
}

.quality-item{
    display:flex;
    gap:28px;
    margin-bottom:50px;
}

.quality-item span{
    font-size:70px;
    font-weight:700;
    color:#4b4343;
    line-height:1;
}

.quality-item p{
    font-size:22px;
    line-height:1.9;
    color:var(--text-light);
    max-width:90%;
}



.bottom-logo{
    position:absolute;
    right:35px;
    bottom:20px;
}

.bottom-logo img{
    width:85px;
}



@media(max-width:991px){

    .quality-grid{
        grid-template-columns:1fr;
    }

    .quality-left{
        min-height:auto;
    }

    .quality-image{
        width:80%;
    }

    .quality-image img{
        height:500px;
    }

    .quality-heading{
        font-size:52px;
    }

}

@media(max-width:576px){

    .quality-section{
        padding:35px 15px;
    }

    .quality-box{
        padding:30px 20px 80px;
    }

    .quality-heading{
        font-size:38px;
        margin-bottom:35px;
    }

    .quality-right{
        gap:18px;
    }

    .vertical-line{
        width:4px;
    }

    .quality-item{
        gap:18px;
        margin-bottom:35px;
    }

    .quality-item span{
        font-size:42px;
    }

    .quality-item p{
        font-size:17px;
    }

    .quality-image{
        width:100%;
        margin-left:0;
    }

    .quality-image img{
        height:350px;
    }

    .design-grid{
        width:65px;
        height:65px;
        gap:4px;
        right:-5px;
        bottom:80px;
    }

    .dark-box{
        width:120px;
        height:180px;
    }

}




.facilities-section{
    width:100%;
    background:#f4f4f4;
}

.facilities-top{
    background:#4b423f;
    padding:30px 0 80px;
}

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.facilities-top h2{
    color:#fff;
    font-size:55px;
    font-weight:700;
    letter-spacing:2px;
}

.facilities-bottom{
    padding:50px 0 30px;
    background:#f4f4f4;
}

.facilities-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
    align-items:start;
}

.facility-box{
    text-align:center;
    width:100%;
}

.facility-box img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}

.facility-box h3{
    margin-top:20px;
    font-size:30px;
    color:#3d3533;
    font-weight:500;
}

.facility-footer{
    display:flex;
    align-items:center;
    gap:20px;
    margin-top:80px;
}

.footer-logo img{
    width:120px;
}

.facility-footer p{
    font-size:22px;
    color:#222;
    font-weight:600;
}

@media(max-width:992px){

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

}

@media(max-width:768px){

    .facilities-top h2{
        font-size:40px;
    }

    .facilities-grid{
        grid-template-columns:1fr;
    }

    .facility-box h3{
        font-size:24px;
    }

    .facility-footer{
        flex-direction:column;
        text-align:center;
    }

}




.dyeing-section{
    width:100%;
    background:#f4f4f4;
}

.dyeing-top{
    background:#4b423f;
    padding:30px 0 80px;
}

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.dyeing-top h2{
    color:#fff;
    font-size:55px;
    font-weight:700;
    line-height:1.1;
    letter-spacing:2px;
}

.dyeing-bottom{
    padding:50px 0 30px;
    background:#f4f4f4;
}

.dyeing-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:60px;
    align-items:start;
}

.dyeing-box{
    text-align:center;
}

.dyeing-box img{
    width:100%;
    height:320px;
    object-fit:cover;
    display:block;
}

.dyeing-box h3{
    margin-top:20px;
    font-size:32px;
    color:#3d3533;
    font-weight:500;
}

.dyeing-footer{
    display:flex;
    align-items:center;
    gap:20px;
    margin-top:80px;
}

.footer-logo img{
    width:120px;
}

.dyeing-footer p{
    font-size:22px;
    color:#222;
    font-weight:600;
}

@media(max-width:768px){

    .dyeing-top h2{
        font-size:40px;
    }

    .dyeing-grid{
        grid-template-columns:1fr;
    }

    .dyeing-box img{
        height:auto;
    }

    .dyeing-box h3{
        font-size:24px;
    }

    .dyeing-footer{
        flex-direction:column;
        text-align:center;
    }

}


.certificate-section{
    width:100%;
    background:#4b423f;
    padding:50px 0;
}

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.certificate-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:50px;
}

.certificate-left{
    width:40%;
}

.certificate-left h2{
    color:#fff;
    font-size:60px;
    line-height:1.15;
    font-weight:700;
}

.certificate-right{
    width:40%;
    display:flex;
    justify-content:center;
}

.certificate-card{
    width:320px;
    background:#ececec;
    border-radius:35px;
    overflow:hidden;
}

.certificate-item{
    height:170px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:1px solid #999;
    padding:20px;
}

.certificate-item:last-child{
    border-bottom:none;
}

.certificate-item img{
    max-width:180px;
    max-height:100px;
    object-fit:contain;
}

.certificate-footer{
    display:flex;
    align-items:center;
    gap:20px;
    margin-top:120px;
}

.footer-logo img{
    width:120px;
}

.certificate-footer p{
    color:#fff;
    font-size:22px;
    font-weight:600;
}

@media(max-width:768px){

    .certificate-wrapper{
        flex-direction:column;
        align-items:center;
    }

    .certificate-left,
    .certificate-right{
        width:100%;
    }

    .certificate-left h2{
        font-size:42px;
        text-align:center;
    }

    .certificate-footer{
        flex-direction:column;
        text-align:center;
        margin-top:60px;
    }

    .certificate-card{
        width:100%;
        max-width:320px;
    }

}




.greige-section{
    width:100%;
    background:#f4f4f4;
}

.greige-top{
    background:#4b423f;
    padding:30px 0 80px;
}

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.greige-top h2{
    color:#fff;
    font-size:55px;
    font-weight:700;
    line-height:1.1;
    letter-spacing:2px;
}

.greige-bottom{
    padding:40px 0 30px;
    background:#f4f4f4;
}

.greige-content{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:40px;
}

.greige-text{
    width:65%;
}

.greige-text p{
    font-size:17px;
    line-height:1.8;
    color:#111;
    text-align:justify;
}

.greige-machine{
    width:30%;
}

.greige-machine img{
    width:100%;
    object-fit:contain;
}

.greige-gallery{
    display:flex;
    gap:30px;
    margin-top:40px;
}

.gallery-box{
    width:300px;
}

.gallery-box img{
    width:100%;
    height:180px;
    object-fit:cover;
    display:block;
}

.greige-footer{
    display:flex;
    align-items:center;
    gap:20px;
    margin-top:60px;
}

.footer-logo img{
    width:120px;
}

.greige-footer p{
    font-size:22px;
    color:#222;
    font-weight:600;
}

@media(max-width:768px){

    .greige-top h2{
        font-size:40px;
    }

    .greige-content{
        flex-direction:column;
    }

    .greige-text,
    .greige-machine{
        width:100%;
    }

    .greige-gallery{
        flex-direction:column;
    }

    .gallery-box{
        width:100%;
    }

    .greige-footer{
        flex-direction:column;
        text-align:center;
    }

}



.sustainable-section{
    width:100%;
    background:#4b423f;
    padding:50px 0;
}

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.sustainable-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:60px;
}

.sustainable-left{
    width:40%;
}

.sustainable-left h2{
    color:#fff;
    font-size:62px;
    line-height:1.15;
    font-weight:700;
}

.sustainable-right{
    width:40%;
    display:flex;
    justify-content:center;
}

.certificate-card{
    width:340px;
    background:#ececec;
    border-radius:35px;
    overflow:hidden;
}

.certificate-box{
    height:180px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:1px solid #999;
    padding:20px;
}

.certificate-box:last-child{
    border-bottom:none;
}

.certificate-box img{
    max-width:180px;
    max-height:100px;
    object-fit:contain;
}

.sustainable-footer{
    display:flex;
    align-items:center;
    gap:20px;
    margin-top:120px;
}

.footer-logo img{
    width:120px;
}

.sustainable-footer p{
    color:#fff;
    font-size:22px;
    font-weight:600;
}

@media(max-width:768px){

    .sustainable-wrapper{
        flex-direction:column;
        align-items:center;
    }

    .sustainable-left,
    .sustainable-right{
        width:100%;
    }

    .sustainable-left h2{
        font-size:42px;
        text-align:center;
    }

    .sustainable-footer{
        flex-direction:column;
        text-align:center;
        margin-top:60px;
    }

    .certificate-card{
        width:100%;
        max-width:340px;
    }

}



.printing-section{
    width:100%;
    background:#f4f4f4;
}

.printing-top{
    background:#4b423f;
    padding:30px 0 80px;
}

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.printing-top h2{
    color:#fff;
    font-size:55px;
    font-weight:700;
    line-height:1.1;
    letter-spacing:2px;
}

.printing-bottom{
    padding:50px 0 30px;
    background:#f4f4f4;
}

.printing-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:50px;
    align-items:start;
}

.printing-box{
    text-align:center;
}

.printing-box img{
    width:100%;
    height:280px;
    object-fit:cover;
    display:block;
}

.printing-box h3{
    margin-top:20px;
    font-size:30px;
    color:#3d3533;
    font-weight:500;
    line-height:1.2;
}

.printing-footer{
    display:flex;
    align-items:center;
    gap:20px;
    margin-top:80px;
}

.footer-logo img{
    width:120px;
}

.printing-footer p{
    font-size:22px;
    color:#222;
    font-weight:600;
}

@media(max-width:992px){

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

}

@media(max-width:768px){

    .printing-top h2{
        font-size:40px;
    }

    .printing-grid{
        grid-template-columns:1fr;
    }

    .printing-box h3{
        font-size:24px;
    }

    .printing-footer{
        flex-direction:column;
        text-align:center;
    }

} 



.thankyou-section{
    width:100%;
    position:relative;
    padding:110px 0 80px;
    overflow:hidden;
    background:
    linear-gradient(rgba(8,20,24,0.88),rgba(8,20,24,0.92)),
    url('newimages/footer-bg.jpg');
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
}

.thankyou-section::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    background:rgba(85,181,49,0.08);
    top:-180px;
    right:-120px;
    filter:blur(20px);
}

.thankyou-section::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(255,255,255,0.03);
    bottom:-120px;
    left:-100px;
    filter:blur(20px);
}

.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
    to right,
    rgba(15,47,54,0.75),
    rgba(0,0,0,0.45)
    );
}

.thankyou-section .container{
    position:relative;
    z-index:2;
}

.thankyou-logo{
    text-align:center;
    margin-bottom:20px;
}

.thankyou-logo img{
    width:190px;
    background:#fff;
    padding:14px;
    border-radius:24px;
    box-shadow:0 20px 45px rgba(0,0,0,0.25);
    transition:.4s;
}

.thankyou-logo img:hover{
    transform:translateY(-6px) scale(1.03);
}

.thankyou-section h2{
    text-align:center;
    color:#fff;
    font-size:56px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:45px;
    text-shadow:0 5px 20px rgba(0,0,0,0.25);
}

.divider{
    width:100%;
    max-width:1100px;
    height:1px;
    margin:0 auto 65px;
    background:linear-gradient(
    to right,
    transparent,
    rgba(255,255,255,0.4),
    transparent
    );
}

.thankyou-content{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:70px;
}

.contact-info{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

.contact-box{
    min-width:290px;
    background:rgba(255,255,255,0.07);
    border:1px solid rgba(255,255,255,0.08);
    backdrop-filter:blur(14px);
    border-radius:26px;
    padding:35px 30px;
    transition:.4s;
    box-shadow:0 10px 30px rgba(0,0,0,0.12);
}

.contact-box:hover{
    transform:translateY(-8px);
    border-color:rgba(85,181,49,0.4);
    box-shadow:0 25px 50px rgba(0,0,0,0.18);
}

.contact-box h4{
    color:#55b531;
    font-size:25px;
    margin-bottom:24px;
    font-weight:700;
    position:relative;
}

.contact-box h4::after{
    content:"";
    width:45px;
    height:3px;
    background:#55b531;
    position:absolute;
    left:0;
    bottom:-10px;
    border-radius:10px;
}

.contact-box p{
    color:rgba(255,255,255,0.82);
    line-height:2;
    font-size:15px;
    margin:0;
}

.contact-box a{
    display:block;
    color:#fff;
    text-decoration:none;
    margin-bottom:14px;
    font-size:15px;
    transition:.3s;
}

.contact-box a:hover{
    color:#55b531;
    padding-left:5px;
}

.thankyou-text{
    text-align:right;
}

.thankyou-text h1{
    font-size:135px;
    line-height:0.92;
    color:#fff;
    font-weight:800;
    letter-spacing:-4px;
    opacity:0.95;
    margin-bottom:20px;
    text-shadow:0 15px 40px rgba(0,0,0,0.3);
}

.thankyou-text span{
    display:inline-block;
    color:#55b531;
    font-size:18px;
    font-weight:600;
    letter-spacing:6px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,0.15);
}

@media(max-width:991px){

    .thankyou-content{
        flex-direction:column;
        align-items:flex-start;
    }

    .thankyou-text{
        text-align:left;
        margin-top:10px;
    }

    .thankyou-text h1{
        font-size:95px;
    }

}

@media(max-width:768px){

    .thankyou-section{
        padding:80px 0 55px;
        background-attachment:scroll;
    }

    .thankyou-logo img{
        width:150px;
    }

    .thankyou-section h2{
        font-size:34px;
        line-height:1.3;
    }

    .contact-info{
        flex-direction:column;
        width:100%;
    }

    .contact-box{
        width:100%;
        min-width:100%;
        padding:28px 22px;
    }

    .thankyou-text h1{
        font-size:65px;
        letter-spacing:-2px;
    }

    .thankyou-text span{
        font-size:14px;
        letter-spacing:3px;
    }

}