ul.staffing-links li {
    padding-bottom: 20px;
    text-align: left;
}
ul.staffing-links li i {
    padding-right: 12px;
    color: #45A735;
    font-size: 19px;
}

.service_tab .nav-link.active, .nav-pills .show > .nav-link{
    background-color: #45A735;
    
}
.service_head{
    color: #111111;
}

 .service_head:hover{
    color: #111111;
}

/* BVS Service section */

.tabs {
padding: 10px 20px 15px 20px; /* Increased padding */
}

.tab-links {
display: flex;
justify-content: center;
border-bottom: 1px solid #f0f0f0;
}

.tab-link {
background: none;
border: none;
font-size: 16px;
font-weight: 500;
padding: 15px 30px; /* Increased padding for spacing */
color: #ccc;
cursor: pointer;
position: relative;
transition: color 0.3s ease;
}

.tab-link.active,
.tab-link:hover {
color: #45A735; /* Gradient purple */
}

.tab-link i {
margin-right: 10px;
}

.tab-link::after {
content: '';
position: absolute;
width: 0;
height: 3px;
bottom: -1px;
left: 50%;
background: #45A735; /* Purple gradient */
transition: all 0.4s ease;
}

.tab-link.active::after {
width: 100%;
left: 0;
}

.tab-content {
display: none;
animation: fadeInUp 0.5s ease;
padding: 40px 10px 15px 10px;
}

.tab-content.active {
display: block;
}

@keyframes fadeInUp {
from {
  opacity: 0;
  transform: translateY(20px);
}
to {
  opacity: 1;
  transform: translateY(0);
}
}


/* Responsive Design */
@media screen and (max-width: 600px) {
.tab-links {
  flex-direction: column;
  align-items: center;
}

.tab-link {
  text-align: center;
  width: 100%;
  padding: 15px 0;
}
}

/* BVS Service section */
.number-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #d3d2d2;
  font-size: 25px;
  padding: 5px 10px;
  border-radius: 50%;
  font-weight: bold;
  opacity: 0.5;
}