/* Ensure a plain white background for the whole page */
body {
    background-color: #fff; 
    color: #333; /* Default text color */
}

/* --- Navbar Styles --- */
.navbar-brand {
    font-weight: 700;
    color: #333 !important; /* Logo text color */
}
.nav-link {
    font-weight: 500;
    color: #6c757d !important; /* Menu item color */
    margin-right: 15px;
}
.nav-link.active {
    font-weight: 700;
    color: #333 !important; /* Active/Service item color */
    /* Add an optional subtle underline or background to mimic the 'Service' button shape */
    border-bottom: 2px solid #333;
    padding-bottom: 5px;
}

/* --- Hero Section Styles --- */
.hero-section {
    padding-top: 80px;
    padding-bottom: 150px;
}
.hero-heading {
    font-size: 3.5rem; /* Larger heading */
    font-weight: 800;
    color: #333;
    margin-bottom: 5px;
}
.hero-subheading {
    font-size: 1.25rem;
    font-weight: 400;
    color: #6c757d;
    letter-spacing: 5px;
    margin-bottom: 30px;
}
.hero-section p {
    color: #6c757d; 
    line-height: 1.7;
}

/* --- Button Styles --- */
.read-more-btn {
    background-color: #6c757d; /* Gray background for the button */
    border-color: #6c757d;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    font-weight: 500;
    transition: background-color 0.3s;
}
.read-more-btn:hover {
    background-color: #5a6268;
    border-color: #5a6268;
}