.overlay-text-wrap {
  text-wrap: nowrap;
  font-family: 'Ginger';
}

.image-overlay small {
  font-size: 20px;
}

.overlay-text-small {
  text-align: center;
}

.header-wrapper {
  position: relative;
  height: 778px;
  overflow: hidden;
}

main {
  display: flex;
  flex-direction: column;

  background-color: #fffaf1;
  /* gap: 72px; */
}

#ciclo {
  display: flex;
  align-items: center;
  flex-direction: column;

  /* gap: 74px; */
  padding: 55px 16% 55px 16%;
}

.ciclo-info {
  padding: 0px 42px 0px 42px;
  gap: 98px;

  border-radius: 38px;
  color: #003a66;

  font-size: 18px;
}

#tag {
  display: flex;
  align-items: center;
  flex-direction: column;

  /* gap: 74px; */
  padding: 55px 16% 55px 16%;

  background-color: white;
}

#tag-orientacoes {
  margin-top: 48px;
}

.tag-info {
  padding: 0px 42px 0px 42px;
  gap: 98px;

  border-radius: 38px;
  color: #003a66;

  font-size: 18px;
}

.tag-ecotex-img-wrap {
  position: relative;
  width: 350px;
  height: 300px;
}

.tag-ecotex-img {
  position: absolute;
  left: 50%;
  transition: all 0.3s cubic-bezier(.4, 0, .2, 1);
  z-index: 1;
  cursor: pointer;
  border-radius: 18px;
  box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.10);
}

.tag-ecotex-img.img1 {
  top: 20px;
  transform: translateX(-90%) rotate(-15deg);
  transition: all 0.3s cubic-bezier(.4, 0, .2, 1);
  z-index: 1;
}

.tag-ecotex-img.img2 {
  top: 20px;
  transform: translateX(-10%) rotate(15deg);
  transition: all 0.3s cubic-bezier(.4, 0, .2, 1);
  z-index: 1;
}

.tag-ecotex-img.img1:hover,
.tag-ecotex-img.img2:hover {
  z-index: 2;
}

.tag-ecotex-img.img1:hover {
  transform: translateX(-90%) rotate(-25deg) scale(1.2);
}

.tag-ecotex-img.img2:hover {
  transform: translateX(-10%) rotate(25deg) scale(1.2);
}

.sobre-card {
  padding: 58px;
  padding-bottom: 40px !important;
  gap: 60px;

  border-radius: 58px !important;
  color: #003a66 !important;

  font-size: 18px;
  margin-bottom: 148px;
}

#contato a {
  font-size: 14px;
}

.sobre-card h1,
.ciclo-info h1 {
  font-family: "Ginger";
  font-size: 50px;
  font-weight: bold;
}

.sobre-card img {
  border-radius: 52px;
}

#linhas {
  display: flex;
  align-items: center;
  flex-direction: column;

  gap: 74px;
  padding: 74px 16% 0 16%;

  background: url("../images/img-bg-colorido-base-09.png");
  background-position: bottom;
  background-size: auto;
  background-repeat: no-repeat;
}

.map-top-image {
  height: 453px;

  background: url("../images/img-bg-colorido-base-09.png");
  background-position: bottom;
  background-size: auto;
  background-repeat: no-repeat;
}

#linhas .title,
#blogs .title {
  font-size: 32px;

  color: #003a66;
}

#contato {
  color: #003a66;
  position: relative;
}

.contato-form {
  position: absolute;
  top: 50px;
  width: 100%;
}

#contato h2 {
  font-family: "Ginger";
  font-size: 50px;
}

#contato form {
  color: #003a66;
}

#blogs {
  background-color: white;
  padding: 48px 0px 48px 0px;
}

#blogs .title {
  font-size: 32px;

  color: #003a66;
}

.linhas-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* permite quebrar linha */
  justify-content: center;
  align-items: stretch;
  gap: 16px;
  margin-bottom: 48px;
}

.linha {
  width: 253px;
  height: 253px;

  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;

  border-radius: 100%;
  background: #003A66;
  background: linear-gradient(180deg, rgba(0, 58, 102, 0) 0%, rgba(0, 58, 102, 1) 80%, rgba(0, 58, 102, 1) 100%);
}

.linha img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;

  transition: all 0.3s;
}

.linha .name {
  position: absolute;
  top: calc(50% - 24px);
  width: 100%;
  text-align: center;
  color: white;

  transition: all 0.3s;
}

.linha .name h2 {
  margin-bottom: 0px;
}

.linha:hover>img {
  opacity: 0.3;
}

/* .linha:hover > p {
  transform: scale(1.3);
} */

.blogs-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 25px;
  margin-bottom: 48px;
}

.blog {
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 28px;
  border-radius: 42px !important;
}

.blog .image {
  overflow: hidden;
  border-radius: 28px;
}

.blog .btn-blue {
  margin-bottom: 24px;
}

.blog img {
  width: 100%;
  object-fit: cover;
}

.blog p {
  text-align: center;
  color: #003a66;
  font-size: 21px;
  font-weight: 600;
  line-height: 24px;
}

.ciclo-gif {
  width: 50%;
  animation: giro-direita 6s linear infinite;
}

@keyframes giro-direita {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.sobre-image {
  width: 50%;
}

@media (max-width: 990px) {
  #ciclo {
    padding: 55px 2% 55px 2%;
  }

  .ciclo-info {
    gap: 52px;
    padding: 21px;
  }

  #tag {
    padding: 55px 2% 55px 2%;
  }

  #tag-orientacoes {
    margin-top: 0px;
  }

  .tag-info {
    gap: 52px;
    padding: 21px;
  }

  .sobre-card {
    padding: 21px;
  }

  .ciclo-gif {
    width: 100%;
  }

  .sobre-image {
    width: 100%;
  }
}