.hero-video-section {
    background: url(/wp-content/uploads/2024/04/dark-blue-bg-noise.jpg);
    background-repeat: repeat;
    
  }
 .headline {
    background: url(/wp-content/uploads/2024/04/dot-graph-bg.png);
    background-repeat: repeat-x;
    max-width: 100% !important;
 }
  .video-header {
    position: fixed;
    width: 100%;
    z-index: 100000000;
    float: left;
    background-color: transparent !important;

  }

  .countdown-section {
    position: relative;
  }
  
  figure.countdown-video {
    width: 100%;
  }

  figure.horse-logo {
    position: absolute;
    bottom: -82px;
  }
  
  figure.countdown-video img {
      width: 100%;
  }
  .video-cta-section {
    display: flex;
    flex-direction: column;
  }

  .get-in-touch {
    margin-bottom: -50px !important;
  }
  .video-dashboard-banner {
    max-width: 1280px !important;
  }
  .cb-container.hero-video-section {
    padding: 100px 0 !important;
  }
  .the-problem .line-goal{
    position: relative;
  }
  
  .the-problem {
    background: url(/wp-content/uploads/2024/04/light-blue-bg-grid.png);
    background-repeat: repeat;
  }
  .the-solution {
    background: url(/wp-content/uploads/2024/04/medium-blue-bg-noise.jpg);
    background-repeat: repeat;
  }
  .the-results {
    background: url(/wp-content/uploads/2024/04/dark-blue-bg-grid.png);
    background-repeat: repeat;
  }

  .the-problem .number-1 {
    position: absolute;
    top: -20px;
    left: 140px;
    color: #fff;
    font-family: 'Proxima';
    font-size: 40px;
  }
  
  .missed-opportunities {
    position: relative;
  }

  .the-problem .number-2 {
    position: absolute;
    top: 165px;
    left: 382px;
    width: 48px;
    height: 48px;
    color: #fff;
    font-family: 'Proxima';
    font-size: 18px;
    padding: 7px !important;
  }

  .the-problem .number-3 {
    position: absolute;
    top: 225px;
    left: 122px;
    width: 60px;
    height: 60px;
    color: #fff;
    font-family: 'Proxima';
    font-size: 24px;
    padding: 7px !important;
  }

  .the-problem .number-4 {
    position: absolute;
    top: 260px;
    left: 500px;
    width: 92px;
    height: 92px;
    color: #fff;
    font-family: 'Proxima';
    font-size: 28px;
    padding: 14px !important;
  }
  
  .the-problem .arrow-1 {
    position: absolute;
    left: 270px;
    top: 122px;
    -webkit-animation: spin1 2s ease 0s infinite normal;
    animation: spin1 2s ease 0s infinite normal;
  }
  
  .the-problem .arrow-2 {
    position: absolute;
    left: 388px;
    top: 89px;
    width: 25px;
    height: 25px;
    -webkit-animation: spin2 2s ease 0s infinite normal;
    animation: spin2 2s ease 0s infinite normal;
  }
  
  .the-problem .arrow-3 {
    position: absolute;
    left: 516px;
    top: 52px;
    -webkit-animation: spin3 2s ease 0s infinite normal;
    animation: spin3 2s ease 0s infinite normal;
  }
  
  .the-problem .arrow-4 {
    position: absolute;
    left: 175px;
    top: 309px;
    width: 25px;
    height: 25px;
    -webkit-animation: spin3 2s ease 0s infinite normal;
      animation: spin3 2s ease 0s infinite normal;
  }
  
  .the-problem .arrow-5 {
    position: absolute;
    left: 306px;
    top: 289px;
    -webkit-animation: spin2 2s ease 0s infinite normal;
    animation: spin2 2s ease 0s infinite normal;
  }
  
  .the-problem .arrow-6 {
    position: absolute;
    left: 420px;
    top: 302px;
    width: 25px;
    height: 25px;
    -webkit-animation: spin1 2s ease 0s infinite normal;
    animation: spin1 2s ease 0s infinite normal;
  }


.the-problem .circle-quote {
  margin-left: -10px !important;
  -webkit-animation: pulse 3.5s ease 0s infinite normal;
  animation: pulse 3.5s ease 0s infinite normal;
}

.button-pulse {
  -webkit-animation: pulse 3.5s ease 0s infinite normal;
  animation: pulse 3.5s ease 0s infinite normal;
}

.the-solution .viewport{
  -webkit-animation: scroll 9s ease 0s infinite alternate;
}

.the-results .pulse-1 {
  margin-top: -170px !important;
  margin-right: 10px !important;
  -webkit-animation: pulseonce 3s ease 0s infinite normal;
  animation: pulseonce 3s ease 0s infinite normal;
}

.the-results .learnings .pulse-2 {
  -webkit-animation: pulseonce 3s ease .5s infinite normal;;
  animation: pulseonce 3s ease .5s infinite normal;;
}

.the-results .learnings .pulse-3 {
  -webkit-animation: pulseonce 3s ease 1s infinite normal;
  animation: pulseonce 3s ease 1s infinite normal;
}

.curve-line img {
  position: absolute;
  top: 60px;
  left: 195px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.the-results .learnings {
  position: relative;

}

.the-solution .dashboard {
  float: left;
  width: 870px;
  height: 278px;
  background: url(/wp-content/uploads/2024/04/browser.png) no-repeat;
  position: relative;
  overflow: hidden;
}

.the-results .up-arrow {
  -webkit-animation: moveup 1s ease 0s infinite normal;
  animation: moveup 1s ease 0s infinite normal;
  position: relative;

}

.the-results .down-arrow {
  -webkit-animation: movedown 1s ease 0s infinite normal;
  animation: movedown 1s ease 0s infinite normal;
  position: relative;

}

.the-solution .dot-graph {
  position: relative;
}

.the-solution .missed-opportunities .dot-graph .dot {
  width: 24px;
  height: 24px;
  background: #e65d54;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: absolute;
  left: 370px;
  top: -10px;
  -webkit-animation: swell 1s ease 0s infinite normal;
  animation: swell 1s ease 0s infinite normal;
}

.the-solution .missed-opportunities .dot-graph .dot .swell {
  opacity: 1;
  width: 23px;
  height: 24px;
  background: transparent;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #e65d54;
  -webkit-animation: drop 1s ease 0s infinite normal;
  animation: drop 1s ease 0s infinite normal;
}


@keyframes drop {
  0% {
  transform: scale(1);
  opacity: 1;
  }

  25% {
    transform: scale(1.1);
    opacity: .7;
  }

  50% {
    transform: scale(1.2);
    opacity: .5;
  }

  75% {
    transform: scale(1.3);
    opacity: .3;
  }

  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}

@keyframes moveup {
  0% {
    top: 0;
  }
  50% {
    top: -10px;
  }
  100% {
    top: 0;
  }
}

@keyframes movedown {
  0% {
  top: 0;
  }
  50% {
  top: 10px;
  }
  100% {
  top: 0;
  }
}


@keyframes moveup {
  0% {
    top: 0;
  }
  50% {
    top: -10px;
  }
  100% {
    top: 0;
  }
}


@keyframes pulseonce {
  0% {
    -webkit-transform: scale(1);
  }
  5% {
    -webkit-transform: scale(1.04);
  }
  10% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes spin3 {
  0% {
    transform: none;
  }
    
  25% {
    transform: rotate(-60deg);
  }
  50% {
    transform: rotate(-170deg);
  }
  75% {
    transform: rotate(-80deg);
  }
  100% {
    transform: none;
  }
}
  
@keyframes spin2 {
  0% {
    transform: none;
  }
  30% {
    transform: rotate(-190deg);
  }
  60% {
    transform: rotate(-30deg);
  }
  80% {
    transform: rotate(50deg);
  }
}
  
@keyframes spin1 {
  0% {
    transform: none;
  }
  20% {
  transform: rotate(15deg);
  }
  40% {
  transform: rotate(70deg);
  }
  60% {
    transform: rotate(120deg);
  }
  100% {
    transform: none;
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  5% {
    transform: scale(1.02);
  }
  10% {
    transform: scale(1);
  }
  15% {
    transform: scale(1.02);
  }
  20% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes scroll {
  0% {
    margin-top: 0;
  }
  30% {
    margin-top: 0;
  }
  100% {
    margin-top: -38px;
  }
}