.shape-box {
  width: 100%;
}

@media screen and (min-width: 1px) {
  .item > .shape-box > svg:first-child {
    transform: scaleY(0.3);
    transform-origin: bottom;
    margin-top: -250px;
    position: relative;
    top: 10px;
    opacity: 0;
  }
  .item > .shape-box > svg:last-child {
    transform: scaleY(0.3);
    transform-origin: top;
    margin-bottom: -250px;
    position: relative;
    bottom: 4px;
    opacity: 0;
  }
}

@media screen and (min-width: 810px) {
  .item > .shape-box > svg:first-child {
    transform: scaleY(0.3);
    transform-origin: bottom;
    margin-top: -250px;
    position: relative;
    top: 10px;
    opacity: 1;
  }
  .item > .shape-box > svg:last-child {
    transform: scaleY(0.3);
    transform-origin: top;
    margin-bottom: -250px;
    position: relative;
    bottom: 4px;
    opacity: 1;
  }
}

@media screen and (min-width: 1400px) {
  .item > .shape-box > svg:first-child {
    transform: scaleY(0.3);
    transform-origin: bottom;
    margin-top: -250px;
    position: relative;
    top: 10px;
    opacity: 1;
  }
  .item > .shape-box > svg:last-child {
    transform: scaleY(0.3);
    transform-origin: top;
    margin-bottom: -250px;
    position: relative;
    bottom: 4px;
    opacity: 1;
  }
}

.inner-box {
  height: 100%;
  background-color: #ffa647;
}

svg#freepik_stories-about-us-page:not(.animated) .animable {
  opacity: 0;
}
svg#freepik_stories-about-us-page.animated #freepik--Floor--inject-3 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) zoomIn;
  animation-delay: 0s;
}
svg#freepik_stories-about-us-page.animated #freepik--Shadows--inject-3 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) zoomIn;
  animation-delay: 0s;
}
svg#freepik_stories-about-us-page.animated #freepik--Plants--inject-3 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) fadeIn,
    1.5s Infinite linear wind;
  animation-delay: 0s, 1s;
}
svg#freepik_stories-about-us-page.animated #freepik--Page--inject-3 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) fadeIn;
  animation-delay: 0s;
}
svg#freepik_stories-about-us-page.animated #freepik--character-3--inject-3 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideRight;
  animation-delay: 0s;
}
svg#freepik_stories-about-us-page.animated #freepik--character-2--inject-3 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideLeft;
  animation-delay: 0s;
}
svg#freepik_stories-about-us-page.animated #freepik--character-1--inject-3 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideLeft;
  animation-delay: 0s;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes wind {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(1deg);
  }
  75% {
    transform: rotate(-1deg);
  }
}
@keyframes slideRight {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

svg#freepik_stories-business-deal:not(.animated) .animable {
  opacity: 0;
}
svg#freepik_stories-business-deal.animated #freepik--Floor--inject-6 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) fadeIn;
  animation-delay: 0s;
}
svg#freepik_stories-business-deal.animated #freepik--Shadows--inject-6 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) fadeIn;
  animation-delay: 0s;
}
svg#freepik_stories-business-deal.animated #freepik--Briefcase--inject-6 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) fadeIn;
  animation-delay: 0s;
}
svg#freepik_stories-business-deal.animated #freepik--Chair--inject-6 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) fadeIn;
  animation-delay: 0s;
}
svg#freepik_stories-business-deal.animated #freepik--Desk--inject-6 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) fadeIn;
  animation-delay: 0s;
}
svg#freepik_stories-business-deal.animated #freepik--Characters--inject-6 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideLeft;
  animation-delay: 0s;
}
svg#freepik_stories-business-deal.animated #freepik--speech-bubble--inject-6 {
  animation: 1.5s Infinite linear wind;
  animation-delay: 0s;
}

/* fluid areas atuação*/

@media screen and (min-width: 1px) {
  .bgBackR111 {
    background-image: linear-gradient(75deg, #ff7c47 0%, #ffa647 100%);
    position: absolute;
    width: 235px;
    height: 200px;
    z-index: 20;
    transform: scale(0.8) rotate(158deg);
  }
  .move1 {
    left: -24vw;
    top: 0;
  }
}
@media screen and (min-width: 810px) {
  .bgBackR111 {
    background-image: linear-gradient(75deg, #ff7c47 0%, #ffa647 100%);
    position: absolute;
    width: 235px;
    height: 200px;
    z-index: 20;
    transform: scale(1) rotate(158deg);
  }
  .move1 {
    left: 1.5vw;
    top: 0;
  }
}
@media screen and (min-width: 1400px) {
  .bgBackR111 {
    background-image: linear-gradient(75deg, #ff7c47 0%, #ffa647 100%);
    position: absolute;
    width: 235px;
    height: 200px;
    z-index: 20;
    transform: scale(1) rotate(158deg);
  }
  .move1 {
    left: 3.5vw;
    top: 0;
  }
}
.ani1 {
  animation: bgarea11 2.8s linear 0s infinite alternate;
}
.ani2 {
  animation: bgarea12 2.8s linear 0s infinite alternate;
}
.ani3 {
  animation: bgarea13 2.8s linear 0s infinite alternate;
}
.ani4 {
  animation: bgarea14 2.7s linear 0s infinite alternate;
}
.ani5 {
  animation: bgarea15 2.8s linear 0s infinite alternate;
}
.boxlogo111 {
  height: 100%;
  width: 100%;
  background-color: #ffffff00;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  margin: auto;
  position: relative;
  z-index: 21;
  transform: rotate(-158deg) translateX(-4vw);
  padding-left: 2.5vw;
}
@keyframes bgarea11 {
  from {
    border-radius: 54% 46% 26% 74% / 66% 27% 73% 34%;
  }
  to {
    border-radius: 44% 56% 68% 32% / 56% 41% 59% 44%;
  }
}
@keyframes bgarea12 {
  from {
    border-radius: 47% 53% 68% 32% / 52% 46% 54% 48%;
  }
  to {
    border-radius: 36% 64% 50% 50% / 54% 38% 62% 46%;
  }
}
@keyframes bgarea13 {
  from {
    border-radius: 42% 58% 62% 38% / 55% 32% 68% 45%;
  }
  to {
    border-radius: 70% 30% 58% 42% / 36% 38% 62% 64%;
  }
}
@keyframes bgarea14 {
  from {
    border-radius: 44% 56% 68% 32% / 56% 41% 59% 44%;
  }
  to {
    border-radius: 54% 46% 26% 74% / 66% 27% 73% 34%;
  }
}
@keyframes bgarea15 {
  from {
    border-radius: 55% 45% 40% 60% / 65% 28% 72% 35%;
  }
  to {
    border-radius: 42% 58% 50% 50% / 55% 32% 68% 45%;
  }
}
.svgareaatuacao {
  position: relative;
  top: 3.5vh;
  left: 2.5vw;
}