.bg-primary {
  background-color: #8d2223 !important;
}



.navbar-nav .nav-link {
  color: #ffffff !important; /* or #f7f3e8, your light beige */
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover {
  color: #f7f3e8 !important; /* keep same color even when active/hover */
}
.navbar {
  background-color: #8d2223 !important; /* dark red background */
}

.service-box i,
.service-box svg {
    transition: transform 0.3s ease, color 0.3s ease;
}

.service-box i:hover,
.service-box svg:hover {
    transform: scale(1.3) rotate(10deg);
    color: #ffd700; /* optional highlight color */
}
.service-box {
    transition: transform 0.3s ease;
}

/* Hover effect for images */
.leader-card img {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    cursor: pointer;
}

.leader-card img:hover {
    transform: scale(1.05) rotate(1deg);
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

/* Optional: smooth fade-up animation with AOS */
[data-aos] {
    opacity: 0;
    transition-property: opacity, transform;
}
[data-aos].aos-animate {
    opacity: 1;
}
[data-aos="fade-up"] {
    transform: translateY(20px);
}
[data-aos="fade-up"].aos-animate {
    transform: translateY(0); }