/*--------------------------------------------------------------
# Departments
--------------------------------------------------------------*/
.departments {
  overflow: hidden;
  background: url("../img/factory.png") no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

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

.departments .nav-link {
  border: 0;
  padding: 12px 30px 12px 30px;
  transition: 0.3s;
  color: #096a39;
  border-radius: 0;
  border-bottom: 2px solid #ebf1f6;
  font-weight: 600;
  font-size: 15px;
}

.departments .nav-link:hover {
  color: #1977cc;
}

.departments .nav-link.active {
  color: #52ae31;
  border-color: #52ae31;
}

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

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

.departments .details p {
  color: #777777;
}

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

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

  .departments .nav-link.active {
    background: #55af35;
    border-bottom: 2px solid #277c52;
  }