/*--------------------------------------------------------------
# Featured Services

--------------------------------------------------------------*/
.feature-services {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.departments {
  overflow: hidden;
}

.departments .nav-tabs {
  border: 0;
}

.departments .nav-link {
  border: 0;
  padding: 12px 15px 12px 0;
  transition: 0.3s;
  color: var(--default-color);
  border-radius: 0;
  border-right: 2px solid color-mix(in srgb, var(--default-color), transparent 90%);
  font-weight: 600;
  font-size: 15px;
}

.departments .nav-link:hover {
  color: var(--accent-color);
}

.departments .nav-link.active {
  color: var(--accent-color);
  border-color: var(--accent-color);
  background-color: var(--background-color);
}

.departments .tab-pane.active {
  animation: fadeIn 0.5s ease-out;
}

.departments .details h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

.departments .details p {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}

.departments .details p:last-child {
  margin-bottom: 0;
}

@media (max-width: 992px) {
  .departments .nav-link {
    border: 0;
    padding: 15px;
  }

  .departments .nav-link.active {
    color: white;
    background: var(--accent-color);
  }
}

.btn-color a {
  background-color: var(--accent-color);
  border: var(--accent-color);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
}

.btn-color a:hover {
  background-color: var(--secondary-color);
  border: var(--secondary-color);
  color: var(--heading-color);
}

.btn-color:active {
  border: none;
  outline: none;
}