/* =========================
Global Theme Colors
========================= */
:root{
--primary:#0f172a;      /* dark navy */
--secondary:#d4af37;    /* gold */
--accent:#2563eb;       /* blue */
--light:#f8fafc;
--text:#1e293b;
}

/* =========================
Global Styles
========================= */
body{
font-family: "Segoe UI", Arial, sans-serif;
color:var(--text);
background:#ffffff;
line-height:1.6;
}

a{
text-decoration:none;
transition:0.3s;
}

a:hover{
color:var(--secondary);
}

/* =========================
Company Name
========================= */
.company-name{
font-size:1.3rem;
font-weight:700;
color:#fff;
letter-spacing:1px;
}

/* =========================
Header / Navbar
========================= */
#main-header{
position:fixed;
width:100%;
top:0;
z-index:999;
transition:0.4s;
background:transparent;
}

#main-header.scrolled{
background:var(--primary);
box-shadow:0 4px 15px rgba(0,0,0,0.2);
}

#main-header .nav-link{
color:#fff !important;
font-weight:500;
margin:0 10px;
}

#main-header .nav-link:hover{
color:var(--secondary);
}

/* =========================
Hero Section
========================= */
.hero-slide{
height:520px;
display:flex;
flex-direction:column;
justify-content:center;
padding-top:120px;
color:white;
background:linear-gradient(
rgba(15,23,42,0.7),
rgba(15,23,42,0.7)
);
}

.hero-slide h1{
font-size:2.6rem;
font-weight:700;
}

.hero-slide p{
font-size:1.2rem;
opacity:0.9;
}

/* =========================
Cards
========================= */
.card{
border:none;
border-radius:12px;
overflow:hidden;
transition:0.3s;
box-shadow:0 3px 12px rgba(0,0,0,0.08);
}

.card:hover{
transform:translateY(-8px);
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

/* =========================
Quick Links
========================= */
.quick-links{
background:var(--light);
}

.quick-links .card-title{
color:var(--primary);
font-weight:600;
}

.icon-circle{
width:70px;
height:70px;
border-radius:50%;
background:var(--secondary);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
margin:auto;
}

/* =========================
Buttons
========================= */
.btn-primary{
background:var(--secondary);
border:none;
color:#000;
font-weight:600;
}

.btn-primary:hover

/* =========================
About Section
========================= */
.about-us{
background:#f1f5f9;
}

.about-us img{
border-radius:10px;
transition:0.4s;
}

.about-us img:hover{
transform:scale(1.05);
}

/* =========================
Testimonials
========================= */
.testimonials{
background:var(--primary);
color:white;
}

.testimonial-card img{
width:90px;
height:90px;
border-radius:50%;
border:3px solid var(--secondary);
}

/* =========================
Contact Section
========================= */
.contact-us{
background:#f8fafc;
}

.contact-form button{
background:var(--primary);
border:none;
}

.contact-form button:hover{
background:var(--secondary);
color:#000;
}

/* =========================
Footer
========================= */
footer{
background:var(--primary);
color:#ccc;
}

footer a{
color:#ddd;
}

footer a:hover{
color:var(--secondary);
}

/* =========================
Responsive
========================= */
@media(max-width:768px){

.hero-slide h1{
font-size:1.9rem;
}

.hero-slide p{
font-size:1rem;
}

.company-name{
font-size:1rem;
}

}