*{

margin:0;
padding:0;
box-sizing:border-box;

}



html{

scroll-behavior:smooth;

}



body{

font-family:Arial, Helvetica, sans-serif;

color:#222;

background:white;

}



:root{

--gold:#c9a227;

--dark:#1e1e1e;

}



.container{

width:90%;

max-width:1400px;

margin:auto;

}





/* HEADER */


#header{

position:fixed;

top:0;

width:100%;

z-index:1000;

transition:.3s;

}



.navbar{

height:90px;

display:flex;

align-items:center;

justify-content:space-between;

}



.logo a{

color:white;

font-size:28px;

font-weight:bold;

text-decoration:none;

display:flex;

flex-direction:column;

}



.logo span{

font-size:14px;

color:var(--gold);

letter-spacing:2px;

}





#nav-menu ul{

display:flex;

gap:25px;

list-style:none;

}



#nav-menu a{

color:white;

text-decoration:none;

font-size:16px;

}



#nav-menu a:hover{

color:var(--gold);

}





.quote-btn{

background:var(--gold);

color:white;

padding:12px 25px;

border-radius:30px;

text-decoration:none;

}





.menu-btn{

display:none;

cursor:pointer;

}



.menu-btn span{

display:block;

width:30px;

height:3px;

background:white;

margin:5px;

}





/* HERO */


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


#hero{


height:100vh;

position:relative;

display:flex;

align-items:center;

overflow:hidden;

color:white;


}




.hero-video{


position:absolute;

width:100%;

height:100%;

object-fit:cover;

z-index:-2;


}




.hero-overlay{


position:absolute;

inset:0;

background:

linear-gradient(
rgba(0,0,0,.65),
rgba(0,0,0,.55)
);


z-index:-1;


}





.hero-content{


padding-top:80px;


}




.hero-content h1{


font-size:65px;

line-height:1.1;

max-width:900px;


}



.hero-content h1 span{


color:var(--gold);


}




.hero-content p{


font-size:22px;

max-width:700px;

margin:25px 0;


}




.hero-buttons{


display:flex;

gap:20px;

margin-bottom:60px;


}






.hero-stats{


display:grid;

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

gap:20px;


}




.stat-box{


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

backdrop-filter:blur(10px);

padding:25px;

border-radius:15px;

text-align:center;


}





.stat-box h2{


font-size:45px;

color:var(--gold);


}




.stat-box p{


margin:0;

font-size:16px;


}



#hero h1{

font-size:60px;

max-width:800px;

}



#hero p{

font-size:22px;

margin:25px 0;

}




.hero-buttons{

display:flex;

gap:20px;

}



.btn,
.btn-outline{

padding:15px 30px;

border-radius:30px;

text-decoration:none;

}



.btn{

background:var(--gold);

color:white;

}



.btn-outline{

border:2px solid white;

color:white;

}




section{

padding:100px 0;

}



section h2{

font-size:40px;

}





#footer{

background:#111;

color:white;

padding:40px 0;

}

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


#about{


background:#f7f5f0;


}




.about-container{


display:flex;

flex-direction:column;

gap:50px;


}




.about-content{


max-width:900px;


}




.about-content h2{


font-size:50px;

margin-bottom:25px;


}




.about-content h2 span{


color:var(--gold);


}




.about-content p{


font-size:18px;

line-height:1.8;

margin-bottom:20px;

color:#555;


}






.about-cards{


display:grid;

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

gap:25px;


}




.info-card{


background:white;

padding:35px;

border-radius:20px;

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

transition:.3s;


}





.info-card:hover{


transform:translateY(-10px);


}





.info-card h3{


color:var(--gold);

margin-bottom:15px;


}




.info-card p{


color:#555;

line-height:1.6;


}







.vision-mission{


display:grid;

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

gap:30px;


}





.vision-mission div{


background:#1e1e1e;

color:white;

padding:40px;

border-radius:20px;


}




.vision-mission h3{


color:var(--gold);

font-size:28px;

margin-bottom:15px;


}




.vision-mission p{


line-height:1.7;


}

/* =========================
PRODUCTS SECTION
========================= */


#products{


background:white;


}




.section-title{


text-align:center;

max-width:800px;

margin:auto;

margin-bottom:60px;


}



.section-title h2{


font-size:50px;

margin-bottom:20px;


}




.section-title p{


font-size:18px;

color:#666;

line-height:1.7;


}






.product-heading{


font-size:35px;

margin:50px 0 30px;

color:var(--dark);


}





.product-heading::after{


content:"";

display:block;

width:80px;

height:4px;

background:var(--gold);

margin-top:10px;


}







.product-grid{


display:grid;

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

gap:30px;


}







.product-card{


background:white;

border-radius:20px;

overflow:hidden;

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

transition:.35s;


}







.product-card:hover{


transform:translateY(-15px);


}






.product-card img{


width:100%;

height:250px;

object-fit:cover;


}







.product-card h3{


font-size:26px;

padding:25px 25px 10px;


}







.product-card p{


padding:0 25px;

color:#666;

line-height:1.7;


}







.product-card span{


display:inline-block;

margin:20px 25px 25px;

background:#f3eee1;

color:#8c6d15;

padding:8px 15px;

border-radius:20px;

font-size:14px;


}


/* =========================
QUARRY SECTION
========================= */


#quarry{

background:#f7f5f0;

}





.quarry-intro{


display:grid;

grid-template-columns:1fr 1fr;

gap:50px;

align-items:center;

}





.quarry-text h3{


font-size:35px;

margin-bottom:20px;


}




.quarry-text p{


line-height:1.8;

color:#555;

margin-bottom:20px;


}





.quarry-image img{


width:100%;

height:450px;

object-fit:cover;

border-radius:25px;


}







.process-title{


font-size:35px;

margin:70px 0 30px;


}





.process-grid{


display:grid;

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

gap:25px;


}






.process-card{


background:white;

padding:30px;

border-radius:20px;

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

transition:.3s;


}





.process-card:hover{


transform:translateY(-10px);


}





.process-card h3{


font-size:45px;

color:var(--gold);


}





.process-card h4{


font-size:22px;

margin:15px 0;


}







.process-card p{


color:#666;

line-height:1.6;


}







.equipment-grid{


display:grid;

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

gap:30px;


}







.equipment-card{


background:white;

border-radius:20px;

overflow:hidden;

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


}




.equipment-card img{


height:250px;

width:100%;

object-fit:cover;


}





.equipment-card h3{


padding:20px 20px 10px;


}




.equipment-card p{


padding:0 20px 25px;

color:#666;


}


/* =========================
PROCESSING SECTION
========================= */


#processing{

background:white;

}







.capability-grid{


display:grid;

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

gap:25px;


}





.capability-card{


background:#f7f5f0;

padding:35px;

border-radius:20px;

transition:.3s;


}




.capability-card:hover{


transform:translateY(-10px);

background:#1e1e1e;

color:white;


}







.capability-card h3{


color:var(--gold);

margin-bottom:15px;


}







.capability-card p{


line-height:1.7;

color:#666;


}



.capability-card:hover p{


color:white;


}







.stone-flow{


display:flex;

align-items:center;

justify-content:center;

gap:20px;

flex-wrap:wrap;

margin:40px 0;


}







.stone-flow div{


background:#1e1e1e;

color:white;

padding:20px 30px;

border-radius:50px;

font-weight:bold;


}





.stone-flow span{


font-size:35px;

color:var(--gold);


}







.machine-grid{


display:grid;

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

gap:30px;


}







.machine-card{


background:white;

border-radius:20px;

overflow:hidden;

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


}





.machine-card img{


height:250px;

width:100%;

object-fit:cover;


}





.machine-card h3{


padding:20px;


}


/* =========================
PRODUCT VARIETIES
========================= */



#varieties{

background:#f7f5f0;

}






.variety-grid{


display:grid;

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

gap:30px;

margin-bottom:50px;


}






.variety-card{


background:white;

border-radius:20px;

overflow:hidden;

box-shadow:
0 15px 35px rgba(0,0,0,.1);

transition:.3s;


}




.variety-card:hover{


transform:translateY(-12px);


}






.variety-card img{


height:260px;

width:100%;

object-fit:cover;


}





.variety-content{


padding:25px;


}




.variety-content h3{


font-size:25px;

margin-bottom:15px;


}





.variety-content p{


color:#666;

line-height:1.6;

margin-bottom:20px;


}





.details-btn{


border:none;

background:var(--gold);

color:white;

padding:10px 20px;

border-radius:30px;

cursor:pointer;


}








/* MODAL */


.modal{


position:fixed;

inset:0;

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

display:none;

align-items:center;

justify-content:center;

z-index:2000;


}





.modal-box{


background:white;

width:90%;

max-width:600px;

padding:40px;

border-radius:20px;

position:relative;


}






#close-modal{


position:absolute;

right:20px;

top:10px;

font-size:35px;

cursor:pointer;


}

/* =========================
INDUSTRIES
========================= */


#industries{


background:white;


}




.industry-grid{


display:grid;

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

gap:30px;


}





.industry-card{


padding:35px;

background:#f7f5f0;

border-radius:20px;

transition:.3s;


}





.industry-card:hover{


background:#1e1e1e;

color:white;

transform:translateY(-10px);


}




.industry-card h3{


color:var(--gold);

margin-bottom:15px;


}




.industry-card p{


line-height:1.7;

color:#666;


}




.industry-card:hover p{


color:white;


}







/* =========================
EXPORT
========================= */





#export{


background:#f7f5f0;


}






.export-wrapper{


display:grid;

grid-template-columns:1fr 1fr;

gap:50px;

align-items:center;


}





.export-content h3{


font-size:35px;

margin-bottom:20px;


}




.export-content p{


line-height:1.8;

color:#555;


}




.export-content ul{


margin-top:25px;

line-height:2;


}







.export-map img{


width:100%;


}






.export-flow{


display:flex;

justify-content:center;

align-items:center;

gap:15px;

flex-wrap:wrap;

margin:40px 0;


}






.export-flow div{


background:#1e1e1e;

color:white;

padding:18px 25px;

border-radius:40px;


}




.export-flow span{


font-size:30px;

color:var(--gold);


}








.country-grid{


display:grid;

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

gap:20px;


}




.country-card{


background:white;

padding:25px;

text-align:center;

border-radius:15px;

font-weight:bold;

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


}


/* =========================
QUALITY SECTION
========================= */


#quality{

background:white;

}






.quality-grid{


display:grid;

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

gap:25px;


}






.quality-card{


background:#f7f5f0;

padding:30px;

border-radius:20px;

transition:.3s;


}




.quality-card:hover{


transform:translateY(-10px);

background:#1e1e1e;

color:white;


}





.quality-card h3{


color:var(--gold);

margin-bottom:15px;


}





.quality-card p{


color:#666;

line-height:1.7;


}



.quality-card:hover p{


color:white;


}








.certificate-box{


margin-top:60px;

background:#1e1e1e;

padding:40px;

border-radius:25px;

color:white;


}







.certificate-box h3{


font-size:30px;

margin-bottom:30px;


}





.certificate-grid{


display:grid;

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

gap:20px;


}






.certificate-grid div{


background:white;

color:#222;

padding:25px;

border-radius:15px;

text-align:center;

font-weight:bold;


}









/* =========================
SUSTAINABILITY
========================= */





#sustainability{


background:#f7f5f0;


}







.sustain-grid{


display:grid;

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

gap:25px;


}





.sustain-card{


background:white;

padding:30px;

border-radius:20px;

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


}






.sustain-card h3{


color:var(--gold);

margin-bottom:15px;


}




.sustain-card p{


color:#666;

line-height:1.7;


}








.sustain-metrics{


margin-top:60px;

display:grid;

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

gap:30px;


}







.sustain-metrics div{


background:#1e1e1e;

color:white;

padding:35px;

border-radius:20px;

text-align:center;


}





.sustain-metrics h2{


font-size:45px;

color:var(--gold);


}


/* =========================
PROJECTS SECTION
========================= */



#projects{

background:white;

}





.project-grid{


display:grid;

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

gap:25px;


}






.project-card{


background:white;

border-radius:20px;

overflow:hidden;

box-shadow:
0 15px 35px rgba(0,0,0,.1);

transition:.3s;


}





.project-card:hover{


transform:translateY(-12px);


}





.project-card img{


width:100%;

height:260px;

object-fit:cover;


}






.project-content{


padding:25px;


}





.project-content h3{


font-size:24px;

margin-bottom:15px;


}





.project-content p{


color:#666;

line-height:1.7;


}









/* COMPARISON */


.comparison{


display:grid;

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

gap:30px;

margin-top:40px;


}





.comparison-box{


border-radius:20px;

overflow:hidden;

background:#f7f5f0;

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


}





.comparison-box img{


width:100%;

height:400px;

object-fit:cover;


}





.comparison-box h3{


padding:25px;

text-align:center;


}








/* CASE STUDY */


.case-study{


margin-top:60px;

background:#1e1e1e;

color:white;

padding:50px;

border-radius:25px;

text-align:center;


}





.case-study h3{


font-size:35px;

color:var(--gold);

margin-bottom:20px;


}





.case-study p{


max-width:800px;

margin:auto;

line-height:1.8;


}





.case-study a{


display:inline-block;

margin-top:30px;

background:var(--gold);

color:white;

padding:15px 30px;

border-radius:30px;

text-decoration:none;


}

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



#why-us{

background:#f7f5f0;

}






.advantages-grid{


display:grid;

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

gap:30px;


}






.advantage-card{


background:white;

padding:35px;

border-radius:20px;

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

transition:.3s;


}






.advantage-card:hover{


transform:translateY(-10px);

background:#1e1e1e;

color:white;


}





.advantage-card h3{


color:var(--gold);

margin-bottom:15px;


}





.advantage-card p{


color:#666;

line-height:1.7;


}





.advantage-card:hover p{


color:white;


}









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





#gallery{


background:white;


}






.gallery-grid{


display:grid;

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

gap:25px;


}






.gallery-item{


position:relative;

overflow:hidden;

border-radius:20px;

height:300px;


}







.gallery-item img{


width:100%;

height:100%;

object-fit:cover;

transition:.4s;


}






.gallery-item:hover img{


transform:scale(1.1);


}






.gallery-item div{


position:absolute;

bottom:0;

left:0;

right:0;

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

color:white;

padding:20px;

font-size:20px;


}

/* =========================
DOWNLOAD CENTER
========================= */


#downloads{

background:#f7f5f0;

}






.download-grid{


display:grid;

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

gap:30px;


}







.download-card{


background:white;

padding:35px;

border-radius:20px;

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


}




.download-card h3{


font-size:25px;

margin-bottom:15px;


}





.download-card p{


color:#666;

line-height:1.7;


}





.download-card a{


display:inline-block;

margin-top:20px;

background:var(--gold);

color:white;

padding:12px 25px;

border-radius:30px;

text-decoration:none;


}









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





#contact{


background:white;


}







.contact-wrapper{


display:grid;

grid-template-columns:2fr 1fr;

gap:50px;


}








.rfq-form{


background:#f7f5f0;

padding:35px;

border-radius:25px;


}






.form-row{


display:grid;

grid-template-columns:1fr 1fr;

gap:20px;

margin-bottom:20px;


}







.rfq-form input,
.rfq-form select,
.rfq-form textarea{


width:100%;

padding:15px;

border:none;

border-radius:10px;

font-size:16px;


}





.rfq-form textarea{


height:150px;

margin-top:20px;

resize:none;


}





.rfq-form button{


margin-top:20px;

background:var(--gold);

color:white;

border:none;

padding:15px 35px;

border-radius:30px;

cursor:pointer;

font-size:16px;


}







.contact-info{


background:#1e1e1e;

color:white;

padding:35px;

border-radius:25px;


}






.contact-info h3{


color:var(--gold);

font-size:28px;

margin-bottom:25px;


}








.map-box{


height:200px;

background:#333;

margin-top:30px;

border-radius:15px;

display:flex;

align-items:center;

justify-content:center;


}