/********************************************************/
/* Media Queries  Not necessarily correct, edit these at will*/
/********************************************************/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Roboto:wght@400;700;800&display=swap");
:root {
  --cursor-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26' height='31' fill='none'  x='0px' y='0px' viewBox='0 0 460.8 470.4' style='enable-background:new 0 0 460.8 470.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2319173A;%7D .st1%7Bfill:url(%23SVGID_1_);%7D .st2%7Bfill:%234E327A;%7D .st3%7Bfill:%23FC9103;%7D .st4%7Bfill:%23FCC903;%7D .st5%7Bfill:url(%23SVGID_00000093861890837607346710000009026511267769694644_);%7D .st6%7Bfill:url(%23SVGID_00000173862642275614227980000002784379990942872961_);%7D .st7%7Bfill:url(%23SVGID_00000155855459273609279580000001290194272012917667_);%7D .st8%7Bfill:url(%23ef8om3slEe428_00000070089425802240733330000010743727169161228470_);%7D .st9%7Bfill:url(%23ef8om3slEe429_00000163787852904420495900000003544639980635168939_);%7D%0A%3C/style%3E%3Cg id='Layer_1-2' shape-rendering='geometricPrecision' text-rendering='geometricPrecision'%3E%3Cg id='ef8om3slEe411'%3E%3Cg%3E%3Cpolygon class='st0' points='193.6,136.2 326.2,268.8 326.2,326.8 193.6,194.2 '/%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='-1393.8419' y1='24.5841' x2='-1393.952' y2='24.1941' gradientTransform='matrix(-51.9615 30 103.0713 103.0736 -74629.7891 39520.9961)'%3E%3Cstop offset='0' style='stop-color:%234557A1'/%3E%3Cstop offset='1' style='stop-color:%23431D7B'/%3E%3C/linearGradient%3E%3Cpolygon class='st1' points='378.1,238.8 326.2,268.8 223.1,165.7 275,135.7 '/%3E%3Cpolygon class='st2' points='378.1,296.8 326.1,326.8 326.1,268.8 378.1,238.8 '/%3E%3Cpolygon class='st3' points='366.1,290.3 338.2,306.4 338.2,275.3 366.1,259.2 '/%3E%3C/g%3E%3Cg id='ef8om3slEe417'%3E%3Cpath class='st4' d='M423.5,311.9c24.4,24.4,37.3,80.5,37.3,80.5s-55.6-12.5-80.5-37.3c-11.9-11.9-11.9-31.2,0-43.1 S411.6,300,423.5,311.9L423.5,311.9z'/%3E%3ClinearGradient id='SVGID_00000060720450292368428710000015611333344535976342_' gradientUnits='userSpaceOnUse' x1='-1376.3331' y1='17.1456' x2='-1376.3331' y2='17.9156' gradientTransform='matrix(-22.3941 22.3941 48.5782 48.5782 -31251.8848 30323.0703)'%3E%3Cstop offset='0' style='stop-color:%23FAF8F1'/%3E%3Cstop offset='1' style='stop-color:%23000000'/%3E%3C/linearGradient%3E%3Cpath style='fill:url(%23SVGID_00000060720450292368428710000015611333344535976342_);' d='M439.3,370.8c0,0-35.7-13.3-48.6-26.2 c-6.2-6.2-6.2-16.2,0-22.4s16.2-6.2,22.4,0C425.8,334.9,439.3,370.8,439.3,370.8z'/%3E%3C/g%3E%3Cg%3E%3Cpolygon class='st0' points='90.1,243.7 193.2,346.8 193.2,404.8 90.1,301.7 '/%3E%3ClinearGradient id='SVGID_00000120527102387857088340000003726224263041717405_' gradientUnits='userSpaceOnUse' x1='-1393.9891' y1='24.564' x2='-1393.9192' y2='24.1439' gradientTransform='matrix(-51.9615 30 103.0713 103.0736 -74762.7891 39598.9961)'%3E%3Cstop offset='0' style='stop-color:%234557A1'/%3E%3Cstop offset='1' style='stop-color:%23431D7B'/%3E%3C/linearGradient%3E%3Cpolygon style='fill:url(%23SVGID_00000120527102387857088340000003726224263041717405_);' points='245.1,316.8 193.2,346.8 90.1,243.7 142,213.7 '/%3E%3Cpolygon class='st2' points='245.1,374.8 193.1,404.8 193.1,346.8 245.1,316.8 '/%3E%3Cpolygon class='st3' points='233.1,368.3 205.2,384.4 205.2,353.3 233.1,337.2 '/%3E%3C/g%3E%3Cg id='ef8om3slEe425'%3E%3Cpath class='st4' d='M327.8,470.4c0,0-55.6-12.5-80.5-37.4c-11.9-11.9-11.9-31.2,0-43.1c11.9-11.9,31.2-11.9,43.1,0 C314.9,414.3,327.8,470.4,327.8,470.4z'/%3E%3ClinearGradient id='SVGID_00000006683980573561100520000003665390592190952073_' gradientUnits='userSpaceOnUse' x1='-1376.3331' y1='17.1456' x2='-1376.3331' y2='17.9156' gradientTransform='matrix(-22.3941 22.3941 48.5782 48.5782 -31384.8848 30401.0703)'%3E%3Cstop offset='0' style='stop-color:%23FAF8F1'/%3E%3Cstop offset='1' style='stop-color:%23000000'/%3E%3C/linearGradient%3E%3Cpath style='fill:url(%23SVGID_00000006683980573561100520000003665390592190952073_);' d='M306.3,448.8c0,0-35.7-13.3-48.6-26.2 c-6.2-6.2-6.2-16.2,0-22.4c6.2-6.2,16.2-6.2,22.4,0C292.8,412.9,306.3,448.8,306.3,448.8z'/%3E%3C/g%3E%3CradialGradient id='ef8om3slEe428_00000005249156796492555100000011009253608180415626_' cx='-1414.9858' cy='18.3245' r='1.27' gradientTransform='matrix(45.8342 352.422 180.3359 -32.0245 61546.7773 499262.4375)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' style='stop-color:%232E0837'/%3E%3Cstop offset='0.83' style='stop-color:%23891162'/%3E%3Cstop offset='1' style='stop-color:%232E0837'/%3E%3C/radialGradient%3E%3Cpath id='ef8om3slEe428' style='fill:url(%23ef8om3slEe428_00000005249156796492555100000011009253608180415626_);' d='M449.1,134.3 c1.6,2.8,0.4,40.1-0.7,44.9c-1.1,4.6-4.5,9-9.9,12.2c-3.9,2.3-8.4,3.6-12.9,4L202,218.6c-4.5,0.4-8.9,1.7-12.9,4s-6.8,5.2-8.5,8.4 L91.2,388.4c-1.7,3.2-4.5,6.1-8.5,8.4c-11.1,6.4-26.5,5.1-34.5-2.8c-2.7-2.7-4.2-5.9-4.6-9.1L0.6,61.7c-0.1-0.9-2.1-39.2,2.4-46.6 L449.1,134.3z'/%3E%3ClinearGradient id='ef8om3slEe429_00000101081370900387463690000017716303299633801355_' gradientUnits='userSpaceOnUse' x1='-1412.1475' y1='24.7801' x2='-1412.4574' y2='26.2001' gradientTransform='matrix(-395.9468 228.6 249.9717 249.9166 -565422.0625 316662.1875)'%3E%3Cstop offset='0' style='stop-color:%23D11B7E'/%3E%3Cstop offset='1' style='stop-color:%23F33780'/%3E%3C/linearGradient%3E%3Cpath id='ef8om3slEe429' style='fill:url(%23ef8om3slEe429_00000101081370900387463690000017716303299633801355_);' d='M10.7,4.1 L10.7,4.1c7.6-4.4,17.2-5.2,25-2.7l398.2,118.2c4,1.1,7.6,3.1,10.3,5.8c7.9,8,5.4,19.6-5.7,26c-3.9,2.3-8.4,3.6-12.9,4L202,178.6 c-4.5,0.4-8.9,1.7-12.9,4s-6.8,5.2-8.5,8.4L91.2,348.4c-1.7,3.2-4.5,6.1-8.5,8.4c-11.1,6.4-26.5,5.1-34.5-2.8 c-2.7-2.7-4.2-5.9-4.6-9.1L0.6,21.7C-0.5,15.3,3.1,8.4,10.7,4.1L10.7,4.1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"), auto;
  --color-pink: #bb1c94;
  --color-purple: #6435cb;
}

html, body {
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden;
}

html {
  cursor: var(--cursor-default) !important;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

body {
  overflow-y: visible;
  height: unset;
}

@font-face {
  font-family: "wild_worldbold";
  src: url(./fonts/wild-world.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "d3euronism";
  src: url(./fonts/d3euronism/D3Euronism_b.ttf);
  font-weight: normal;
  font-style: normal;
}
.loader {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: black;
}
.loader .scene {
  display: inline-block;
  vertical-align: middle;
  perspective: 5px;
  perspective-origin: 50% 50%;
  position: relative;
}
.loader .scene .wall {
  background: url(./images/elements/space-wall.jpeg);
  background-size: cover;
}
.loader .scene .wrap {
  position: absolute;
  width: 1000px;
  height: 1000px;
  left: -500px;
  top: -500px;
  transform-style: preserve-3d;
  animation: move 12s infinite linear;
  animation-fill-mode: forwards;
}
.loader .scene .wrap:nth-child(2) {
  animation: move 12s infinite linear;
  animation-delay: 6s;
}
.loader .scene .wall {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  animation: fade 12s infinite linear;
}
.loader .scene .wrap:nth-child(2) .wall {
  animation-delay: 6s;
}
.loader .scene .wall-right {
  transform: rotateY(90deg) translateZ(500px);
}
.loader .scene .wall-left {
  transform: rotateY(-90deg) translateZ(500px);
}
.loader .scene .wall-top {
  transform: rotateX(90deg) translateZ(500px);
}
.loader .scene .wall-bottom {
  transform: rotateX(-90deg) translateZ(500px);
}
.loader .scene .wall-back {
  transform: rotateX(180deg) translateZ(500px);
}
@keyframes move {
  0% {
    transform: translateZ(-500px) rotate(0deg);
  }
  100% {
    transform: translateZ(500px) rotate(0deg);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.wild-world-bold {
  font-family: "wild_worldbold", sans-serif;
}

/*************Glow Button****************/
.glow-on-hover {
  /*width: 220px;
  height: 50px;*/
  border: none;
  outline: none;
  /* color: #fff;
   background: #111;*/
  position: relative;
  z-index: 0;
  /*border-radius: 10px;*/
  cursor: var(--cursor-default) !important;
  transition: 0.3s ease-in-out;
}
.glow-on-hover:before {
  content: "";
  background: linear-gradient(45deg, #6435cb, #bb1c94, #a324a4, #ce1789, #e6147c, #842cbc, #8f2cb1, #b41e9c, #c41c94, #f30c73, #dc1484, #9424ac, #842cb4, #7c2cbc, #742cbc, #ec24b4, #a428a8, #a428a8);
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing 20s linear infinite;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  border-radius: 10px;
}
.glow-on-hover:active {
  color: #000;
}
.glow-on-hover.active:before {
  opacity: 1;
}
.glow-on-hover:active:after {
  background: transparent;
}
.glow-on-hover:hover {
  transform: scale(1.1);
}
.glow-on-hover:hover:before {
  opacity: 1;
}
.glow-on-hover:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 10px;
}
.glow-on-hover.flat-button {
  border-radius: 0;
}
.glow-on-hover.flat-button:before, .glow-on-hover.flat-button:after {
  border-radius: 0;
}

@keyframes glowing {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}
.glow-text {
  animation-name: glow;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes glow {
  from {
    text-shadow: 0px 0px 5px #fff, 0px 0px 5px #614ad3;
  }
  to {
    text-shadow: 0px 0px 20px #fff, 0px 0px 20px #614ad3;
  }
}
/*************Glow Button****************/
#particles-js {
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  -webkit-animation: rotate infinite;
  animation-duration: 500s;
  animation-delay: 0s;
}

@keyframes rotate {
  50% {
    transform: rotateZ(10deg);
  }
}
#spaceCanvas {
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: -1;
  width: 100vw;
  height: 100vh;
}

.night {
  z-index: -1;
  width: 100%;
  height: 100%;
  transform: rotateZ(45deg);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}

.shooting_star {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 2px;
  background: linear-gradient(-45deg, #f30c73, rgba(0, 0, 255, 0));
  border-radius: 999px;
  filter: drop-shadow(0 0 6px rgb(105, 155, 255));
  animation: tail 4000ms ease-in-out infinite, shooting 4000ms ease-in-out infinite;
}
.shooting_star::before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  height: 2px;
  background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #f30c73, rgba(0, 0, 255, 0));
  transform: translateX(50%) rotateZ(45deg);
  border-radius: 100%;
  animation: shining 4000ms ease-in-out infinite;
}
.shooting_star::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  height: 2px;
  background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #f30c73, rgba(0, 0, 255, 0));
  transform: translateX(50%) rotateZ(-45deg);
  border-radius: 100%;
  animation: shining 4000ms ease-in-out infinite;
}
.shooting_star:nth-child(1) {
  top: calc(50% - 55px);
  left: calc(50% - 290px);
  animation-delay: 3292ms;
}
.shooting_star:nth-child(1)::before, .shooting_star:nth-child(1)::after {
  animation-delay: 3292ms;
}
.shooting_star:nth-child(2) {
  top: calc(50% - 76px);
  left: calc(50% - 5px);
  animation-delay: 1126ms;
}
.shooting_star:nth-child(2)::before, .shooting_star:nth-child(2)::after {
  animation-delay: 1126ms;
}
.shooting_star:nth-child(3) {
  top: calc(50% - -188px);
  left: calc(50% - 232px);
  animation-delay: 5878ms;
}
.shooting_star:nth-child(3)::before, .shooting_star:nth-child(3)::after {
  animation-delay: 5878ms;
}
.shooting_star:nth-child(4) {
  top: calc(50% - 119px);
  left: calc(50% - 201px);
  animation-delay: 7692ms;
}
.shooting_star:nth-child(4)::before, .shooting_star:nth-child(4)::after {
  animation-delay: 7692ms;
}
.shooting_star:nth-child(5) {
  top: calc(50% - -158px);
  left: calc(50% - 86px);
  animation-delay: 9248ms;
}
.shooting_star:nth-child(5)::before, .shooting_star:nth-child(5)::after {
  animation-delay: 9248ms;
}
.shooting_star:nth-child(6) {
  top: calc(50% - -157px);
  left: calc(50% - 53px);
  animation-delay: 8272ms;
}
.shooting_star:nth-child(6)::before, .shooting_star:nth-child(6)::after {
  animation-delay: 8272ms;
}
.shooting_star:nth-child(7) {
  top: calc(50% - -38px);
  left: calc(50% - 166px);
  animation-delay: 7318ms;
}
.shooting_star:nth-child(7)::before, .shooting_star:nth-child(7)::after {
  animation-delay: 7318ms;
}
.shooting_star:nth-child(8) {
  top: calc(50% - -12px);
  left: calc(50% - 271px);
  animation-delay: 5218ms;
}
.shooting_star:nth-child(8)::before, .shooting_star:nth-child(8)::after {
  animation-delay: 5218ms;
}
.shooting_star:nth-child(9) {
  top: calc(50% - -96px);
  left: calc(50% - 211px);
  animation-delay: 544ms;
}
.shooting_star:nth-child(9)::before, .shooting_star:nth-child(9)::after {
  animation-delay: 544ms;
}
.shooting_star:nth-child(10) {
  top: calc(50% - -166px);
  left: calc(50% - 194px);
  animation-delay: 310ms;
}
.shooting_star:nth-child(10)::before, .shooting_star:nth-child(10)::after {
  animation-delay: 310ms;
}
.shooting_star:nth-child(11) {
  top: calc(50% - -113px);
  left: calc(50% - 232px);
  animation-delay: 4191ms;
}
.shooting_star:nth-child(11)::before, .shooting_star:nth-child(11)::after {
  animation-delay: 4191ms;
}
.shooting_star:nth-child(12) {
  top: calc(50% - -9px);
  left: calc(50% - 261px);
  animation-delay: 5441ms;
}
.shooting_star:nth-child(12)::before, .shooting_star:nth-child(12)::after {
  animation-delay: 5441ms;
}
.shooting_star:nth-child(13) {
  top: calc(50% - 184px);
  left: calc(50% - 26px);
  animation-delay: 7637ms;
}
.shooting_star:nth-child(13)::before, .shooting_star:nth-child(13)::after {
  animation-delay: 7637ms;
}
.shooting_star:nth-child(14) {
  top: calc(50% - -106px);
  left: calc(50% - 94px);
  animation-delay: 2621ms;
}
.shooting_star:nth-child(14)::before, .shooting_star:nth-child(14)::after {
  animation-delay: 2621ms;
}
.shooting_star:nth-child(15) {
  top: calc(50% - 81px);
  left: calc(50% - 21px);
  animation-delay: 1172ms;
}
.shooting_star:nth-child(15)::before, .shooting_star:nth-child(15)::after {
  animation-delay: 1172ms;
}
.shooting_star:nth-child(16) {
  top: calc(50% - 59px);
  left: calc(50% - 104px);
  animation-delay: 5774ms;
}
.shooting_star:nth-child(16)::before, .shooting_star:nth-child(16)::after {
  animation-delay: 5774ms;
}
.shooting_star:nth-child(17) {
  top: calc(50% - -138px);
  left: calc(50% - 19px);
  animation-delay: 124ms;
}
.shooting_star:nth-child(17)::before, .shooting_star:nth-child(17)::after {
  animation-delay: 124ms;
}
.shooting_star:nth-child(18) {
  top: calc(50% - -3px);
  left: calc(50% - 268px);
  animation-delay: 5780ms;
}
.shooting_star:nth-child(18)::before, .shooting_star:nth-child(18)::after {
  animation-delay: 5780ms;
}
.shooting_star:nth-child(19) {
  top: calc(50% - 86px);
  left: calc(50% - 158px);
  animation-delay: 9163ms;
}
.shooting_star:nth-child(19)::before, .shooting_star:nth-child(19)::after {
  animation-delay: 9163ms;
}
.shooting_star:nth-child(20) {
  top: calc(50% - -198px);
  left: calc(50% - 148px);
  animation-delay: 434ms;
}
.shooting_star:nth-child(20)::before, .shooting_star:nth-child(20)::after {
  animation-delay: 434ms;
}

@keyframes tail {
  0% {
    width: 0;
  }
  30% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}
@keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 30px;
  }
  100% {
    width: 0;
  }
}
@keyframes shooting {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(300px);
  }
}
@keyframes sky {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(405deg);
  }
}
.space-body {
  background-color: #010717;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}

.white-section-left {
  padding: 3rem;
  background-color: rgba(255, 255, 255, 0.4);
  margin-left: unset;
  color: #111;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.white-section-right {
  padding: 3rem;
  background-color: rgba(255, 255, 255, 0.4);
  margin-right: unset;
  color: #111;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.glow {
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}
.shadow-space {
  box-shadow: 0 0 50px 20px rgba(160, 117, 158, 0.47);
}

@keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
}
.float-effect {
  transform: translatey(0px);
  animation: float 6s ease-in-out infinite;
}

.space-shuttle, .satellite {
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

.satellite {
  width: 96px;
  height: 96px;
  background-image: url(./images/elements/satellite.svg);
}

.space-shuttle {
  position: relative;
  width: 32px;
  height: 16px;
  background-image: url(./images/elements/space-shuttle.svg);
}
.space-shuttle .jet-trail {
  display: block;
  position: relative;
  top: 7px;
  left: -8px;
  width: 6px;
  height: 1px;
  border-radius: 2px;
  margin-top: 1px;
  margin-bottom: 1px;
  background-color: #fff;
  transition: width 1s ease-in-out;
  animation: jet-trail-animate 1s ease infinite alternate;
}
.space-shuttle .jet-trail._2 {
  margin-top: 2px;
  animation-delay: 0.5s;
}

@keyframes jet-trail-animate {
  0% {
    transform: translateX(6px);
    width: 1px;
  }
  100% {
    transform: translateX(1px);
    width: 6px;
  }
}
.sun {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: white;
  box-shadow: 0px 0px 40px 15px white;
}
.sun .ray_box {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70px;
  -webkit-animation: ray_anim 120s linear infinite;
  animation: ray_anim 120s linear infinite;
}
.sun .ray {
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  margin-left: 10px;
  border-radius: 80% 80% 0 0;
  position: absolute;
  opacity: 0.1;
}
.sun .ray1 {
  height: 170px;
  width: 30px;
  -webkit-transform: rotate(180deg);
  top: -175px;
  left: 15px;
}
.sun .ray2 {
  height: 100px;
  width: 8px;
  -webkit-transform: rotate(220deg);
  top: -90px;
  left: 75px;
}
.sun .ray3 {
  height: 170px;
  width: 50px;
  -webkit-transform: rotate(250deg);
  top: -80px;
  left: 100px;
}
.sun .ray4 {
  height: 120px;
  width: 14px;
  -webkit-transform: rotate(305deg);
  top: 30px;
  left: 100px;
}
.sun .ray5 {
  height: 140px;
  width: 30px;
  -webkit-transform: rotate(-15deg);
  top: 60px;
  left: 40px;
}
.sun .ray6 {
  height: 90px;
  width: 50px;
  -webkit-transform: rotate(30deg);
  top: 60px;
  left: -40px;
}
.sun .ray7 {
  height: 180px;
  width: 10px;
  -webkit-transform: rotate(70deg);
  top: -35px;
  left: -40px;
}
.sun .ray8 {
  height: 120px;
  width: 30px;
  -webkit-transform: rotate(100deg);
  top: -45px;
  left: -90px;
}
.sun .ray9 {
  height: 80px;
  width: 10px;
  -webkit-transform: rotate(120deg);
  top: -65px;
  left: -60px;
}
.sun .ray10 {
  height: 190px;
  width: 23px;
  -webkit-transform: rotate(150deg);
  top: -185px;
  left: -60px;
}
@-webkit-keyframes ray_anim {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rounded-image-effect {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
}
.rounded-image-effect:hover .text {
  display: flex;
}
.rounded-image-effect img {
  width: 100%;
  height: 100%;
}
.rounded-image-effect .text {
  transition: 0.5s ease-in-out;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}

body section {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
body section:first-of-type {
  padding-top: 8rem;
}
body section .section-margin {
  padding-top: 5rem;
}
@media only screen and (max-width: 667px) {
  body section .section-margin {
    padding-top: 2rem;
  }
}

.z-index-0 {
  z-index: 0;
}

.text-justify {
  text-align: justify;
}

.stroke-text {
  color: #111;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: white;
  text-transform: uppercase;
  font-family: "wild_worldbold", sans-serif;
}

.sun-rays {
  box-shadow: 0px 0px 40px 15px white;
}

/*********************************/
.heading {
  margin-bottom: 5rem;
  position: relative;
}
.heading .headline, .heading .sub-headline {
  text-align: center;
  line-height: 1.2;
  margin: 0;
}
.heading img {
  width: 200px;
  position: absolute;
}
.heading img.ufo {
  top: -80px;
  transform: rotate(-20deg);
}
.heading img.astronaut {
  top: -120px;
  right: -60px;
  transform: rotate(-20deg);
  width: 320px;
}
.heading img.rocket {
  top: -80px;
  transform: rotate(20deg);
}
.heading img.pl2 {
  top: -80px;
}
.heading img.pl3 {
  top: -40px;
  right: 50px;
}
.heading img.space-rocket-with-astronaut {
  top: -60px;
  right: 50px;
  width: 320px;
}
.heading img.space-doodle {
  width: 80px;
  top: 0;
  left: -60px;
}
.heading img.space-doodle2 {
  width: 80px;
  top: -40px;
  right: 0;
}
.heading img.space-doodle3 {
  right: 100px;
  top: -20px;
  width: 80px;
}
.heading img.space-doodle4 {
  left: -10px;
  top: -80px;
  width: 80px;
}
.heading img.space-doodle5 {
  right: -80px;
}
.heading img.space-doodle6 {
  width: 80px;
  left: 0;
}
.heading img.astronaut-with-laptop {
  width: 180px;
  right: 0;
}
.heading .headline {
  text-transform: uppercase;
  font-family: "wild_worldbold", sans-serif;
  font-size: clamp(12px, 8.5vw, 50px);
  color: #111;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: white;
}
.heading .sub-headline {
  font-size: clamp(12px, 4.5vw, 25px);
  color: #fff;
}
@media only screen and (max-width: 667px) {
  .heading {
    margin-bottom: 3rem;
  }
  .heading img.ufo {
    top: -120px;
  }
  .heading img.astronaut {
    width: 180px;
  }
  .heading img.rocket {
    width: 120px;
  }
  .heading img.pl2 {
    width: 120px;
    top: -100px;
  }
  .heading img.pl3 {
    width: 120px;
    right: 0;
    top: -110px;
  }
  .heading img.space-rocket-with-astronaut {
    width: 120px;
    right: 0;
  }
  .heading img.space-doodle6 {
    top: -50px;
  }
  .heading img.space-doodle {
    top: -60px;
    left: 0;
  }
  .heading img.space-doodle2, .heading img.space-doodle5, .heading img.space-doodle8 {
    display: none;
  }
  .heading img.space-doodle4 {
    right: 0;
    left: unset;
    top: -10px;
  }
  .heading img.astronaut-with-laptop {
    top: -180px;
  }
}

footer {
  margin-top: 5rem;
  position: relative;
}
footer .container {
  min-height: 300px;
}
footer .container .copyright {
  position: absolute;
  bottom: 50px;
}
footer .landscape {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(./images/elements/landscape.png);
  background-size: 1000px 250px;
  background-repeat: repeat-x;
  background-position: center bottom;
  z-index: -1;
}
footer h4 {
  margin-bottom: 1rem;
}
footer a {
  color: ghostwhite;
}
footer ul {
  list-style: none;
  padding-left: 0;
}
footer ul li {
  margin-bottom: 0.5rem;
}
footer ul li a {
  text-decoration: none;
  color: ghostwhite;
}
@media only screen and (max-width: 667px) {
  footer {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 15rem;
  }
  footer .container .copyright {
    text-align: center;
    position: relative;
    bottom: 0;
  }
}

header.stuck {
  /*.logo-light {
    display: none;
  }*/
}
header.stuck .logo-dark {
  display: none;
}
header.stuck nav.navbar {
  background-color: #000 !important;
}
header.stuck nav.navbar .nav-link {
  --bs-nav-link-color: rgba(255, 255, 255);
}
header:not(.stuck) .logo-dark {
  display: none;
}
header:not(.stuck) nav.navbar .nav-link {
  --bs-nav-link-color: rgba(255, 255, 255);
}
@media only screen and (max-width: 667px) {
  header .navbar-collapse {
    background-color: #000;
  }
}
@media only screen and (min-width: 1280px) {
  header ul.navbar-nav > li.nav-item {
    margin-left: 2rem;
  }
  header ul.navbar-nav > li.nav-item .nav-link {
    --bs-nav-link-font-size: 1rem;
  }
  header ul.navbar-nav > li.nav-item .dropdown-menu {
    --bs-border-radius: 0;
    --bs-body-bg: #111;
    --bs-dropdown-link-color: white;
    --bs-dropdown-link-hover-color: white;
    --bs-dropdown-link-hover-bg: var(--color-pink);
  }
}

#scroll-to-top {
  width: 80px;
  height: 80px;
  z-index: 9999;
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  border-radius: 50%;
  background-color: white;
  padding: 20px;
}
#scroll-to-top a {
  display: block;
}
#scroll-to-top img {
  width: 40px;
}
#scroll-to-top img.thrust {
  position: absolute;
  width: 16px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 0;
}
#scroll-to-top.animate-to-top {
  background-color: transparent;
}
#scroll-to-top.animate-to-top a {
  animation-name: rocket-top;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
}
#scroll-to-top.animate-to-top img.thrust {
  animation-name: rocket-blast;
  animation-duration: 0.2s;
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  animation-iteration-count: infinite;
}
@keyframes rocket-top {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100vh);
  }
}
@keyframes rocket-blast {
  0% {
    height: 0;
    transform: translateY(0px);
  }
  50% {
    height: 12px;
    transform: translateY(12px);
  }
  100% {
    height: 0;
    transform: translateY(0px);
  }
}

section.home-banner {
  width: 100%;
  overflow: hidden;
  height: 100vh;
  min-height: 720px;
  position: relative;
}
section.home-banner h1 {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  line-height: 1.4;
  animation: skew-float 6s ease-in-out infinite;
}
section.home-banner h1 span.underline {
  border-bottom: 8px solid #f30c73;
}
section.home-banner .skew {
  transform: skew(0deg, -6deg);
}
@keyframes skew-float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: skew(0deg, -6deg) translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: skew(0deg, -6deg) translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: skew(0deg, -6deg) translatey(0px);
  }
}
section.home-banner .banner-area .vector, section.home-banner .banner-area .arrow, section.home-banner .banner-area .person {
  position: absolute;
}
section.home-banner .banner-area .arrow {
  left: -420px;
  height: 80%;
  width: auto;
  bottom: 0;
  z-index: 1;
}
section.home-banner .banner-area .person-container {
  height: 90%;
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
}
section.home-banner .banner-area .person-container .person {
  height: 100%;
  width: auto;
  left: 30px;
  bottom: 0;
  z-index: 3;
}
section.home-banner .banner-area .person-with-arrow {
  width: 60%;
  position: absolute;
  bottom: 0;
  right: 20px;
}
section.home-banner .banner-area .elements .vector {
  text-shadow: 0 0 50px #ffffff, 0 0 100px #ffffff, 0 0 150px #ffffff, 0 0 200px #ffffff;
  animation: animate_vector 4s ease-in-out infinite;
  opacity: 1;
  z-index: 2;
}
section.home-banner .banner-area .elements .vector._1 {
  right: 8%;
  top: 18%;
  animation-delay: 2s;
}
section.home-banner .banner-area .elements .vector._2 {
  right: 20%;
  top: 40%;
  animation-delay: 3s;
  z-index: -1;
}
section.home-banner .banner-area .elements .vector._3 {
  right: 40%;
  top: 40%;
  animation-delay: 4s;
}
section.home-banner .banner-area .elements .vector._4 {
  right: 180px;
  bottom: 80px;
  animation-delay: 5s;
}
@keyframes animate_vector {
  0% {
    text-shadow: 0 0 50px #ffffff, 0 0 100px #ffffff, 0 0 150px #ffffff, 0 0 200px #ffffff;
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  80% {
    text-shadow: 0 0 0 #ffffff, 0 0 0 #ffffff, 0 0 0 #ffffff, 0 0 0 #ffffff;
  }
  100% {
    text-shadow: 0 0 50px #ffffff, 0 0 100px #ffffff, 0 0 150px #ffffff, 0 0 200px #ffffff;
    transform: translatey(0px);
  }
}
@media only screen and (max-width: 667px) {
  section.home-banner {
    height: auto;
  }
  section.home-banner .banner-area {
    position: relative;
    padding-top: 80px;
    margin-top: 40px;
  }
  section.home-banner .banner-area .arrow {
    left: -380px;
    height: 80%;
    width: auto;
  }
  section.home-banner .banner-area .person-container {
    width: 100%;
    height: 80%;
  }
  section.home-banner .banner-area .person-with-arrow {
    width: 100%;
    position: unset;
    bottom: unset;
    right: unset;
  }
  section.home-banner .banner-area .person {
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
  }
  section.home-banner .banner-area .elements .vector._1 {
    top: 0;
    right: 0;
  }
  section.home-banner .banner-area .elements .vector._3 {
    left: 40px;
  }
  section.home-banner .banner-area .elements .vector._4 {
    top: 0;
    left: 20px;
  }
}
@media only screen and (max-height: 667px) and (orientation: landscape) {
  section.home-banner .arrow {
    display: none;
  }
}

section#counter .counter-container {
  display: flex;
  justify-content: space-around;
}
section#counter .counter-container > .counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  /*
        background-color: #FF6F6F;
        width: 200px;
        border-radius: 50%;
        height: 200px;
        vertical-align: middle;*/
  width: 300px;
  height: 340px;
  background-size: contain;
  background-repeat: no-repeat;
}
section#counter .counter-container > .counter b {
  font-weight: normal;
}
section#counter .counter-container > .counter .text {
  margin-top: 1rem;
  font-size: 20px;
}
section#counter .counter-container > .counter.ellipse-red {
  background-image: url(./images/elements/average-speed-ellipse.png);
}
section#counter .counter-container > .counter.ellipse-red .text {
  color: #94324b;
}
section#counter .counter-container > .counter.ellipse-green {
  background-image: url(./images/elements/around-the-sun.png);
}
section#counter .counter-container > .counter.ellipse-green .text {
  color: #668689;
}
section#counter .counter-container > .counter.ellipse-brown {
  background-image: url(./images/elements/milestraveled-ellipse.png);
}
section#counter .counter-container > .counter.ellipse-brown .text {
  color: #9b7b72;
}
section#counter .counter-container > .counter.ellipse-blue {
  background-image: url(./images/elements/orbits-on-mars-ellipse.png);
}
section#counter .counter-container > .counter.ellipse-blue .text {
  color: #336eb1;
}
@media only screen and (max-width: 667px) {
  section#counter .counter-container {
    flex-direction: column;
  }
  section#counter .counter-container > .counter {
    width: 100%;
    background-position: center;
  }
}

#testimonials a:link {
  color: #3f51b5;
}
#testimonials a:active {
  color: #3f51b5;
}
#testimonials a:visited {
  color: #3f51b5;
}
#testimonials a:hover {
  color: #3f51b5;
}
#testimonials .outerdiv {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#testimonials .innerdiv {
  transform: scale(0.9);
  display: grid;
  grid-gap: 1.5rem;
}
#testimonials .eachdiv {
  padding: 1rem 2rem;
  border-radius: 0.8rem;
  box-shadow: 5px 5px 20px rgba(109, 107, 107, 0.4196078431);
  color: white;
}
#testimonials .div1 {
  background: #733FC8;
  grid-column: 1/3;
  grid-row: 1/2;
  /*background-image: url(https://raw.githubusercontent.com/RahulSahOfficial/testimonials_grid_section/5532c958b7d3c9b910a216b198fdd21c73112d84/images/bg-pattern-quotation.svg);
  background-repeat: no-repeat;
  background-position-x: 20rem;*/
}
#testimonials .div2 {
  background: #49556B;
  grid-column: 3/4;
  grid-row: 1/2;
}
#testimonials .div3 {
  background: white;
  grid-column: 4/5;
  grid-row: 1/3;
  color: black;
}
#testimonials .div4 {
  background: white;
  grid-column: 1/2;
  grid-row: 2/3;
  color: black;
}
#testimonials .div5 {
  background: #f40e72;
  grid-column: 2/4;
  grid-row: 2/3;
}
#testimonials .userdetails {
  display: flex;
}
#testimonials .imgbox {
  margin-right: 1rem;
}
#testimonials .imgbox img {
  border-radius: 50%;
  width: 5rem;
  border: 2px solid #cec5c5;
}
#testimonials .detbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#testimonials .detbox p {
  margin: 0;
}
#testimonials .detbox .name {
  color: hsl(0deg, 0%, 81%);
  font-size: 0.9rem;
  margin-bottom: 0.1rem;
  font-weight: 600;
}
#testimonials .detbox .name.dark {
  color: #49505A;
}
#testimonials .detbox .designation {
  color: hsl(0deg, 0%, 81%);
  opacity: 50%;
  font-size: 0.8rem;
}
#testimonials .detbox .website {
  color: #0e0e0e;
}
#testimonials .detbox .designation.dark {
  color: #49505A;
}
#testimonials .review h4 {
  color: #FFFFFF;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0.8rem;
}
#testimonials .review p {
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 500;
  opacity: 50%;
  line-height: 1.5;
}
#testimonials .review.dark h4 {
  color: #4B5258;
}
#testimonials .review.dark p {
  color: #0e0e0e;
}
#testimonials .attribution {
  font-size: 1rem;
  line-height: 1.5;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  text-align: right;
}
#testimonials .attribution a {
  text-decoration: none;
}
@media only screen and (max-width: 1000px) {
  #testimonials .innerdiv {
    transform: scale(0.7);
  }
}
@media only screen and (max-width: 800px) {
  #testimonials .innerdiv {
    transform: scale(0.6);
  }
}
@media only screen and (max-width: 600px) {
  #testimonials .div1 {
    background-position-x: 10rem;
  }
  #testimonials .innerdiv {
    display: flex;
    flex-direction: column;
    transform: scale(1);
    margin: 2rem;
    margin-bottom: 5rem;
  }
  #testimonials .attribution {
    position: relative;
  }
}

#paying .image-section {
  position: relative;
  background: url(./images/elements/oval.svg) no-repeat bottom;
  background-size: contain;
  margin: auto;
  text-align: center;
}
#paying .image-section .person {
  width: 280px;
}
#paying .card {
  border-radius: 50px;
  transition: 0.2s ease-in-out;
}
#paying .card:hover {
  transform: scale(1.2);
}
#paying .card.glow-on-hover {
  color: white;
}
#paying .card.glow-on-hover::before, #paying .card.glow-on-hover::after {
  border-radius: 50px;
}
@media only screen and (max-width: 667px) {
  #paying #glow-changer {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

section#orbit .space-shuttle, section#orbit .satellite {
  position: absolute;
  z-index: -1;
}
section#orbit .space-shuttle._1 {
  right: 50%;
}
section#orbit .space-shuttle._2 {
  top: 10%;
  right: 49%;
}
section#orbit .space-shuttle._3 {
  top: 6%;
  right: 45%;
}
section#orbit .orbit-logo {
  position: absolute;
  z-index: 2;
}
section#orbit .planet-container {
  padding-top: 2rem;
  overflow: hidden;
  width: 100%;
  height: 500px;
  position: relative;
  display: flex;
  justify-content: center;
}
section#orbit .planet-container .planet {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-pack: center;
  position: absolute;
  margin: auto;
}
section#orbit .planet-container .planet.outer._1 {
  width: 312vw;
  height: 312vw;
  border-radius: 312vw;
}
section#orbit .planet-container .planet.outer._1 > .orbit-logo {
  left: 0;
  transform-origin: 156vw 0;
}
section#orbit .planet-container .planet.outer._1 > .orbit-logo img {
  transform: rotate(270deg);
}
section#orbit .planet-container .planet.outer._2 {
  width: 324vw;
  height: 324vw;
  border-radius: 324vw;
}
section#orbit .planet-container .planet.outer._2 > .orbit-logo {
  left: 0;
  transform-origin: 162vw 0;
}
section#orbit .planet-container .planet.outer._2 > .orbit-logo img {
  transform: rotate(270deg);
}
section#orbit .planet-container .planet.outer._3 {
  width: 336vw;
  height: 336vw;
  border-radius: 336vw;
}
section#orbit .planet-container .planet.outer._3 > .orbit-logo {
  left: 0;
  transform-origin: 168vw 0;
}
section#orbit .planet-container .planet.outer._3 > .orbit-logo img {
  transform: rotate(270deg);
}
section#orbit .planet-container .planet.inner {
  border: 1px solid #fff;
  width: 300vw;
  height: 300vw;
  border-radius: 300vw;
}
section#orbit .planet-container .planet.inner .sun {
  width: 300vw;
  height: 300vw;
}
section#orbit .planet-container .planet.inner .sun .ray_box {
  display: none;
}
section#orbit .planet-container .planet.inner img {
  position: absolute;
  top: 40px;
  width: 200px;
}
section#orbit .contact-us {
  min-height: 200px;
  background: white;
  opacity: 1;
  box-shadow: 0px 0px 40px 15px white;
}
section#orbit .contact-us .h1 {
  font-family: "wild_worldbold", sans-serif;
}
@media only screen and (max-width: 667px) {
  section#orbit .planet-container {
    height: 50vh;
    padding-top: 10vh;
  }
  section#orbit .planet-container .planet.outer._1 {
    width: 230vw;
    height: 230vw;
    border-radius: 230vw;
  }
  section#orbit .planet-container .planet.outer._1 > .orbit-logo {
    left: 0;
    transform-origin: 115vw 0;
  }
  section#orbit .planet-container .planet.outer._2 {
    width: 260vw;
    height: 260vw;
    border-radius: 260vw;
  }
  section#orbit .planet-container .planet.outer._2 > .orbit-logo {
    left: 0;
    transform-origin: 130vw 0;
  }
  section#orbit .planet-container .planet.outer._3 {
    width: 290vw;
    height: 290vw;
    border-radius: 290vw;
  }
  section#orbit .planet-container .planet.outer._3 > .orbit-logo {
    left: 0;
    transform-origin: 145vw 0;
  }
  section#orbit .planet-container .planet.inner {
    width: 200vw;
    height: 200vw;
    border-radius: 200vw;
  }
  section#orbit .planet-container .planet.inner .sun {
    width: 200vw;
    height: 200vw;
  }
  section#orbit .planet-container .planet.inner img {
    width: 140px;
  }
}

@media only screen and (max-width: 667px) {
  #case-studies .row > .col-12 {
    margin-bottom: 5rem;
  }
}

#latest-blog .rounded-image-effect {
  border-radius: 20px;
}
#latest-blog .rounded-image-effect .text {
  display: block;
  top: unset;
  height: 80px;
  padding: 18px;
}
#latest-blog .rounded-image-effect .text * {
  margin: 0;
}
@media only screen and (max-width: 667px) {
  #latest-blog .row > .col-12 {
    margin-bottom: 5rem;
  }
}

section.core-values .heading .space-doodle {
  top: 0;
}

section.horizontal-slide {
  margin-top: 80px;
  height: calc(100vh - 100px);
  width: 133.32vw;
  display: flex;
  flex-wrap: nowrap;
}
section.horizontal-slide .panel {
  width: 33.33vw;
  height: 80vh;
  margin: 1.5rem;
  padding: 1.5rem;
  border: 1px solid white;
  overflow: hidden;
}
@media only screen and (max-width: 667px) {
  section.horizontal-slide {
    width: 400vw;
  }
  section.horizontal-slide .panel {
    width: 100vw;
  }
}

section.team .team-container {
  margin-top: 15rem;
  display: flex;
  justify-content: space-evenly;
}
section.team .team-container .box {
  width: 300px;
  border-radius: 150px;
  background: #fff;
  position: relative;
  overflow: hidden;
  text-align: center;
  color: black;
}
section.team .team-container .box:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 0px;
  height: 100%;
  border-radius: 150px;
  box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--color-purple) 0%, var(--color-pink) 100%);
}
section.team .team-container .box:hover:before {
  width: 100%;
}
section.team .team-container .box:hover .image-wrapper {
  padding: 0;
}
section.team .team-container .box:hover .box-desc {
  color: #fff;
}
section.team .team-container .box:hover .social li a {
  background: #fff none;
  color: #000;
}
section.team .team-container .box:hover .social li a:hover {
  background: #1d1d1d;
  color: #fff;
}
section.team .team-container .image-wrapper {
  position: relative;
  max-width: 210px;
  max-height: 210px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
  padding: 15px;
  transition: all 0.5s ease;
  box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2);
}
section.team .team-container .image-wrapper img {
  border-radius: 50%;
  transition: all 500ms ease;
}
section.team .team-container .box-desc {
  position: relative;
}
section.team .team-container ul.social {
  padding: 0;
}
section.team .team-container ul.social li {
  display: inline-block;
  list-style-type: none;
}
section.team .team-container ul.social li a {
  position: relative;
  width: auto;
  height: 36px;
  background-image: linear-gradient(to right, var(--color-purple) 0%, var(--color-pink) 100%);
  display: inline-block;
  line-height: 36px;
  border-radius: 36px;
  padding: 0px 8px;
  color: #fff;
  text-decoration: none;
  font-weight: bolder;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 667px) {
  section.team {
    margin-top: 12rem !important;
    padding-top: 0;
  }
  section.team .team-container {
    flex-direction: column;
    margin-top: 2rem;
    justify-content: center;
    align-items: center;
  }
  section.team .team-container .box {
    margin-bottom: 2rem;
    width: 80%;
  }
}

.partnerships #body {
  width: 100%;
}
.partnerships #opty_hands {
  margin-left: 40%;
  width: 25vw;
  height: 25vw;
  font-size: 1.5vw;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.partnerships .left-hand {
  display: block;
  position: absolute;
  top: 35%;
  left: -8%;
  width: 40%;
  height: 30%;
  z-index: 3;
  background: #282830;
  box-shadow: 0 2.3rem 0 0 rgba(0, 0, 0, 0.4) inset;
  transform: rotate(15deg);
}
.partnerships .left-hand span {
  displaY: block;
  position: absolute;
  right: 15%;
  top: 40%;
  letter-spacing: -0.6rem;
  line-height: 0;
  color: #eee;
  font-size: 7em;
}
.partnerships .left-hand::after {
  content: "";
  position: absolute;
  display: block;
  left: 100%;
  top: 0;
  z-index: -1;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  width: 10%;
  height: 100%;
  background: #2a2a2a;
}
.partnerships .left-hand::before {
  content: "";
  display: block;
  position: absolute;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  left: 100%;
  top: 12.5%;
  width: 15%;
  height: 75%;
  background: #fff;
}
.partnerships .right-hand {
  display: block;
  position: absolute;
  top: 35%;
  right: -8%;
  width: 40%;
  height: 30%;
  z-index: 3;
  background: #6C8784;
  box-shadow: 0 2.3rem 0 0 rgba(0, 0, 0, 0.4) inset;
  transform: rotate(-15deg);
}
.partnerships .right-hand span {
  displaY: block;
  position: absolute;
  left: 15%;
  top: 40%;
  letter-spacing: -0.6rem;
  line-height: 0;
  color: #eee;
  font-size: 7em;
}
.partnerships .right-hand::after {
  content: "";
  position: absolute;
  display: block;
  right: 100%;
  top: 0;
  z-index: -1;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  width: 10%;
  height: 100%;
  background: #2a2a2a;
}
.partnerships .right-hand::before {
  content: "";
  display: block;
  position: absolute;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  right: 100%;
  top: 12.5%;
  width: 15%;
  height: 75%;
  background: #fff;
}
.partnerships .left-shake {
  position: absolute;
  height: 18%;
  width: 31%;
  z-index: 2;
  border-radius: 20%;
  left: 31%;
  top: 54%;
  background: #F3D89F;
  transform: rotate(45deg);
}
.partnerships .right-shake {
  position: absolute;
  height: 18%;
  width: 31%;
  z-index: 1;
  border-radius: 20%;
  right: 31%;
  top: 52%;
  background: #E3C39D;
  transform: rotate(-45deg);
}
.partnerships .left-shake span {
  position: absolute;
  right: 0;
  top: -20%;
  z-index: 1;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.1);
  font-size: 3em;
  line-height: 25%;
}
.partnerships .right-shake::after {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 40%;
  border-radius: 30%;
  background: #F3D89F;
  top: -30%;
  z-index: -1;
  right: 13%;
  transform: rotate(40deg);
  box-shadow: -6px -5px 0 0 #E3C39D inset;
}
.partnerships .left-shake::after {
  content: "";
  display: block;
  position: absolute;
  width: 60%;
  height: 40%;
  border-radius: 30%;
  background: #E3C39D;
  top: -40%;
  z-index: -1;
  right: 34%;
  transform: rotate(110deg);
  box-shadow: 0.1em -0.05em 0 rgba(0, 0, 0, 0.05);
}
.partnerships .left-shake::before {
  content: "|||";
  font-weight: 500;
  text-indent: 0.25em;
  color: rgba(0, 0, 0, 0.1);
  line-height: 80%;
  font-size: 1.6em;
  letter-spacing: 0.15em;
  display: block;
  position: absolute;
  width: 50%;
  height: 50%;
  background: #E3C39D;
  box-shadow: 0px -0.5em 0 0 #E3C39D inset, 0px -0.55em 0 0 rgba(0, 0, 0, 0.1) inset, 0px -1em 0 0 rgba(255, 255, 255, 0.2) inset, 0.1em -0.1em 0 0 rgba(0, 0, 0, 0.1);
  right: 10%;
  z-index: 2;
  border-radius: 20%;
  bottom: -10%;
}
.partnerships .right-shake::before {
  content: "";
  display: block;
  position: absolute;
  width: 5%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  right: 39%;
}
.partnerships .right-hand {
  -webkit-animation: right-arm 0.5s linear infinite alternate;
}
.partnerships .left-hand {
  -webkit-animation: left-arm 0.5s linear infinite alternate;
}
.partnerships .right-shake {
  -webkit-animation: right-hand 0.5s linear infinite alternate;
}
.partnerships .left-shake {
  -webkit-animation: left-hand 0.5s linear infinite alternate;
}
@-webkit-keyframes right-arm {
  0% {
    top: 37%;
    transform: rotate(-15deg);
  }
  100% {
    top: 38%;
    transform: rotate(-20deg);
  }
}
@-webkit-keyframes left-arm {
  0% {
    top: 35%;
    transform: rotate(15deg);
  }
  100% {
    top: 36%;
    transform: rotate(20deg);
  }
}
@-webkit-keyframes right-hand {
  0% {
    top: 52%;
  }
  100% {
    top: 57%;
  }
}
@-webkit-keyframes left-hand {
  0% {
    top: 54%;
  }
  100% {
    top: 57%;
  }
}
.partnerships .handshake-outer {
  height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.partnerships .handshake-outer .handshake {
  position: relative;
  width: 20px;
  height: 20px;
  background: transparent;
  left: 0;
  z-index: -1;
  top: 0;
  border-radius: 50%;
  animation-name: shine-effect;
  animation-fill-mode: forwards;
}
.partnerships .handshake-outer .handshake .handshake1 {
  position: absolute;
  width: 140px;
  left: -130px;
  top: -48px;
  transform: translateX(0) rotate(0deg);
  animation-name: handshake1;
}
.partnerships .handshake-outer .handshake .handshake2 {
  position: absolute;
  width: 180px;
  left: 0;
  z-index: -1;
  top: -150px;
  transform: translateX(0) rotate(0deg);
  animation-name: handshake2;
}
@keyframes handshake1 {
  0% {
    transform: translateX(-50vw) rotate(360deg);
  }
  100% {
    transform: translateX(0px) rotate(0deg);
  }
  /*40%, 60% {
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    transform: translateX(-50vw) rotate(360deg);
  }*/
}
@keyframes handshake2 {
  0% {
    transform: translateX(50vw) rotate(360deg);
  }
  100% {
    transform: translateX(0px) rotate(0deg);
  }
  /*40%, 60% {
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    transform: translateX(50vw) rotate(360deg);
  }*/
}
@keyframes shine-effect {
  0% {
    box-shadow: 0 0 0 0 white;
  }
  100% {
    box-shadow: 0 0 40px 40px white;
  }
}
@media only screen and (max-width: 667px) {
  section#contact-us {
    padding-top: 16rem;
  }
}

.space-station {
  position: absolute;
  top: 0;
  right: 0;
}
.space-station .station, .space-station .astronaut1, .space-station .astronaut2, .space-station .astronaut3, .space-station .manager {
  position: absolute;
  right: 0;
  top: 0;
}
.space-station .station {
  z-index: -1;
}
.space-station .manager {
  z-index: 0;
  right: 100px;
  top: 20px;
  box-shadow: none !important;
  animation-delay: 2s;
}
.space-station .astronaut1, .space-station .astronaut2, .space-station .astronaut3 {
  z-index: -2;
}
.space-station .astronaut1 {
  right: 0;
  top: 300px;
  animation-delay: 1.2s;
}
.space-station .astronaut2 {
  right: 414px;
  top: 280px;
  animation-delay: 1.8s;
}
.space-station .astronaut3 {
  right: 295px;
  top: 107px;
  animation-delay: 1s;
}
@media only screen and (max-width: 667px) {
  .space-station {
    display: none;
  }
}

form .form-group {
  margin-bottom: 2rem;
}
form label {
  font-size: 1.2rem;
  margin-bottom: 0.2rem;
}
form input.form-control, form textarea.form-control {
  border-radius: 0;
  background-color: transparent;
  font-size: 1.2rem;
  color: white;
}
form input.form-control:focus, form textarea.form-control:focus {
  background-color: transparent;
  color: white;
}

#team-modal img {
  border-radius: 50%;
}

#discovery-page #signUpForm {
  max-width: 500px;
  background-color: #ffffff;
  margin: 40px auto;
  padding: 40px;
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.09);
  border-radius: 12px;
}
#discovery-page #signUpForm .form-header {
  gap: 5px;
  text-align: center;
  font-size: 0.9em;
}
#discovery-page #signUpForm .form-header .stepIndicator {
  position: relative;
  flex: 1;
  padding-bottom: 30px;
}
#discovery-page #signUpForm .form-header .stepIndicator.active {
  font-weight: 600;
}
#discovery-page #signUpForm .form-header .stepIndicator.active::before {
  background-color: #ef0f76;
  border: 3px solid #e8a6cc;
}
#discovery-page #signUpForm .form-header .stepIndicator.active::after {
  background-color: #ef0f76;
}
#discovery-page #signUpForm .form-header .stepIndicator.finish {
  font-weight: 600;
  color: #ef0f76;
}
#discovery-page #signUpForm .form-header .stepIndicator.finish::before {
  background-color: #ef0f76;
  border: 3px solid #e8a6cc;
}
#discovery-page #signUpForm .form-header .stepIndicator.finish::after {
  background-color: #ef0f76;
}
#discovery-page #signUpForm .form-header .stepIndicator::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 9;
  width: 20px;
  height: 20px;
  background-color: #ff94c5;
  border-radius: 50%;
  border: 3px solid #e8a6cc;
}
#discovery-page #signUpForm .form-header .stepIndicator::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 8px;
  width: 100%;
  height: 3px;
  background-color: #e8a6cc;
}
#discovery-page #signUpForm .form-header .stepIndicator:last-child:after {
  display: none;
}
#discovery-page #signUpForm label {
  font-size: 1rem;
  margin-bottom: 0.2rem;
}
#discovery-page #signUpForm input[type=text], #discovery-page #signUpForm input[type=email], #discovery-page #signUpForm textarea {
  padding: 15px 20px;
  width: 100%;
  font-size: 1em;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
}
#discovery-page #signUpForm input[type=text]:focus, #discovery-page #signUpForm input[type=email]:focus, #discovery-page #signUpForm textarea:focus {
  border: 1px solid #009688;
  outline: 0;
}
#discovery-page #signUpForm input[type=text].invalid, #discovery-page #signUpForm input[type=email].invalid, #discovery-page #signUpForm textarea.invalid {
  border: 1px solid #ffaba5;
}
#discovery-page #signUpForm .step {
  display: none;
}
#discovery-page #signUpForm .form-footer {
  overflow: auto;
  gap: 20px;
}
#discovery-page #signUpForm .form-footer button {
  background-color: #ec0d78;
  border: 1px solid #ec0d78 !important;
  color: #ffffff;
  padding: 13px 30px;
  font-size: 1em;
  cursor: pointer;
  border-radius: 5px;
  flex: 1;
  margin-top: 5px;
}
#discovery-page #signUpForm .form-footer button:hover {
  opacity: 0.8;
}
#discovery-page #signUpForm .form-footer #prevBtn {
  background-color: #fff;
  color: #ec0d78;
}

/*# sourceMappingURL=style.css.map */