.floating-shape {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  overflow: visible;
}
.floating-shape.shape-1 {
  background-image: url(../img/curves/triangulo-branco.svg);
  height: 40vh;
  width: 40vw;
  left: 0;
  bottom: 6%;
  z-index: 4;
}
@media only screen and (max-width: 1067px) {
  .floating-shape.shape-1 {
    display: none;
  }
}
.floating-shape.shape-2 {
  background-image: url(../img/curves/hexagono-oliva.svg);
  height: 45vh;
  width: 45vw;
  right: 0;
  bottom: -35%;
  background-position: right center;
}
@media only screen and (max-width: 767px) {
  .floating-shape.shape-2 {
    bottom: -14%;
  }
}
@media only screen and (max-width: 575px) {
  .floating-shape.shape-2 {
    background-image: url(../img/curves/triangulo-oliva.svg);
    background-size: 100% 100%;
    width: 52vw;
    bottom: -10%;
    height: 42%;
  }
}
.floating-shape.shape-3 {
  background-image: url(../img/curves/triangulo-oliva-segmento.svg);
  height: 40vh;
  width: 40vw;
  right: 0;
  bottom: -40%;
  background-position: right center;
}
@media only screen and (max-width: 996px) {
  .floating-shape.shape-3 {
    display: none;
  }
}
.floating-shape.shape-4 {
  background-image: url(../img/curves/circulo-branco.svg);
  height: 30vh;
  width: 30vw;
  left: 0;
  bottom: -20%;
}
@media only screen and (max-width: 996px) {
  .floating-shape.shape-4 {
    display: none;
  }
}
.floating-shape.shape-5 {
  background-image: url(../img/curves/trapezio-right-solucoes.svg);
  height: 60vh;
  width: 60vw;
  right: 0;
  bottom: -40%;
  background-position: right center;
}
@media only screen and (max-width: 996px) {
  .floating-shape.shape-5 {
    display: none;
  }
}
.floating-shape.shape-6 {
  background-image: url(../img/curves/solucoes-triangulo-verde-left.svg);
  height: 30vh;
  width: 30vw;
  left: 0;
  bottom: -20%;
}
@media only screen and (max-width: 996px) {
  .floating-shape.shape-6 {
    display: none;
  }
}