.step-box-sec { width: 100%; display: inline-block; vertical-align: top; background: linear-gradient(90deg,#84a25229,rgba(236,242,246,0) 70.31%); padding: 60px 0 260px; position: relative; z-index: 2; }
.step-box-sec:before { content: ""; width: 100%; height: 100%; display: inline-block; vertical-align: top; background-image: url(https://22553003.fs1.hubspotusercontent-na1.net/hubfs/22553003/RevImpact%202023/Images/services-line-bg.png); background-repeat: no-repeat; background-size: 100%; background-position: top; position: absolute; top: 0; left: 0; }
.step-box-sec .sb-wrap { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.step-box-sec .sb-wrap .top { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; position: relative; z-index: 2; }
.step-box-sec .sb-wrap .top .top-wrap { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100%; text-align: right; }
.step-box-sec .sb-wrap .top .top-wrap h2 { width: 100%; display: inline-block; vertical-align: top; }
.step-box-sec .sb-wrap .top .top-wrap h3 { width: 100%; display: inline-block; vertical-align: top; }
.step-box-sec .sb-wrap .top .top-wrap .cta { width: 100%; display: inline-block; vertical-align: top; margin-top: 5px; }

.step-box-sec .sb-wrap .bottom { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin: 68px 0 0; }
.step-box-sec .sb-wrap .bottom .bottom-wrap { width: calc(100% + 0px); display: flex; justify-content: flex-start; align-items: flex-start; letter-spacing: -.5px; margin: 0; }
.step-box-sec .sb-wrap .bottom .bottom-wrap .step-col { width: 285px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; border-radius: 6px; background: linear-gradient(180deg,#fff,#fafafa); box-shadow: 0 10px 15px rgb(92 92 92 / 15%); overflow: hidden; transition: .5s; position: relative; z-index: 2; padding: 50px 50px 50px 20px; margin: 0px; }
.step-box-sec .sb-wrap .bottom .bottom-wrap .step-col:nth-child(2) { transform: translate(-30px,56px); }
.step-box-sec .sb-wrap .bottom .bottom-wrap .step-col:nth-child(3) { transform: translate(-60px,112px); }
.step-box-sec .sb-wrap .bottom .bottom-wrap .step-col:nth-child(4) { transform: translate(-90px,168px); }
.step-box-sec .sb-wrap .bottom .bottom-wrap .step-col .col-wrap { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; text-align: left; }
.step-box-sec .sb-wrap .bottom .bottom-wrap .step-col .col-wrap .icon { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin: 0 0 15px; }
.step-box-sec .sb-wrap .bottom .bottom-wrap .step-col .col-wrap .icon img { width: 64px; height: 64px; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; object-fit: cover; object-position: center; margin: 0; }
.step-box-sec .sb-wrap .bottom .bottom-wrap .step-col .col-wrap .title { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin: 0; }
.step-box-sec .sb-wrap .bottom .bottom-wrap .step-col .col-wrap .title h4 { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-bottom: 5px; }
.step-box-sec .sb-wrap .bottom .bottom-wrap .step-col .col-wrap .text { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin: 0; transition: .5s; }
.step-box-sec .sb-wrap .bottom .bottom-wrap .step-col .col-wrap .text p { display: inline-block; vertical-align: top; font-size: 18px; margin-bottom: 0; }
.step-box-sec .sb-wrap .bottom .bottom-wrap .step-col .col-wrap .text p strong { margin: 0; }

.step-box-sec ul.shape-group-7 { list-style-type: none; padding: 0; margin: 0; }
.shape-group-7 .shape { position: absolute; z-index: -1; }
.shape-group-7 .shape.shape-1 { top: 0; left: 32%; }
.shape-group-7 .shape.shape-2 { top: 180px; left: 18%; opacity: .5; -webkit-animation: movingleftright1 20s infinite; animation: movingleftright1 20s infinite; }
.shape-group-7 .shape.shape-3 { top: 31%; left: 20%; -webkit-animation: movingleftright2 25s infinite; animation: movingleftright2 25s infinite; }
.shape-group-7 .shape.shape-4 { top: 44%; left: 28%; -webkit-animation: movingleftright1 25s infinite; animation: movingleftright1 25s infinite; }
.shape-group-7 .shape.shape-5 { top: 50%; left: 17%; -webkit-animation: movingleftright2 30s infinite; animation: movingleftright2 30s infinite; }
.shape-group-7 .shape.shape-6 { top: 26%; right: 21%; -webkit-animation: movingleftright3 30s infinite; animation: movingleftright3 30s infinite; }
.shape-group-7 .shape.shape-7 { top: 30%; right: 15%; -webkit-animation: movingleftright1 30s infinite; animation: movingleftright1 30s infinite; }

 

@media(max-width:1200px) {
  .step-box-sec .sb-wrap .bottom .bottom-wrap .step-col .col-wrap .title h4{font-size: 20px; line-height: 30px;}
  .step-box-sec .sb-wrap .bottom .bottom-wrap .step-col .col-wrap .text p {font-size: 16px; }

}

@media(max-width: 991px){
  .step-box-sec { padding: 50px 0; }
  .step-box-sec .sb-wrap .bottom .bottom-wrap { width: calc(100% + 30px); flex-wrap: wrap; justify-content: space-between; margin: 0 -15px; }
  .step-box-sec .sb-wrap .bottom .bottom-wrap .step-col { width: calc(100% / 2 - 30px); margin: 15px; }
  .step-box-sec .sb-wrap .top .top-wrap { text-align: center; }
  .step-box-sec .sb-wrap .top .top-wrap h2{ font-size: 38px; line-height: 48px; }
  .step-box-sec .sb-wrap .top .top-wrap h3 {font-size: 26px; line-height: 36px; }
  .step-box-sec .sb-wrap .bottom .bottom-wrap .step-col:nth-child(2) { transform: unset; }
  .step-box-sec .sb-wrap .bottom .bottom-wrap .step-col:nth-child(4) { transform: unset; }
  .step-box-sec .sb-wrap .bottom .bottom-wrap .step-col:nth-child(3) { transform: unset; }
}

@media(max-width: 600px) {

  .step-box-sec .sb-wrap .top .top-wrap h2 { font-size: 35px; line-height: 45px; }
  .step-box-sec .sb-wrap .top .top-wrap h3 { font-size: 24px; line-height: 34px; }   
  .step-box-sec .sb-wrap .bottom .bottom-wrap .step-col { width: calc(100% / 1 - 30px); padding: 50px; }
  .step-box-sec .sb-wrap .bottom .bottom-wrap .step-col .col-wrap { justify-content: center; text-align: center; margin: 0 auto; }
  .step-box-sec .sb-wrap .bottom .bottom-wrap .step-col .col-wrap .icon { justify-content: center; }
  .step-box-sec .sb-wrap .bottom .bottom-wrap .step-col .col-wrap .title { text-align: center; }
  .step-box-sec .sb-wrap .bottom .bottom-wrap .step-col .col-wrap .title h4 { justify-content: center; }
  .step-box-sec .sb-wrap .bottom .bottom-wrap .step-col .col-wrap .text { justify-content: center; }

}