.our-journy > div {
  position: relative;
  width: calc(33.33% - 107px);
}
.journy-cnt:after,
.journy-cnt:before,
.our-journy > div:nth-child(3n):after,
.our-journy > div:nth-child(3n):before,
.our-journy > div:nth-child(3n + 1):after,
.our-journy > div:nth-child(3n + 1):before,
.our-journy > div > div:after,
.our-journy > div > div:before {
  content: "";
  position: absolute;
  display: block;
}
.our-journy > div > div:before {
  border-top: 1px dashed #c6c2c2;
}
.our-journy > div:nth-child(3n):before {
  border-right: 1px dashed #c6c2c2;
}
.our-journy > div:nth-child(3n + 1):before {
  border-bottom: 1px dashed #c6c2c2;
}
.our-journy > div:nth-child(3n):after,
.our-journy > div:nth-child(3n):before,
.our-journy > div > div:before {
  top: 30px;
}
.our-journy > div > div:before {
  width: 100%;
  height: 1px;
  left: 100%;
}
.our-journy > div:last-child > div:before, .our-journy > div:nth-child(3n) > div:before {
  width: 20%;
}
.our-journy > div:last-child > div:after {
  left: calc(100% + 17%);
}
.our-journy > div:nth-child(3n):after,.our-journy > div > div:after {
  width: 12px;
}
.our-journy > div > div:after {
  background: url(./left-triangle.svg) no-repeat 50% / cover;
  left: calc(100% + 20%);
  height: 12px;
  top: 25px;
}
.our-journy > div:nth-child(3n) > div:after {
  left: 118%;
  display: none;
}
.our-journy > div:nth-child(3n):after,.our-journy > div:nth-child(3n):before {
  height: calc(100% + 60px);
}
.our-journy > div:nth-child(3n):before {
  width: 1px;
  left: 120%;
} 
.our-journy > div:nth-child(3n):after {
  left: 118.8%;
  background: url(./triangle-up.svg) no-repeat 50%;
}
.our-journy > div:nth-child(3n + 1):after,
.our-journy > div:nth-child(3n + 1):before {
  width: calc((100% * 3) + 312px + 20% - 70px);
  top: calc(100% + 90px);
  left: 78px;
}
.our-journy > div:nth-child(3n + 1):after {
  background: url(./triangle-right.svg) no-repeat right 8% center,
    url(./triangle-right.svg) no-repeat right 36% center,
    url(./triangle-right.svg) no-repeat right 64% center,
    url(./triangle-right.svg) no-repeat right 92% center;
  height: 12px;
  top: calc(100% + 85px);
}
.our-journy > div:nth-child(3n + 1) .journy-cnt:before {
  width: 1px;
  border-left: 1px dashed #c6c2c2;
  height: 70px;
  bottom: calc(100% + 22px);
  left: 54px;
}  
.our-journy > div:nth-child(3n + 1) .journy-cnt:after {
  background: url(./triangle-up.svg) no-repeat 50%/12px 12px;
  width: 12px;
  height: 70px;
  bottom: calc(100% + 14px);
  left: 48px;
}
.our-journy > div:first-child .journy-cnt:before {
  height: 100px;
}
.our-journy > div:first-child .journy-cnt:after,
.our-journy > div:last-child > div:after {
  background: unset;
  width: 12px;
  height: 12px;
  background-color: #a59f9f;
  display: block !important;
}
.our-journy > div:first-child .journy-cnt:after {
  bottom: calc(100% + 100px);
}
.our-journy > div:nth-child(3n):last-child:after,
.our-journy > div:nth-child(3n):last-child:before,
.our-journy > div:nth-child(3n + 1):nth-last-child(-n + 3):after,
.our-journy > div:nth-child(3n + 1):nth-last-child(-n + 3):before {
  display: none;
}
.shadow-4xl {
  box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

@media (max-width: 1649px) {
  .our-journy > div:nth-child(3n) > div:after {
    left: 116%;
  }
  .our-journy > div:nth-child(3n):after {
    left: 117.8%;
  }
  .our-journy > div:nth-child(3n + 1) .journy-cnt:before {
    height: 66px;
    left: 49px;
  }
  .our-journy > div:nth-child(3n + 1) .journy-cnt:after {
    left: 43px;
  }
  .our-journy > div:first-child .journy-cnt:after {
    bottom: calc(100% + 72px);
  }
}

@media (max-width: 1449px) {
  .our-journy > div {
    width: calc(33.33% - 113px);
  } 
  .our-journy > div:nth-child(3n + 1):after, .our-journy > div:nth-child(3n + 1):before {
    width: calc((100% * 3) + 256px + 20% - 70px);
  }
  .our-journy > div:nth-child(3n):after, .our-journy > div:nth-child(3n):before {
    height: calc(100% + 30px);
  }
  .our-journy > div:nth-child(3n + 1):after, .our-journy > div:nth-child(3n + 1):before {
    top: calc(100% + 60px);
  }
  .our-journy > div:nth-child(3n + 1):after {
    top: calc(100% + 55px);
  }
  .our-journy > div:nth-child(3n + 1) .journy-cnt:before {
    height: 64px;
  }
}

@media (max-width: 1199px) {
  .px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
  .our-journy > div {
    width: calc(26% - 43px);
  }
  
  .our-journy > div:nth-child(3n + 1):after, .our-journy > div:nth-child(3n + 1):before {
    width: calc((100% * 3) + 128px + 20% - 70px);
  }
  .our-journy > div > div:after {
    left: calc(100% + 10%);
  }
  .our-journy > div:nth-child(3n) > div:after {
    left: 115%;
  }
  .our-journy > div:nth-child(3n):after, .our-journy > div:nth-child(3n):before {
    height: calc(100% + 2px);
  }
  .our-journy > div:nth-child(3n + 1):after, .our-journy > div:nth-child(3n + 1):before {
    top: calc(100% + 32px);
  }
  .our-journy > div:nth-child(3n + 1):after {
    top: calc(100% + 27px);
  }
  .our-journy > div:nth-child(3n + 1) .journy-cnt:after, .our-journy > div:nth-child(3n + 1) .journy-cnt:before {
    height: 30px;
  }
  .our-journy > div:first-child .journy-cnt:after {
    height: 12px !important;
    bottom: calc(100% + 42px) !important;
  }
  .our-journy > div:nth-child(3n + 1) .journy-cnt:before {
    left: 53px;
    bottom: calc(100% + 10px);
  }
  .our-journy > div:nth-child(3n + 1) .journy-cnt:after {
    left: 47px;
    bottom: calc(100% + 8px);
  }
  .our-journy > div:nth-child(3n+1)::before{
  position: absolute;
  top: 60px !important;
  }
  .our-journy > div:nth-child(3n+1)::after{
/*     top: 66px !important;  */
    top: 54px !important;
  }
}

@media (max-width: 991px) {
  .our-journy > div {
    width: calc(33.33% - 27px);
  }
  .our-journy > div:nth-child(3n + 1):after, .our-journy > div:nth-child(3n + 1):before {
    width: calc((100% * 3) + 80px + 20% - 70px);
  }
  .our-journy > div:nth-child(3n):after,
  .our-journy > div:nth-child(3n + 1) .journy-cnt:after,
  .our-journy > div:nth-child(3n + 1):after,
  .our-journy > div > div:after {
    background-size: 8px 8px;
  }
  .our-journy > div > div:after {
    left: calc(100% + 6%);
  }
  .our-journy > div:nth-child(3n) > div:after {
    left: 117%;
  }
  .our-journy > div:nth-child(3n):after {
    left: 116.8%;
  }
  .our-journy > div:first-child .journy-cnt:after,  .our-journy > div:last-child > div:after {
    height: 8px !important;
    width: 8px !important;
  }
  .our-journy > div:first-child .journy-cnt:after {
    left: 50px !important;
  }
  .our-journy > div:last-child > div:after {
    top: 26px !important;
  }
}

@media (max-width: 767px) {
  .our-journy > div {
    width: 100%;
  }
  .our-journy > div:nth-child(3n + 1) .journy-cnt:after,
  .our-journy > div:nth-child(3n + 1) .journy-cnt:before,
  .our-journy > div:nth-child(3n + 1):after,
  .our-journy > div:nth-child(3n + 1):before,
  .our-journy > div > div:after,
  .our-journy > div > div:before {
    display: none;
  }
  .our-journy {
    position: relative;
  }
  .our-journy:after,  .our-journy:before,  .our-journy > div:after,  .our-journy > div:before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    height: 100%;
  }
  .our-journy:before {
    width: 1px;
    border-left: 1px dashed #c6c2c2;
    left: -22px;
  }
  .our-journy:after {
    background: url(./triangle-up.svg) no-repeat 0 100%,
    url(./triangle-down.svg) no-repeat 0 0;
    width: 12px;
    left: -26px;
    background-size: 10px;
  }
  .our-journy > div:before {
    width: 100% !important;
    height: 1px !important;
    border-top: 1px dashed #c6c2c2 !important;
    left: -20px !important;
    top: 34px !important;
    position: absolute;
  }
  .our-journy > div:after {
    width: 8px !important;
    height: 8px !important;
    left: -25px !important;
    top: 31px !important;
    background-color: #a59f9f !important;
  }
  .our-journy > div:first-child .journy-cnt:after,  .our-journy > div:last-child > div:after {
    display: none !important;
  }
}