.stepicon-main .stepicon-outer.go .stepicon-repeat:before { transition: all 1.2s cubic-bezier(0.3,0.1,0.58,1); }
.fade-in-image {
  animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

.container-module { margin-left: auto; margin-right: auto;  padding-left:15px; padding-right:15px; float:none; box-sizing: border-box; }
.container-module:after { content: ''; display: table; clear: both; }
@media (min-width:768px) { .container .dnd-section > .row-fluid, .container-module{ width: 750px; } }
@media (min-width:992px) { .container .dnd-section > .row-fluid, .container-module { width: 970px; } }
@media (min-width:1200px) { .container .dnd-section > .row-fluid, .container-module { width: 1140px; } }  

@media(max-width:1199px){
    .stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+2):before { width: 200px; background-size: 200px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+4):before { background-size: 220px; }
    .stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+4):before { width: 218px; }
    .stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+5):before { width: 210px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+5):before { background-size: 200px; right: -22px; }
}






.stepicon-main { padding: 120px 0px 132px; position: relative; z-index: 1; overflow: hidden; }
/* .stepicon-main:after { content: ''; position: absolute; bottom: -1px; left: 0px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 0 0 166px 100vw; border-color: transparent transparent #fff transparent; z-index: -1; } */
.stepicon-main h3 { text-align: center; max-width: 775px; margin: 0 auto; }
.stepicon-main .stepicon-outer { display: flex; flex-wrap: wrap; padding-top: 35px; }
.stepicon-main .stepicon-outer .stepicon-repeat { position: relative; width: 33.33%; float: left; margin: 37px 0px; padding-left: 40px; padding-right: 40px; }
.stepicon-main .stepicon-outer .stepicon { background: #fff; box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.24); border-radius: 10px; width: 97px; height: 97px; display: inline-block; display: flex; align-items: center; justify-content: center; ; }
.stepicon-main .stepicon-outer .stepicon img { max-width: 40px; max-height: 40px; object-fit: contain; object-position: center; ; ; }
.stepicon-main .stepicon-outer .stepicon-repeat:hover img { ; }
.stepicon-main .stepicon-outer h4 { margin-top: 37px; margin-bottom: 20px; color:#fff;}
.stepicon-main .stepicon-outer .stepicon-text { font-size: 16px; max-width: 275px; color:#fff; }
.stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n + 2) { padding-top: 77px; }
.stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n + 3) { padding-top: 144px; }
.stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n + 4) { order: 4; }
.stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n + 5) { padding-top: 70px; }


.stepicon-main .stepicon-outer .stepicon-repeat:before { content: ''; z-index: -1; pointer-events: none; position: absolute; width: 200px; height: 95px; background-repeat: no-repeat; background-size: contain; background-position: center; }

.stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n + 1):before { top: 30px; left: 180px; background-image: url('https://www.rewireinc.com/hubfs/arrows/Arrow-1.webp'); }
.stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n + 2):before { top: 60px; left: 158px; width: 233px; height: 190px; background-image: url('https://www.rewireinc.com/hubfs/arrows/Arrow-2.webp'); }
.stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n + 4):before { top: -118px; left: 140px; width: 280px; height: 249px; background-image: url('https://www.rewireinc.com/hubfs/arrows/Arrow-3.webp'); }
.stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n + 5):before { top: -30px; left: 129px; width: 292px; height: 191px; background-image: url('https://www.rewireinc.com/hubfs/arrows/Arrow-4.webp'); }


.stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+1):before { width: 200px; transition-delay: 1.2s;}
.stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+2):before { width: 240px; transition-delay: 2.4s; }
.stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+4):before { width: 270px; transition-delay: 3.6s; }
.stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+5):before { width: 279px; transition-delay: 4.8s; }

@media (max-width:1199px){
    .stepicon-main .stepicon-outer.go .stepicon-repeat:before { transition: all 1.2s cubic-bezier(0.3,0.1,0.58,1); }
      .stepicon-main:after { border-width: 0 0 115px 100vw; }
    .stepicon-main { padding: 90px 0px 132px; }
    .stepicon-main .stepicon-outer .stepicon-repeat { padding-left: 30px; padding-right: 30px; }
      .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+1):before { top: 27px; left: 145px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:before { width: 175px; height: 95px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+2):before { top: 60px; left: 135px; width: 200px; height: 170px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+4):before { top: -110px; left: 118px; width: 244px; height: 232px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+5):before { top: -3px; left: 129px; width: 200px; height: 162px; }
}
@media (max-width:991px){
      .stepicon-main .stepicon-outer .stepicon-repeat { padding-left: 10px; padding-right: 10px; }
    .stepicon-main .stepicon-outer .stepicon { width: 87px; height: 87px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+2) { padding-top: 50px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+3) { padding-top: 110px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+5) { padding-top: 50px; }
    .stepicon-main .stepicon-outer .stepicon-text { font-size: 15px; }
    .stepicon-main:after { border-width: 0 0 75px 100vw; }
    .stepicon-main { padding: 80px 0px 90px; }
  .stepicon-main .stepicon-outer .stepicon-repeat:before { width: 138px; height: 70px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+1):before { top: 17px; left: 105px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+2):before { top: 50px; left: 102px; width: 145px; height: 120px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+4):before { top: -100px; left: 80px; width: 200px; height: 185px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+5):before { top: -9px; left: 99px; width: 148px; height: 115px; }
}
@media(max-width:991px){
    .stepicon-main .stepicon-outer.go .stepicon-repeat:before { transition: all 1.2s cubic-bezier(0.3,0.1,0.58,1); }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+1):before { /*background-size: 140px;*/ top: 40px; }
    .stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+1):before { width: 140px; transition-delay: 1.2s;}
    .stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+2):before { width: 143px; transition-delay: 2.4s;}
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+2):before { /*background-size: 140px !important;*/ }
    .stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+4):before { width: 177px; transition-delay: 3.6s;}
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+4):before { /*background-size: 200px;*/ margin-top: 10px; }
    .stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+5):before { width: 150px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+5):before { right: -10px; /*background-size: 150px;*/transition-delay: 4.8s; }
}
@media (max-width:767px){
   .stepicon-main .stepicon-outer .stepicon-repeat { padding-left: 0px; padding-right: 0px; width: 100%; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+2) { padding-top: 0; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+3) { padding-top: 0; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+5) { padding-top: 0; }
    .stepicon-main .stepicon-outer .stepicon-repeat { margin: 25px 0px; text-align: center; } 
    .stepicon-main .stepicon-outer .stepicon { margin: 0 auto;}
    .stepicon-main .stepicon-outer .stepicon-text { margin: 0 auto;}
    .stepicon-main .stepicon-outer { padding-top: 35px; max-width: 350px; margin: 0 auto; }
      .stepicon-main .stepicon-outer .stepicon-repeat:before{ content: none; }
}

@media (max-width:480px){
    .stepicon-main:after { border-width: 0 0 45px 100vw;}
}




.stepicon-main .stepicon-outer .stepicon-repeat:before { transition: all 0s; transition-delay:0s; }
.stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+1):before { background-size: 185px; background-position: top left; width: 0; }
.stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+2):before { background-position: top left; background-size: 235px; width: 0;  }
.stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+4):before { background-position: right top; background-size: 280px; left: auto; right: -49px; width: 0;}
.stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+5):before { left: auto; right: -32px; background-position: right top; background-size: 260px; width: 0;  }

.stepicon-main .stepicon-outer.go .stepicon-repeat:before { transition: all 1.2s cubic-bezier(0.3, 0.1, 0.58, 1); }
.stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+1):before { width: 200px; }
.stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+2):before { width: 240px; transition-delay: calc(1.2s * 2); }
.stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+4):before { width: 270px; transition-delay: calc(1.2s * 3); }
.stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+5):before { width: 279px; transition-delay: calc(1.2s * 4); }

@media(max-width:1199px){
    .stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+2):before { width: 200px; background-size: 200px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+4):before { background-size: 220px; }
    .stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+4):before { width: 218px; }
    .stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+5):before { width: 210px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+5):before { background-size: 200px; right: -22px; }
}
@media(max-width:991px){
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+1):before { background-size: 140px; top: 40px; }
    .stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+1):before { width: 140px; }
    .stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+2):before { width: 143px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+2):before { background-size: 140px !important; }
    .stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+4):before { width: 177px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+4):before { background-size: 200px; margin-top: 10px; }
    .stepicon-main .stepicon-outer.go .stepicon-repeat:nth-child(5n+5):before { width: 150px; }
    .stepicon-main .stepicon-outer .stepicon-repeat:nth-child(5n+5):before { right: -10px; background-size: 150px; }
}