@media (max-width: 991px) {
  .sec-arrows {
    padding-top: 0 !important;
  }
}
.sec-arrows .arrows-desktop {
  display: block;
}
@media (max-width: 991px) {
  .sec-arrows .arrows-desktop {
    display: none;
  }
}
.sec-arrows .arrows-mobile {
  display: none;
  position: relative;
}
@media (max-width: 991px) {
  .sec-arrows .arrows-mobile {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
}
.sec-arrows .arrows-mobile .bg-pink {
  height: 100%;
}
.sec-arrows .arrows-mobile .bg-pink > figure {
  height: 100%;
  width: 100vw;
}
.sec-arrows .arrows-mobile .bg-pink > figure img {
  height: 100%;
  position: relative;
  left: -40%;
}
.sec-arrows .arrows-mobile .bg-pink .yellow-arrows {
  position: absolute;
  top: 50%;
  left: 30%;
  height: 90%;
  transform: translateY(-46%);
}
.sec-arrows .arrows-mobile .bg-pink .yellow-arrows img {
  height: 90%;
  object-fit: contain;
}
.sec-arrows .arrows-mobile .pink-arrows {
  right: 2em;
  position: relative;
}
.sec-arrows .bg-pink {
  position: relative;
  z-index: 1;
}
.sec-arrows .bg-pink > div:before {
  width: 100vw;
  height: 100%;
  right: 200px;
  top: 0;
  background: #DF00E3;
  content: "";
  position: absolute;
  z-index: -1;
}
@media (max-width: 991px) {
  .sec-arrows .bg-pink > div:before {
    display: none;
  }
}
.sec-arrows .bg-pink > div:after {
  content: "";
  position: absolute;
  top: -1px;
  right: 116px;
  height: 101%;
  width: 85px;
  background-color: #DF00E3;
  clip-path: polygon(0 0, 101% 50%, 0 100%);
}
@media (max-width: 991px) {
  .sec-arrows .bg-pink > div:after {
    display: none;
  }
}
@media (max-width: 991px) {
  .sec-arrows .bg-pink > div .bg-pink > div:before, .sec-arrows .bg-pink > div .bg-pink > div:after {
    display: none;
  }
}
.sec-arrows .bg-pink .before-yellow-arrows {
  position: relative;
  display: block;
  z-index: 1;
}
@media (max-width: 991px) {
  .sec-arrows .bg-pink .before-yellow-arrows {
    right: 0.1em;
  }
}
.sec-arrows .bg-pink .before-yellow-arrows:before {
  animation: moverSeta 8s linear infinite;
  content: url("../../../../../images/yellow-arrows.png");
  position: absolute;
  right: 100px;
  width: 100%;
  bottom: -20%;
}
@media (max-width: 991px) {
  .sec-arrows .bg-pink .before-yellow-arrows:before {
    display: none;
  }
}
@media (max-width: 991px) {
  .sec-arrows .bg-pink .sec-title p {
    font-size: 20px !important;
  }
}
@media (max-width: 991px) {
  .sec-arrows .bg-pink .sec-title p strong {
    font-size: 20px;
  }
}

/*# sourceMappingURL=section-parceiros.css.map */
