/*======================================
//--//-->   SERVICES
======================================*/

#services {
  margin-top: 80px;
}

.service-box {
  background-color: var(--color-light);
  padding: 2.5rem 1.3rem;
  border-radius: 1rem;
  margin-bottom: 3rem;
}

.service-box:hover .ico-circle {
  transition: all 500ms ease;
  color: var(--color-light);
  background-color: var(--primary-color);
  box-shadow: 0 0 0 10px var(--color-grey-medium);
}

.service-box .service-ico {
  margin-bottom: 1rem;
  color: var(--secondary-text-color);
}

.service-box .ico-circle {
  transition: all 500ms ease;
  font-size: 4rem;
}

.service-box .s-title {
  font-size: 1.4rem;
  text-transform: uppercase;
  text-align: center;
  padding: .4rem 0;
}

.service-box .s-description {
  color: var(--primary-text-color);
}