@import "index/index.css";
@import "typography.css";

#banner {
  padding: 180px 0;
}

.texts-banner p {
  margin: 12px 0;
}

.phase {
  margin-bottom: 45px;
}

.image-banner img.img-fluid {
  max-width: 360px;
}

.buttons-banner a:nth-child(1) {
  margin: 0 12px 12px 0;
}

.text-about p {
  line-height: 128% !important;
}

#servicos {
  padding: 90px 0;
}

.service {
  border-radius: 16px;
  padding: 30px;
}

.title-service {
  margin-bottom: 12px;
}

.service:hover {
  box-shadow: 0px 2px 32px 0px rgba(0, 0, 0, 0.10);
}

.icon-service {
  border-radius: 7.6px;
  margin-right: 24px;
  padding: 12px;
  width: fit-content;
}

.name-service p {
  margin: 0;
}

ul.caption.poppins {
  padding: 0 16px;
}

.projects img {
  border-radius: 48px;
  max-width: 240px;
  margin: 24px;
}

#portfolio {
  padding: 90px 0;
}

#contato {
  background: #FAFAFB;
  border-radius: 7.6px;
  padding: 70px 15%;
}