
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body{margin:0;font-family:'Poppins',sans-serif;color:#222;line-height:1.7;background:#fff;}
header{display:flex;justify-content:space-between;align-items:center;padding:12px 5%;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100;}
.logo{font-weight:700;font-size:16px;color:#000;}
nav{display:flex;gap:24px;}
nav a{text-decoration:none;color:#111;font-weight:500;position:relative;padding-bottom:3px;}
nav a.active{color:#C6A667;font-weight:600;}
nav a::after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#C6A667;opacity:0;transition:.3s;}
nav a:hover::after{opacity:1;}

.section{padding:70px 6%;}

.split{
    display:flex;gap:60px;align-items:center;justify-content:space-between;
    flex-wrap:nowrap;
}
.split.reverse{
    flex-direction:row-reverse;
}
.split .text{width:48%;}
.split img{
    width:48%;border-radius:18px;box-shadow:0 8px 28px rgba(0,0,0,0.18);
}

h2{color:#C6A667;font-size:36px;font-weight:700;margin-bottom:20px;}
p{font-size:18px;color:#333;}

.btn{
    background:#C62828;color:#fff;padding:15px 32px;border-radius:10px;text-decoration:none;
    font-weight:600;display:inline-block;margin-top:20px;font-size:16px;
}

.services-section{text-align:center;}
.services-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:32px;margin-top:50px;
}
.card{
    background:#f9f9f9;padding:35px;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,0.10);
    text-align:center;
}
.card h3{color:#000;font-size:20px;margin-bottom:12px;}
.card p{font-size:16px;color:#444;}


/* ABOUT PAGE SECTIONS */
.about-hero {
    width: 100%;
    height: 260px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0.85)),
                url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1600&q=80');
    background-size: cover;
    background-position: center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-left:6%;
}
.about-hero h1 {
    color:#C6A667;
    font-size:48px;
    font-weight:700;
}
.breadcrumb {
    color:#eee;
    margin-top:10px;
    font-size:16px;
}

.about-cards {
    padding:70px 6%;
    display:flex;
    gap:30px;
    justify-content:center;
}
.about-card {
    background:#fff;
    padding:35px;
    border-radius:14px;
    box-shadow:0 4px 18px rgba(0,0,0,0.12);
    width:30%;
    text-align:center;
}
.about-card h3 {
    color:#C6A667;
    margin-bottom:15px;
}
.about-card p {
    color:#333;
    font-size:16px;
    line-height:1.7;
}

/* simple line icons */
.icon {
    font-size:48px;
    color:#000;
    margin-bottom:15px;
}

.stats-section {
    padding:90px 6%;
    background:#000;
    text-align:center;
    color:#fff;
}
.stats-section h2 {
    color:#C6A667;
    font-size:38px;
    margin-bottom:40px;
}
.stats-grid {
    display:grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    gap:35px;
}
.stat {
    background:#0d0d0d;
    padding:30px;
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,0.4);
}
.stat .num {
    font-size:40px;
    color:#C6A667;
    font-weight:700;
}
.stat .label {
    font-size:16px;
    margin-top:8px;
    color:#eee;
}


.industry-card {
  width: 22%;
  min-width: 220px;
  background:#fff;
  padding:35px;
  text-align:center;
  border-radius:12px;
  box-shadow:0 5px 20px rgba(0,0,0,0.12);
}
.industry-card h3 {
  margin-bottom:15px;
  color:#C6A667;
  font-weight:700;
}
.gold-icon {
  font-size:50px;
  color:#C6A667;
}
.industry-card.dark {
  background:#111;
  color:white;
}
.industry-card.dark h3 { color:white; }

