/* HOME PAGE SHOWCASE */
#comp-left-1,
#comp-left-2,
#comp-right-1,
#comp-right-2,
#comp-left-1_tree,
#comp-left-1_char1,
#comp-left-1_char2,
#comp-left-2_build,
#comp-left-2_char,
#comp-right-1-2,
#comp-right-1_build,
#comp-right-1_char1,
#comp-right-2_char2,
#comp-right-2_char1,
#comp-right-1_char2,
#boat,
#Fish3,
#Fish2,
#Fish1,
#dog,
#comp-right-3_lines {
  opacity: 0;
  transition: all 1s;
  -webkit-transition: all 1s;
}

.fadein {
  opacity: 1 !important;
}

.fadeout {
  opacity: 0 !important;
}

.fadeup {
  animation: fadeup 0.5s forwards ease-out;
  -webkit-animation: fadeup 0.5s forwards ease-out;
}

.fadeRight {
  animation: fadeRight 0.5s forwards ease-out;
  -webkit-animation: fadeRight 0.5s forwards ease-out;
}

/* 1s = duration, 2s = delay, 3 = iterations. */
@keyframes fadeup {
  0% {
    opacity: 0;
    transform: translatey(30%);
    -webkit-transform: translatey(30%);
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeup {
  0% {
    opacity: 0;
    transform: translatey(30%);
    -webkit-transform: translatey(30%);
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translatex(30%);
    -webkit-transform: translatex(30%);
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translatex(30%);
    -webkit-transform: translatex(30%);
  }

  100% {
    opacity: 1;
  }
}

/*plane animation*/
#flight {
  animation: flight 40s forwards infinite linear;
  -webkit-animation: flight 40s forwards infinite linear;
  transform: translate(0px, 170px);
  -webkit-transform: translate(0px, 170px);
}

#bird1 {
  position: absolute;
  z-index: 1;
  animation: iconaniUpDown 4s infinite ease-in-out;
  -webkit-animation: iconaniUpDown 4s infinite ease-in-out;
  transform-origin: center center;
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
}

#bird2 {
  position: absolute;
  z-index: 1;
  animation: iconaniUpDown 4s infinite ease-in-out;
  -webkit-animation: iconaniUpDown 4s infinite ease-in-out;
  transform-origin: center center;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}

#bird3 {
  position: absolute;
  z-index: 1;
  animation: iconaniUpDown 4s infinite ease-in-out;
  -webkit-animation: iconaniUpDown 4s infinite ease-in-out;
  transform-origin: center center;
  animation-delay: 3s;
  -webkit-animation-delay: 3s;
}

@keyframes flight {
  to {
    transform: translate(100%, 0px);
    -webkit-transform: translate(100%, 0px);
  }
}

@-webkit-keyframes flight {
  to {
    transform: translate(100%, 0px);
    -webkit-transform: translate(100%, 0px);
  }
}

#boat {
  opacity: 1;
  animation: boat 20s forwards infinite linear;
  -webkit-animation: boat 20s forwards infinite linear;
}

@keyframes boat {
  0% {
    transform: translate(16%, -10px);
    -webkit-transform: translate(16%, -10px);
  }

  20% {
    transform: translate(8%, 10px);
    -webkit-transform: translate(8%, 10px);
  }

  40% {
    transform: translate(4%, -10px);
    -webkit-transform: translate(4%, -10px);
  }

  60% {
    transform: translate(-0%, 10px);
    -webkit-transform: translate(-0%, 10px);
  }

  80% {
    transform: translate(-4%, -10px);
    -webkit-transform: translate(-4%, -10px);
  }

  90% {
    opacity: 1;
  }

  100% {
    transform: translate(-12%, 20px);
    -webkit-transform: translate(-12%, 10px);
    opacity: 0;
  }
}

@-webkit-keyframes boat {
  0% {
    transform: translate(16%, -10px);
    -webkit-transform: translate(16%, -10px);
  }

  20% {
    transform: translate(8%, 10px);
    -webkit-transform: translate(8%, 10px);
  }

  40% {
    transform: translate(4%, -10px);
    -webkit-transform: translate(4%, -10px);
  }

  60% {
    transform: translate(-0%, 10px);
    -webkit-transform: translate(-0%, 10px);
  }

  80% {
    transform: translate(-4%, -10px);
    -webkit-transform: translate(-4%, -10px);
  }

  90% {
    opacity: 1;
  }

  100% {
    transform: translate(-12%, 20px);
    -webkit-transform: translate(-12%, 10px);
    opacity: 0;
  }
}

#Fish3,
#wave-2 {
  animation: fish 30s forwards infinite linear;
  -webkit-animation: fish 30s forwards infinite linear;
}

#Fish1,
#wave-1 {
  animation: fish 50s forwards infinite linear;
  -webkit-animation: fish 50s forwards infinite linear;
}

#Fish2 {
  animation: fish 70s forwards infinite linear;
  -webkit-animation: fish 70s forwards infinite linear;
}

@keyframes fish {
  0% {
    opacity: 1;
    transform: translate(20%, 0px);
    -webkit-transform: translate(20%, 0px);
  }

  90% {
    opacity: 1;
  }

  100% {
    transform: translate(-10%, 0px);
    -webkit-transform: translate(-10%, 0px);
    opacity: 0;
  }
}

@-webkit-keyframes fish {
  0% {
    opacity: 1;
    transform: translate(20%, 0px);
    -webkit-transform: translate(20%, 0px);
  }

  90% {
    opacity: 1;
  }

  100% {
    transform: translate(-10%, 0px);
    -webkit-transform: translate(-10%, 0px);
    opacity: 0;
  }
}

#comp-right-3_lines {
  -webkit-animation: comp-right-3_lines 10s 0s alternate infinite linear;
  animation: comp-right-3_lines 10s 0s alternate infinite linear;
  transform: translate(-40px, 0px);
  -webkit-transform: translate(-40px, 0px);
}

@keyframes comp-right-3_lines {
  to {
    transform: translate(250px, 0px);
    -webkit-transform: translate(250px, 0px);
  }
}

@-webkit-keyframes comp-right-3_lines {
  to {
    transform: translate(250px, 0px);
    -webkit-transform: translate(250px, 0px);
  }
}

/* OUR CLIENTS */
.map-highlights-head {
  margin: 0px;
}

.map-highlights-content {
  width: 100%;
}

.map-highlights-content li {
  min-height: 90px;
}

.map-highlights-image {
  display: none;
}

/* ABOUT US */

#flame1_tail3,
#flame2_tail1 {
  opacity: 0;
  animation: flame 4s forwards infinite linear;
  -webkit-animation: flame 4s forwards infinite linear;
}

#flame1_tail2,
#flame2_tail3 {
  animation: flame 2s forwards infinite linear;
  -webkit-animation: flame 2s forwards infinite linear;
}

#flame1_tail1,
#flame2_tail2 {
  animation: flame 3s forwards infinite linear;
  -webkit-animation: flame 3s forwards infinite linear;
}

@keyframes flame {
  0% {
    opacity: 0;
    transform: translate(0px, 20px);
    -webkit-transform: translate(0px, 20px);
  }

  30% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    transform: translate(0px, -80px);
    -webkit-transform: translate(0px, -80px);
    opacity: 0;
  }
}

@-webkit-keyframes flame {
  0% {
    opacity: 0;
    transform: translate(0px, 20px);
    -webkit-transform: translate(0px, 20px);
  }

  30% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    transform: translate(0px, -80px);
    -webkit-transform: translate(0px, -80px);
    opacity: 0;
  }
}

#flame1_m {
  stroke-dasharray: 3;
  animation: fire 1s ease-out infinite alternate;
  -webkit-animation: fire 1s ease-out infinite alternate;
}

@keyframes fire {
  100% {
    stroke-dashoffset: 100;
    d: path('M475.26,705.49c-.25.22-.77-.16-.91-.33s.11-.81.25-1.06c2.63-4.54,3.25-8.55,1.55-13.64-1.16-3.5-3.53-6.49-5.95-9.36-.34-.4-.92-1-1.24-1.5a8.44,8.44,0,0,0-1.32,4.09c-.34,2.37-.56,4.29-.95,6.45a4.52,4.52,0,0,1-.34,1.21c-.31.34-.62.76-.91.72s-.43-.77-.58-.94,0,0-.14-.26a9.34,9.34,0,0,1-.4-1c-.12-.32-.11-.36-.3-.8s-.58-1.4-.8-1.93c-.19.39-.54,1.13-.67,1.52-1.63,4.94-.2,9.88,1.76,14.23.61,1.33.53,1.65-.06,2.08s-.43.14-.81.11-.71-.63-.92-.83a5.45,5.45,0,0,1-.43-.47c-2.74-3.17-5.3-5.43-7.39-9.31-2.46-4.56-2.94-8.54-.28-13.55a24.21,24.21,0,0,1,4.31-5.74c2.53-2.59,5-6.32,7.88-9a39.38,39.38,0,0,1,6.46-4.73l2-1.18c.56-.32,1.18-.53,1.56-.29a1,1,0,0,1,.4.92c0,.3.37,1.12.29,1.46-1.86,8.88-.83,13,3.08,19.31,6,9.76,3.72,14.19-.36,21C478.4,705.34,477.06,703.9,475.26,705.49Z');
  }
}

@-webkit-keyframes fire {
  100% {
    stroke-dashoffset: 100;
    d: path('M475.26,705.49c-.25.22-.77-.16-.91-.33s.11-.81.25-1.06c2.63-4.54,3.25-8.55,1.55-13.64-1.16-3.5-3.53-6.49-5.95-9.36-.34-.4-.92-1-1.24-1.5a8.44,8.44,0,0,0-1.32,4.09c-.34,2.37-.56,4.29-.95,6.45a4.52,4.52,0,0,1-.34,1.21c-.31.34-.62.76-.91.72s-.43-.77-.58-.94,0,0-.14-.26a9.34,9.34,0,0,1-.4-1c-.12-.32-.11-.36-.3-.8s-.58-1.4-.8-1.93c-.19.39-.54,1.13-.67,1.52-1.63,4.94-.2,9.88,1.76,14.23.61,1.33.53,1.65-.06,2.08s-.43.14-.81.11-.71-.63-.92-.83a5.45,5.45,0,0,1-.43-.47c-2.74-3.17-5.3-5.43-7.39-9.31-2.46-4.56-2.94-8.54-.28-13.55a24.21,24.21,0,0,1,4.31-5.74c2.53-2.59,5-6.32,7.88-9a39.38,39.38,0,0,1,6.46-4.73l2-1.18c.56-.32,1.18-.53,1.56-.29a1,1,0,0,1,.4.92c0,.3.37,1.12.29,1.46-1.86,8.88-.83,13,3.08,19.31,6,9.76,3.72,14.19-.36,21C478.4,705.34,477.06,703.9,475.26,705.49Z');
  }
}

#flame2_m {
  stroke-dasharray: 3;
  animation: fire2 1s ease-out infinite alternate;
  -webkit-animation: fire2 1s ease-out infinite alternate;
}

@keyframes fire2 {
  100% {
    stroke-dashoffset: 100;
    d: path('M1441.69,626.32c-.26.16-.78-.22-.9-.4s.23-.79.42-1c3.42-3.64,3.47-7.68,2.42-12.07a14.74,14.74,0,0,0-3-6.48c-.24-.33-.84-1-1.16-1.38a11.39,11.39,0,0,1-1.19,4c-.89,2-1.41,3.51-2.21,5.34a3.21,3.21,0,0,1-.63,1c-.43.28-.94.57-1.28.47s-.39-.74-.54-.92,0,0-.13-.25a5.33,5.33,0,0,1-.29-1c-.07-.3-.07-.32-.17-.73s-.33-1.3-.45-1.79c-.34.29-.9.82-1.2,1.12-3.79,3.73-4.46,8.22-.62,11.69,1.18,1.06,1.14,1.16.84,1.85s-.33.34-.67.5-.9-.29-1.16-.36a4.78,4.78,0,0,1-.6-.23c-3.79-1.68-7.09-3.84-7.91-8.13-1-5,1.07-9.62,3.63-14a33.9,33.9,0,0,1,3.51-4.64c2.2-2.7,3.85-7.8,6.37-10.9A12.24,12.24,0,0,1,1441,584a11.35,11.35,0,0,1,2.21-.35c.63,0,1.26.05,1.5.41s0,.63-.14.92-.21.91-.49,1.24c-7,8.59-.13,12.54,3,18,4.83,8.52,4.23,14-.25,19.77C1445,626.39,1443.6,625.14,1441.69,626.32Z');
  }
}

@-webkit-keyframes fire2 {
  100% {
    stroke-dashoffset: 100;
    d: path('M1441.69,626.32c-.26.16-.78-.22-.9-.4s.23-.79.42-1c3.42-3.64,3.47-7.68,2.42-12.07a14.74,14.74,0,0,0-3-6.48c-.24-.33-.84-1-1.16-1.38a11.39,11.39,0,0,1-1.19,4c-.89,2-1.41,3.51-2.21,5.34a3.21,3.21,0,0,1-.63,1c-.43.28-.94.57-1.28.47s-.39-.74-.54-.92,0,0-.13-.25a5.33,5.33,0,0,1-.29-1c-.07-.3-.07-.32-.17-.73s-.33-1.3-.45-1.79c-.34.29-.9.82-1.2,1.12-3.79,3.73-4.46,8.22-.62,11.69,1.18,1.06,1.14,1.16.84,1.85s-.33.34-.67.5-.9-.29-1.16-.36a4.78,4.78,0,0,1-.6-.23c-3.79-1.68-7.09-3.84-7.91-8.13-1-5,1.07-9.62,3.63-14a33.9,33.9,0,0,1,3.51-4.64c2.2-2.7,3.85-7.8,6.37-10.9A12.24,12.24,0,0,1,1441,584a11.35,11.35,0,0,1,2.21-.35c.63,0,1.26.05,1.5.41s0,.63-.14.92-.21.91-.49,1.24c-7,8.59-.13,12.54,3,18,4.83,8.52,4.23,14-.25,19.77C1445,626.39,1443.6,625.14,1441.69,626.32Z');
  }
}

#flag {
  stroke-dasharray: 3;
  /*   transition: dash 3s; */
  animation: flag 2s ease-out infinite alternate;
  -webkit-animation: flag 2s ease-out infinite alternate;
}

@keyframes flag {
  25% {
    d: path('M1718.68,87.66c.17,0,.35.12.51.14,3,.45,4.73-.72,7.21-2,5.54-2.93,9.37-.5,15.28-1.19s7.48-2.52,13.67,1.63c2.29,1.54,6.55,2.23,9.56,2.89.32.07,1.12.13,1.47.21-6.93-14.5-13.82-16.67,4.09-26.65-.12-.12-.53-.39-.67-.51-2.65-2.28-8.52-4.74-11.14-5.45-5.84-1.57-9.29-2.94-15-2.82s-11.94,2.77-17.56,4.47a12.64,12.64,0,0,1-6.61.34c-.24,0-.68-.22-.94-.29C1718,68.38,1717.47,77.69,1718.68,87.66Z');
  }

  50% {
    d: path('M1768.92,87.48l-.5.18a21.49,21.49,0,0,1-7.23,1.22c-5.63,0-11-2-16.69-4.1s-11.82-4.39-18.15-4.39a25.27,25.27,0,0,0-6.79.9l-1,.26v-29l.51-.18a21.55,21.55,0,0,1,7.24-1.23c5.64,0,11,2,16.71,4.11s11.82,4.39,18.14,4.39a25.17,25.17,0,0,0,6.77-.9l1-.26Z');
  }

  75% {
    d: path('M1718.68,87.66c.17,0,.35.12.51.14,3,.45,4.73-.72,7.21-2,5.54-2.93,9.37-.5,15.28-1.19s7.48-2.52,13.67,1.63c2.29,1.54,6.55,2.23,9.56,2.89.32.07,1.12.13,1.47.21-6.93-14.5-13.82-16.67,4.09-26.65-.12-.12-.53-.39-.67-.51-2.65-2.28-8.52-4.74-11.14-5.45-5.84-1.57-9.29-2.94-15-2.82s-11.94,2.77-17.56,4.47a12.64,12.64,0,0,1-6.61.34c-.24,0-.68-.22-.94-.29C1718,68.38,1717.47,77.69,1718.68,87.66Z');
  }

  100% {
    stroke-dashoffset: 100;
    d: path('M1768.92,87.48l-.5.18a21.49,21.49,0,0,1-7.23,1.22c-5.63,0-11-2-16.69-4.1s-11.82-4.39-18.15-4.39a25.27,25.27,0,0,0-6.79.9l-1,.26v-29l.51-.18a21.55,21.55,0,0,1,7.24-1.23c5.64,0,11,2,16.71,4.11s11.82,4.39,18.14,4.39a25.17,25.17,0,0,0,6.77-.9l1-.26Z');
  }
}

@-webkit-keyframes flag {
  25% {
    d: path('M1718.68,87.66c.17,0,.35.12.51.14,3,.45,4.73-.72,7.21-2,5.54-2.93,9.37-.5,15.28-1.19s7.48-2.52,13.67,1.63c2.29,1.54,6.55,2.23,9.56,2.89.32.07,1.12.13,1.47.21-6.93-14.5-13.82-16.67,4.09-26.65-.12-.12-.53-.39-.67-.51-2.65-2.28-8.52-4.74-11.14-5.45-5.84-1.57-9.29-2.94-15-2.82s-11.94,2.77-17.56,4.47a12.64,12.64,0,0,1-6.61.34c-.24,0-.68-.22-.94-.29C1718,68.38,1717.47,77.69,1718.68,87.66Z');
  }

  50% {
    d: path('M1768.92,87.48l-.5.18a21.49,21.49,0,0,1-7.23,1.22c-5.63,0-11-2-16.69-4.1s-11.82-4.39-18.15-4.39a25.27,25.27,0,0,0-6.79.9l-1,.26v-29l.51-.18a21.55,21.55,0,0,1,7.24-1.23c5.64,0,11,2,16.71,4.11s11.82,4.39,18.14,4.39a25.17,25.17,0,0,0,6.77-.9l1-.26Z');
  }

  75% {
    d: path('M1718.68,87.66c.17,0,.35.12.51.14,3,.45,4.73-.72,7.21-2,5.54-2.93,9.37-.5,15.28-1.19s7.48-2.52,13.67,1.63c2.29,1.54,6.55,2.23,9.56,2.89.32.07,1.12.13,1.47.21-6.93-14.5-13.82-16.67,4.09-26.65-.12-.12-.53-.39-.67-.51-2.65-2.28-8.52-4.74-11.14-5.45-5.84-1.57-9.29-2.94-15-2.82s-11.94,2.77-17.56,4.47a12.64,12.64,0,0,1-6.61.34c-.24,0-.68-.22-.94-.29C1718,68.38,1717.47,77.69,1718.68,87.66Z');
  }

  100% {
    stroke-dashoffset: 100;
    d: path('M1768.92,87.48l-.5.18a21.49,21.49,0,0,1-7.23,1.22c-5.63,0-11-2-16.69-4.1s-11.82-4.39-18.15-4.39a25.27,25.27,0,0,0-6.79.9l-1,.26v-29l.51-.18a21.55,21.55,0,0,1,7.24-1.23c5.64,0,11,2,16.71,4.11s11.82,4.39,18.14,4.39a25.17,25.17,0,0,0,6.77-.9l1-.26Z');
  }
}

/* CUSTOM STYLE FOR SHOWCASE ANIMATON */
#home-showcase .home-heading {
  position: absolute;
  left: 0%;
  right: 0%;
  margin: 0;
  top: 13%;
}

#home-showcase svg {
  width: 110%;
  margin-left: -5%;
}

.about-showcase svg {
  width: 100%;
  margin-left: 0;
}

.about-showcase-heading,
.platform-showcase-heading,
.career-showcase-heading,
.team-showcase-heading,
.contact-showcase-heading,
.investors-showcase-heading {
  position: absolute !important;
  top: 100px;
  left: 17%;
  z-index: 5;
}

.about-showcase-heading,
.investors-showcase-heading,
.platform-showcase-heading {
  top: 160px;
}

.career-showcase-heading {
  top: 90px;
}

.showcaseContainer {
  position: relative;
}

.showcase-bg {
  position: relative;
  width: 100%;
  height: auto;
}

.iconani {
  position: absolute;
  z-index: 1;
  animation: iconPulse 2s infinite ease-in-out 1s;
  -webkit-animation: iconPulse 2s infinite ease-in-out 1s;
  transform-origin: center center;
}

@keyframes iconPulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.5;
  }

  50% {
    transform: scale(1.13);
    opacity: 1;
  }
}

@-webkit-keyframes iconPulse {
  0%,
  100% {
    -webkit-transform: scale(1);
    opacity: 0.5;
  }

  50% {
    -webkit-transform: scale(1.13);
    opacity: 1;
  }
}

.iconaniUpDown {
  position: absolute;
  z-index: 1;
  animation: iconaniUpDown 4s infinite ease-in-out;
  -webkit-animation: iconaniUpDown 4s infinite ease-in-out;
  transform-origin: center center;
}

@keyframes iconaniUpDown {
  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translate(0px, -20px);
  }
}

@-webkit-keyframes iconaniUpDown {
  0%,
  100% {
    -webkit-transform: translateY(0px);
  }

  50% {
    -webkit-transform: translate(0px, -20px);
  }
}

.delay2 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.delay3 {
  animation-delay: 3s;
  -webkit-animation-delay: 3s;
}

.delay4 {
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
}

.delay5 {
  animation-delay: 3s;
  -webkit-animation-delay: 3s;
}

/* PLATFORM PAGE */
.platformiconani1 {
  width: 2.1%;
  left: 6.1%;
  top: 78.5%;
}

.platformiconani2 {
  width: 2.3%;
  left: 11.3%;
  top: 83.8%;
}

.platformiconani3 {
  width: 3.6%;
  left: 21.2%;
  top: 83%;
}

.platformiconani4 {
  width: 2.2%;
  left: 57.8%;
  top: 76.9%;
  position: absolute;
  z-index: 1;
  transform-origin: center center;
  animation: starRotate 10s infinite linear;
  -webkit-animation: starRotate 10s infinite linear;
}

@keyframes starRotate {
  0% {
    transform: rotate(0deg) scale(0.5);
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  50% {
    transform: rotate(360deg) scale(1.14);
  }

  75% {
    opacity: 1;
  }

  100% {
    transform: rotate(0deg) scale(0.5);
    opacity: 0;
  }
}

@-webkit-keyframes starRotate {
  0% {
    -webkit-transform: rotate(0deg) scale(0.5);
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  50% {
    -webkit-transform: rotate(360deg) scale(1.14);
  }

  75% {
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(0deg) scale(0.5);
    opacity: 0;
  }
}

.platformiconani5 {
  width: 1.2%;
  left: 63.9%;
  top: 44.4%;
}

.platformiconani6 {
  width: 1.3%;
  left: 86.3%;
  top: 47.9%;
}

/* TEAM PAGE */
.teamiconani1 {
  width: 1%;
  left: 13.2%;
  top: 44.9%;
}

.teamiconani2 {
  width: 2.8%;
  left: 26.9%;
  top: 64.8%;
}

.teamiconani3 {
  width: 3.3%;
  left: 60.6%;
  top: 45.7%;
}

.teamiconani4 {
  width: 3.1%;
  left: 77.4%;
  top: 72.5%;
}

.teamiconani5 {
  width: 2.2%;
  left: 80.2%;
  top: 36.6%;
}

/* CAREER PAGE */
.careericonani1 {
  position: absolute;
  z-index: 1;
  width: 3.5%;
  left: 23%;
  top: 83.9%;
  width: 100%;
  left: 0;
  top: 0;
}

.careericonani3 {
  width: 0.6%;
  left: 78.4%;
  top: 60.7%;
}

.careericonani4 {
  position: absolute;
  z-index: 1;
  width: 1.4%;
  left: 93.7%;
  top: 54.5%;
}

.careernumberContainer {
  position: absolute;
  z-index: 1;
  width: 3.5%;
  left: 23%;
  top: 83.9%;
  height: 0px;
  overflow: hidden;
  animation: careernumber 6s infinite ease-in-out;
  -webkit-animation: careernumber 6s infinite ease-in-out;
}

@keyframes careernumber {
  25% {
    height: 10px;
  }

  50% {
    height: 21px;
  }

  75% {
    height: 31px;
  }

  100% {
    height: 43px;
  }
}

@-webkit-keyframes careernumber {
  25% {
    height: 10px;
  }

  50% {
    height: 21px;
  }

  75% {
    height: 31px;
  }

  100% {
    height: 43px;
  }
}

.careerbellContainer {
  position: absolute;
  z-index: 1;
  width: 1.6%;
  left: 50.5%;
  top: 38.4%;
  height: 100%;
}

.careericonani2 {
  position: absolute;
  z-index: 1;
  width: 89%;
  left: 0;
  top: 0;
}

.careericonani2-1 {
  position: absolute;
  z-index: 1;
  top: 13.5%;
  width: 100%;
  left: -1px;
}

.careerbell {
  animation: careerbell 3s infinite ease-in-out 1s;
  -webkit-animation: careerbell 3s infinite ease-in-out 1s;
  transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
}

.careerbell2-1 {
  animation: careerbell2 3s infinite ease-in-out 1s;
  -webkit-animation: careerbell2 3s infinite ease-in-out 1s;
  transform-origin: center center;
  transform-origin: 50% 0%;
}

@keyframes careerbell2 {
  0%,
  50%,
  100% {
    transform: scale(1);
    opacity: 0;
  }

  25%,
  75% {
    transform: scale(1.2);
    opacity: 1;
  }
}

@-webkit-keyframes careerbell2 {
  0%,
  50%,
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }

  25%,
  75% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
}

@keyframes careerbell {
  0%,
  50%,
  100% {
    transform: rotateZ(0);
  }

  25% {
    transform: rotateZ(15deg);
  }

  75% {
    transform: rotateZ(-15deg);
  }
}

@-webkit-keyframes careerbell {
  0%,
  50%,
  100% {
    -webkit-transform: rotateZ(0);
  }

  25% {
    -webkit-transform: rotateZ(15deg);
  }

  75% {
    -webkit-transform: rotateZ(-15deg);
  }
}

.careerball {
  animation: careerball 5s infinite linear;
  -webkit-animation: careerball 5s infinite linear;
}

@keyframes careerball {
  0% {
    transform: translate(90%, 50%);
  }

  50% {
    transform: translate(-60%, -10%) rotate(-180deg);
  }

  100% {
    transform: translate(90%, 50%);
  }
}

@-webkit-keyframes careerball {
  0% {
    -webkit-transform: translate(90%, 50%);
  }

  50% {
    -webkit-transform: translate(-60%, -10%) rotate(-180deg);
  }

  100% {
    -webkit-transform: translate(90%, 50%);
  }
}

/* INVESTORS PAGES */
.investorsiconani1 {
  width: 4.1%;
  left: 26.5%;
  top: 80.2%;
}

.investorsiconani2 {
  width: 2.2%;
  left: 30.3%;
  top: 45.9%;
}

.investorsiconani3 {
  width: 2.4%;
  left: 31%;
  top: 51.3%;
}

.investorsiconani4 {
  width: 4.9%;
  left: 83.5%;
  top: 23.2%;
}

.investorsiconani5 {
  width: 4.2%;
  left: 91.7%;
  top: 30.8%;
}

.investorsiconani6 {
  width: 7.8%;
  left: 91.7%;
  top: 11.8%;
}

.investorsiconani-fan {
  width: 3.2%;
  left: 50.3%;
  top: 33.8%;
  position: absolute;
  transform-origin: center center;
  z-index: 1;
  animation: fan 8s infinite linear;
  -webkit-animation: fan 8s infinite linear;
}

@keyframes fan {
  0% {
    transform: rotate(0deg);
  }

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

@-webkit-keyframes fan {
  0% {
    -webkit-transform: rotate(0deg);
  }

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

/* RESPONSIVE */
@media screen and (max-width: 1024px) {
  .showcaseContainer {
    width: 160%;
    z-index: 0;
    top: -130px;
    right: 40%;
  }

  .showcaseContainerAbout,
  .showcaseContainerPlatform,
  .showcaseContainerCareer,
  .showcaseContainerTeams,
  .showcaseContainerInvestors {
    width: 140%;
    top: -110px;
    right: 40%;
    height: 490px;
  }

  .about-showcase-heading,
  .platform-showcase-heading,
  .career-showcase-heading,
  .team-showcase-heading,
  .contact-showcase-heading,
  .investors-showcase-heading {
    position: unset !important;
    margin: 60px 0 0 0;
    text-align: center;
  }

  .about-showcase-heading h3,
  .platform-showcase-heading h3,
  .platform-showcase-heading div,
  .career-showcase-heading h3,
  .career-showcase-heading .subtitle,
  .team-showcase-heading h3,
  .contact-showcase-heading h3,
  .team-showcase-heading .subtitle,
  .investors-showcase-heading h3 {
    text-align: center !important;
  }

  .map-highlights-content {
    padding: 0px 0px 10px 10px;
  }

  .map-highlights-content li {
    min-height: 0px;
  }

  .map-highlights-head {
    margin: 0 0 10px 0;
  }

  .map-highlights-head:before {
    position: absolute;
    content: '+';
    right: 0px;
    top: 10px;
    width: 30px;
    height: 30px;
  }

  .map-highlights-head.active:before {
    content: '-';
  }

  .map-highlights-head {
    background: var(--gray1);
    position: relative;
  }

  .map-highlights-head.active {
    background: var(--orange);
    color: #ffffff !important;
  }

  .map-highlights-head.active h3 {
    color: #ffffff !important;
  }

  .map-highlights-head h3 {
    font-size: 22px !important;
    padding: 4px 0 0px 10px !important;
    line-height: unset !important;
    font-weight: 500 !important;
  }

  .map-highlights-image {
    display: block;
    margin: 20px !important;
  }
}

@media screen and (max-width: 768px) {
  #flight {
    animation: flight 30s forwards infinite linear;
    -webkit-animation: flight 30s forwards infinite linear;
    transform: translate(50%, 200px);
    -webkit-transform: translate(50%, 200px);
  }

  #home-showcase .home-heading {
    top: 120px;
    padding: 10px;
  }

  #home-showcase svg {
    width: 300%;
    margin: 250px 0 0 -10%;
  }

  .about-showcase svg {
    width: 300%;
    margin: 240px 0 0 -190%;
    margin: 140px 0 0 -190%;
  }

  .showcaseContainer {
    width: 300%;
    top: -50px;
    right: 162%;
  }

  .showcaseContainerAbout {
    width: 100%;
    top: -110px;
    right: -40%;
    height: unset;
  }

  .about-showcase-heading h3,
  .platform-showcase-heading h3,
  .platform-showcase-heading div,
  .career-showcase-heading h3,
  .team-showcase-heading h3,
  .investors-showcase-heading h3,
  .contact-showcase-heading h3 {
    font-size: 26px;
  }

  .career-showcase-heading .subtitle {
    font-size: 20px !important;
    line-height: 24px !important;
  }

  .about-showcase-heading,
  .platform-showcase-heading,
  .career-showcase-heading,
  .team-showcase-heading,
  .investors-showcase-heading,
  .contact-showcase-heading {
    position: absolute !important;
    top: 90px;
    left: 5%;
    z-index: 5;
    width: 95% !important;
    margin: 0;
    text-align: center;
  }

  .showcaseContainerPlatform,
  .showcaseContainerCareer,
  .showcaseContainerTeams,
  .showcaseContainerInvestors {
    width: 390%;
    top: 0px;
    right: 0;
    height: auto;
  }
  .showcaseContainerContact {
    width: 430%;
    height: 100%;
    max-width: fit-content;
  }
  .showcaseContainerPlatform {
    right: 11%;
  }

  .showcaseContainerCareer {
    right: 150%;
    top: 26px;
  }

  .showcaseContainerTeams {
    right: 284%;
    top: 30px;
  }

  .showcaseContainerInvestors {
    right: 150%;
  }
}