/* RESET */
body {
    margin: 0;
    font-family: 'Segoe UI', sans-serif;
}

/* NAVBAR */
.navbar {
    background-color: #000 !important;
}

.nav-link {
    color: #ccc !important;
    margin: 0 10px;
}

.nav-link.active,
.nav-link:hover {
    color: #3dbb9b !important;
}

/* HERO */
.hero {
    background: #2f5d50 url('images/hero-bg.jpg') no-repeat center;
    background-size: cover;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero h1 {
    font-size: 60px;
}

/* ABOUT */
.about {
    background: #f5f5f5;
}

.about h2 {
    font-size: 40px;
}

.about p {
    max-width: 700px;
    margin: auto;
    color: #555;
}

.about .btn {
    background: #3dbb9b;
    border: none;
}

/* SERVICES */
.services {
    background: #000;
}

.services h2 {
    font-size: 40px;
}

.service-card {
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
}

.service-card img {
    height: 200px;
    object-fit: cover;
}

.service-card h5 {
    font-weight: bold;
}

.service-card p {
    font-size: 14px;
    color: #666;
}

/* CLIENTS */
.clients {
    background: linear-gradient(135deg, #1e3d36, #2f5d50);
}

.clients h2 {
    font-size: 32px;
}

.clients .bg-white {
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* UPLOAD */
.upload {
    background: #111;
}

/* FOOTER */
.footer {
    background: #000;
    font-size: 14px;
}