.how-it-works-straight-dotted-bottom .animated-line {
  height: 132px;
  bottom: 0;
}
.how-it-works-straight-dotted-bottom .line-middle {
  width: 1px;
  height: 0%;
  border-right: dashed 4px #ced4df;
  left: 50%;
  top: 0;
  margin-left: -1px;
}
.how-it-works-straight-dotted-bottom .line-middle.animate {
  height: 100%;
}

.animated-line {
  position: absolute;
  width: 100%;
  height: 100%;
}
.animated-line .line-wrap {
  display: flex;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.animated-line .line {
  position: absolute;
  display: block;
  transition: all 1s;
}

.generating-solutions-title .animated-line {
  left: 0;
  bottom: 20.5px;
  width: 54px;
  height: 217px;
}
.generating-solutions-title .animated-line .line-middle {
  top: 0;
  left: 0;
  width: 1px;
  height: 0px;
  border-left: 3px dashed #ced4df;
}
.generating-solutions-title .animated-line .line-middle.animate {
  height: calc(100% - 1px);
}
.generating-solutions-title .animated-line .line-bottom {
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  border-bottom: 3px dashed #ced4df;
}
.generating-solutions-title .animated-line .line-bottom.animate {
  width: 100%;
}

.section-home-intro .animated-line {
  width: 248px;
  height: 264px;
  left: -292px;
  bottom: -153px;
}
.section-home-intro .animated-line .line-top {
  top: 0;
  right: 0;
  width: 0%;
  height: 1px;
  border-top: dashed 4px #ced4df;
}
.section-home-intro .animated-line .line-top.animate {
  width: 100%;
}
.section-home-intro .animated-line .line-middle {
  top: 1px;
  left: 0;
  width: 1px;
  height: 0%;
  border-left: dashed 4px #ced4df;
}
.section-home-intro .animated-line .line-middle.animate {
  height: calc(100% - 1px);
}

.key-link-left .elementor-widget-container {
  position: relative;
  height: 132px;
}
.key-link-middle .elementor-icon svg,
.key-link-left .elementor-icon svg {
  visibility: hidden;
  opacity: 0;
}
.key-link-middle .animated-line {
  top: 0;
  left: 50%;
}
.key-link-left .animated-line {
  top: 0;
  left: 0;
}
.key-link-middle .line-middle,
.key-link-left .line-middle {
  top: 0;
  left: 0;
  width: 1px;
  height: 0%;
  border-left: dashed 4px #ced4df;
}
.key-link-middle .line-middle.animate,
.key-link-left .line-middle.animate {
  height: 100%;
}

.how-it-works-straight-dashed-bottom .animated-line {
  left: 50%;
  bottom: 0;
  margin-left: -1.5px;
  width: 3px;
  height: 132px;
}
.how-it-works-straight-dashed-bottom .animated-line .line-middle {
  top: 0;
  left: 0;
  width: 1px;
  height: 0%;
  border-left: 3px dashed #ced4df;
}
.how-it-works-straight-dashed-bottom .animated-line .line-middle.animate {
  height: 100%;
}

.how-it-works-reasearch-top-animated-lines .animated-line {
  width: calc(50% - 4px);
  height: 226px;
  top: 0;
  left: 0;
}
.how-it-works-reasearch-top-animated-lines .line-top {
  position: absolute;
  right: 0;
  top: 0;
  margin-left: -1.5px;
  width: 3px;
  height: 0%;
  border-left: 3px dashed #ced4df;
}
.how-it-works-reasearch-top-animated-lines .line-top.animate {
  height: 85px;
}
.how-it-works-reasearch-top-animated-lines .line-middle {
  position: absolute;
  right: 0;
  top: 81px;
  width: 0%;
  height: 1px;
  border-top: 3px dashed #ced4df;
}
.how-it-works-reasearch-top-animated-lines .line-middle.animate {
  width: 100%;
}
.how-it-works-reasearch-top-animated-lines .line-bottom {
  position: absolute;
  left: 0;
  top: 82px;
  width: 1px;
  height: 0%;
  border-left: 3px dashed #ced4df;
}
.how-it-works-reasearch-top-animated-lines .line-bottom.animate {
  height: 222px;
}

.how-it-works-innovation-animated-lines .animated-line {
  top: -408px;
  right: -190px;
  width: 101.86px;
  height: 617.22px;
}
.how-it-works-innovation-animated-lines .line-top {
  top: 0;
  left: 0;
  width: 0%;
  height: 1px;
  border-top: 3px dashed #ced4df;
}
.how-it-works-innovation-animated-lines .line-top.animate {
  width: 100%;
}
.how-it-works-innovation-animated-lines .line-middle {
  top: 2px;
  right: 0;
  width: 1px;
  height: 0%;
  border-right: 3px dashed #ced4df;
}
.how-it-works-innovation-animated-lines .line-middle.animate {
  height: 615px;
}
.how-it-works-innovation-animated-lines .line-bottom {
  top: 613px;
  right: 0;
  width: 0%;
  height: 1px;
  border-bottom: 3px dashed #ced4df;
}
.how-it-works-innovation-animated-lines .line-bottom.animate {
  width: 100%;
}

.how-it-works-data-animated-lines .animated-line {
  top: -305px;
  left: -186px;
  width: 101.86px;
  height: 503.87px;
}
.how-it-works-data-animated-lines .line-top {
  top: 0;
  right: 0;
  width: 0%;
  height: 1px;
  border-top: 3px dashed #ced4df;
}
.how-it-works-data-animated-lines .line-top.animate {
  width: 100%;
}
.how-it-works-data-animated-lines .line-middle {
  top: 1px;
  left: 0;
  width: 1px;
  height: 0%;
  border-left: 3px dashed #ced4df;
}
.how-it-works-data-animated-lines .line-middle.animate {
  height: 502.87px;
}
.how-it-works-data-animated-lines .line-bottom {
  top: 500.87px;
  left: 0;
  width: 0%;
  height: 1px;
  border-top: 3px dashed #ced4df;
}
.how-it-works-data-animated-lines .line-bottom.animate {
  width: 100%;
}

.how-it-works-people-animated-lines .animated-line {
  top: -264px;
  right: -190px;
  width: 101.86px;
  height: 479.54px;
}
.how-it-works-people-animated-lines .line-top {
  top: 0;
  left: 0;
  width: 0%;
  height: 1px;
  border-top: 3px dashed #ced4df;
}
.how-it-works-people-animated-lines .line-top.animate {
  width: 100%;
}
.how-it-works-people-animated-lines .line-middle {
  top: 1px;
  right: 0;
  width: 1px;
  height: 0%;
  border-right: 3px dashed #ced4df;
}
.how-it-works-people-animated-lines .line-middle.animate {
  height: 478.54px;
}
.how-it-works-people-animated-lines .line-bottom {
  top: 476px;
  right: 0;
  width: 0%;
  height: 1px;
  border-bottom: 3px dashed #ced4df;
}
.how-it-works-people-animated-lines .line-bottom.animate {
  width: 100%;
}

.how-it-works-society-animated-lines .animated-line {
  top: -305px;
  left: -186px;
  width: 101.86px;
  height: 504.45px;
}
.how-it-works-society-animated-lines .line-top {
  top: 0;
  right: 0;
  width: 0%;
  height: 1px;
  border-top: 3px dashed #ced4df;
}
.how-it-works-society-animated-lines .line-top.animate {
  width: 100%;
}
.how-it-works-society-animated-lines .line-middle {
  top: 1px;
  right: left;
  width: 1px;
  height: 0%;
  border-left: 3px dashed #ced4df;
}
.how-it-works-society-animated-lines .line-middle.animate {
  height: 503.45px;
}
.how-it-works-society-animated-lines .line-bottom {
  top: 501.45px;
  right: left;
  width: 0%;
  height: 1px;
  border-bottom: 3px dashed #ced4df;
}
.how-it-works-society-animated-lines .line-bottom.animate {
  width: 100%;
}

.how-it-works-bottom-animated-lines .animated-line {
  top: -66px;
  left: 50%;
  margin-left: 1.5px;
  width: 3px;
  height: 132px;
}
.how-it-works-bottom-animated-lines .line-top {
  top: 0;
  left: 0;
  width: 1px;
  height: 0%;
  border-left: 3px dashed #ced4df;
}
.how-it-works-bottom-animated-lines .line-top.animate {
  height: 100%;
}

.impac-stats-with-dash-lines .dash-lines-top,
.impac-stats-with-dash-lines .dash-lines-bottom {
  position: absolute;
  left: 0;
  z-index: 10;
  width: 0px;
  height: 105px;
  border-left: dashed 4px #ced4df;
}

.keyline-left-lng .clone-box {
  display: none !important;
}
.keyline-left-lng .elementor-column {
  width: 567.96px;
  height: 135.51px;
}
.keyline-left-lng .animated-line {
  top: 0;
  left: 0;
}
.keyline-left-lng .line-top {
  top: 0;
  right: 0;
  width: 4px;
  height: 0%;
  border-right: dashed 4px #ced4df;
}
.keyline-left-lng .line-top.animate {
  height: 75px;
}
.keyline-left-lng .line-middle {
  top: 71px;
  right: 0;
  width: 0%;
  height: 1px;
  border-top: dashed 4px #ced4df;
}
.keyline-left-lng .line-middle.animate {
  width: 100%;
}
.keyline-left-lng .line-bottom {
  top: 78px;
  left: 0;
  width: 4px;
  height: 0%;
  border-right: dashed 4px #ced4df;
}
.keyline-left-lng .line-bottom.animate {
  height: 51px;
}

@media only screen and (max-width: 1024px) {
  .key-link-middle,
  .keyline-left-lng,
  .animated-line,
  .dash-lines-bottom,
  .dash-lines-top {
    display: none !important;
    opacity: 0;
    visibility: hidden;
  }
}
