/* 1. Common Settings for ALL pages (Fixed and Centered) */
body.home-page, 
body.contact-page, 
body.services-page, 
body.career-page {
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-color: #f4f4f4 !important; /* Shows while image loads */
}

/* 2. Specific Image Assignments */
body.home-page     { background-image: url('../images/bg-home.png') !important; }
body.contact-page  { background-image: url('../images/bg-contact.png') !important; }
body.services-page { background-image: url('../images/bg-services.png') !important; }
body.career-page   { background-image: url('../images/bg-career.png') !important; }

/* 3. The "Cure" for the Home Page (Making sections transparent) */
.home-page .hero, 
.home-page .why-us {
    background: transparent !important;
}

/* Change Text Color to Dark Blue and Bold for Home Page */
.home-page .hero h2, 
.home-page .hero p, 
.home-page .why-us h3 {
    color: #003366 !important; /* Professional Dark Blue */
    font-weight: bold !important;
}

/* Make View Services button orange like the Consultation button */
.home-page .hero-buttons .btn-secondary {
    background-color: #d97706 !important; /* Matching Orange */
    border-color: #d97706 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

/* Hover effect for the new orange button */
.home-page .hero-buttons .btn-secondary:hover {
    background-color: #b45309 !important; /* Slightly darker orange on hover */
    border-color: #b45309 !important;
}
.home-page .service-link h4 {
    color: #003366 !important;
    font-weight: bold !important;
}
/* Bold and Animated Footer Links */
.footer-links ul li a {
    font-weight: bold !important;
    display: inline-block;
    transition: all 0.3s ease; /* Smooth transition for the animation */
    color: #ccc; /* Initial subtle grey */
    text-decoration: none;
}

/* Hover Animation: Changes color and moves slightly to the right */
.footer-links ul li a:hover {
    color: #d97706 !important; /* Civex Orange */
    transform: translateX(5px); /* Animation: moves 5px to the right */
}

/* Bold Copyright Text */
.footer-bottom {
    font-weight: bold !important;
    color: #ffffff;
    padding: 20px 0;
}