.section__header {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: stretch;
  line-height: 1.1;
  border-radius: 4px 4px 0px 0;
  color: white;
}

.section__header-title {
  padding: 10px;
  margin: 0;
  background-color: rgb(102, 102, 102);
}

.section__header-description {
  padding: 10px;
  margin: 0;
  background-color: #b6b6b6;
}

.section__modules-inicio {
  position: relative;
  align-items: center;
  margin: 70px 0;
  padding: 35px;
  background-color: white;
  color: #444444;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.icon-inicio {
  text-decoration: none !important;
  color: #444444 !important;
}

.icon-box {
  margin: 60px 10px;
}

.icon__title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 1.8rem;
}

.modules{
  padding: 0 3rem 0 3rem;
}

@media (max-width: 480px){
  .modules{
    padding: 0 !important;
  }
}

@media (max-width: 820px){
  .modules{
    padding: 0 !important;
  }
}

.modules__item {
  display: inline-block;
  margin: 10px 20px;
  height: 100%;
  font-size: 2rem;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-radius: 4px;
  transform: translateZ(0);
  transition: 0.3s;
  transition-property: box-shadow, transform, background-color;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.modules__item:hover {
  transform: scale(1.15);
  background-color: var(--color-main);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  color: white;
}

.modules__item>i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.fa {
  font-size: 60px;
  width: 120px;
  height: 120px;
  line-height: 110px;
  text-transform: capitalize;

}

@media (max-width: 820px) {
  .section__header {
    top: -3.5rem;
  }

  .section__header-title {
    width: 6.5rem;
  }

  .section__header-description {
    width: 12rem;
  }
  .modules__item {
    margin: 0;
  }

  .icon-box {
    margin: 40px 50px;
  }
}