#benefits .animation_wrap {
  min-height: unset;
  top: 29%;
  position: sticky;
  padding: 60px 0 130px;
  opacity: 1 !important;
}
#benefits .animation {
  height: 400px;
}
#benefits .step {
  height: 1100px;
}
#benefits .step:last-child {
  /*height: 700px;*/
}
#benefits .left_content,
#benefits .animation {
  position: relative;
}
#benefits .step_content {
  position: sticky;
  top:  40%;
  padding-bottom: 130px;
}
#benefits .step:last-child .step_content {
  padding-bottom: 247px;
}
#benefits .step:first-child .step_content {
  top: 30%;
  padding-top: 70px;
}
#benefits .line,
#benefits .star,
.animation .img_wrap,
.animation .video_wrap {
  position: absolute;
  z-index: 2;
  transition: all 0.5s ease;
}
#benefits .caspio_product_screen {
  opacity: 0.3;
  top: 0;
  left: 0;
  transform: scale(.4);
}
#benefits .video_wrap.caspio_product_screen {
  top: 46px;
  left: 67px;
}
#benefits .loginscreen,
#benefits .salesbyrep,
#benefits .salesbyprod,
#benefits .projectlist,
#benefits .salesbymonth {
  z-index: 3;
  transform: scale(0);
}
#benefits .salesbymonth {
  top: 20px;
  right: -25px;
  width: 200px;
}
#benefits .projectlist {
  top: 250px;
  left: -15px;
  width: 186px;
}
#benefits .salesbyprod {
  top: 40px;
  left: -15px;
  width: 109px;
}
#benefits .salesbyrep {
  top: 230px;
  right: -17px;
  width: 108px;
}
#benefits .manager,
#benefits .customer,
#benefits .salesrep,
#benefits .user_signup,
#benefits .send_welcome_email,
#benefits .user_signup,
#benefits .update_crm_database,
#benefits .notify_sales_channel {
  top: 210px;
  left: 100px;
  width: 184px;
  height: 106px;
  transform: scale(0);
  opacity: 0;
}
#benefits .notify_sales_channel,
#benefits .update_crm_database,
#benefits .user_signup,
#benefits .send_welcome_email {
  z-index: 4;
}
#benefits .notify_sales_channel {
    top: 170px;
    width: 154px;
    height: 124px;
    left: 180px;
}
#benefits .user_signup {
    top: 15px;
    left: 170px;
    width: 142px;
    height: 124px;
}
#benefits .update_crm_database {
    top: 268px;
    left: 327px;
    width: 163px;
    height: 118px;
}
#benefits .send_welcome_email {
    top: 117px;
    left: 270px;
    width: 185px;
    height: 105px;
}
#benefits .loginscreen {
  opacity: 0;
  top: 120px;
  left: 230px;
  width: 160px;
}

#benefits .b2x {
  transform: scale(0.2);
  opacity: 0;
}
#benefits .register_lead {
    top: 0px;
    left: 35px;
    width: 170px;
}
#benefits .welcome_email {
    top: 5px;
    left: 350px;
    width: 250px;
}

#benefits .customer,
#benefits .salesrep,
#benefits .manager {
  top: 220px;
  left: 415px;
  width: 135px;
  height: 105px;
  z-index: 6;
}
#benefits .customer {
  top: 185px;
  left: 32px;
  width: 135px;
  height: 105px;
}
#benefits .salesrep {
  top: 75px;
  left: 360px;
  width: 190px;
  height: 105px;
}

#benefits .app_screen,
#benefits .empty_app {
  width: 400px;
  top: 25px;
  left: 115px;
  opacity: 0;
  z-index: 3;
}
#benefits .app_screen {
  z-index: 4;
}
#benefits .step5 .app_screen,
#benefits .step1 .s1 {
  opacity: 1 !important;
}

#benefits .step3 .b4,
#benefits .step1 .b2, #benefits .step3 .b2, #benefits .step4 .b2, #benefits .step5 .b2,
#benefits .step1 .s5, #benefits .step2 .s5, #benefits .step3 .s5, #benefits .step4 .s5,
#benefits .step3 .salesbymonth, #benefits .step4 .salesbymonth, #benefits .step5 .salesbymonth,
#benefits .step1 .empty_app, #benefits .step2 .empty_app, #benefits .step4 .empty_app, #benefits .step5 .empty_app,
#benefits .step1 .app_screen, #benefits .step2 .app_screen, #benefits .step4 .app_screen {
  opacity: 0 !important;
}

#benefits .step1.trans .app_screen {
  transition: none !important;
}

#benefits .step5 .manager_i,
#benefits .step4 .manager_i,
#benefits .step5 .customer_i,
#benefits .step4 .customer_i,
#benefits .step5 .salesrep_i,
#benefits .step4 .salesrep_i {
  opacity: 1 !important;
  transform: scale(1) !important;
  transition: all 0.6s ease;
}
#benefits .manager_i {
  top: 219px !important;
  left: 490px !important;
  width: 60px;
}
#benefits .customer_i {
  top: 184px !important;
  left: 104px !important;
  width: 62px !important;
}
#benefits .salesrep_i {
  top: 75px !important;
  left: 490px !important;
  width: 60px;
}

#benefits .step2 .b2x {
  transform: scale(1) !important;
  opacity: 1;
}

#benefits .step2 .salesbyprod {
  transform: translate(490px, 180px) scale(1.3) !important;
  opacity: 1 !important;
}
#benefits .step2 .projectlist {
  transform: translate(70px, -40px) scale(1.2) !important;
  opacity: 1 !important;
}
#benefits .step2 .salesbyrep {
  transform: translate(-110px,-130px) scale(1) !important;
  opacity: 1 !important;
}

#benefits .trans .empty_app {
  transition-delay: .8s;
}
#benefits .trans .app_screen {
  transition-delay: .6s;
}
#benefits .trans .sx {
  transition: transform .8s ease;
}

#benefits .step4 .salesbyprod {
  transform: translate(180px, 155px) scale(0.7) !important;
  opacity: 0.3 !important;
}
#benefits .step4 .projectlist {
  transform: translate(175px, -190px) scale(1) !important;
  opacity: 0.3 !important;
}
#benefits .step4 .salesbyrep {
  transform: translate(-155px, -10px) scale(0.8) !important;
  opacity: 0.3 !important;
}


#benefits .s5 {
  opacity: 0;
  transform: scale(0);
  z-index: 4;
  transition: none;
}
/*#benefits .left_1 {
  top: 45px;
  left: 60px;
  width: 60px;
}*/
#benefits .left_2 {
  top: 110px;
  left: 29px;
  width: 60px;
}
/*#benefits .left_3 {
  top: 160px;
  left: 60px;
  width: 60px;
}*/
#benefits .left_4 {
  top: 210px;
  left: 45px;
  width: 65px;
}
#benefits .left_5 {
  top: 290px;
  left: 135px;
  width: 50px;
}
/*#benefits .right_1 {
  top: 40px;
  left: 530px;
  width: 60px;
}*/
#benefits .right_2 {
  top: 25px;
  left: 520px;
  width: 55px;
}
#benefits .right_3 {
  top: 141px;
  left: 530px;
  width: 60px;
}
#benefits .right_4 {
  top: 50px;
  left: 65px;
  width: 60px;
}
#benefits .right_5 {
  top: 285px;
  left: 520px;
  width: 50px;
}

#benefits .star {
  opacity: 0;
  width: 25px;
  height: 25px;
  background: url(https://www.caspio.com/wp-content/themes/caspio/img/parallax/newstars.svg) no-repeat;
  background-size: 100%;
  border-radius: 50%;
  -webkit-animation: twinkling infinite alternate;
  animation: twinkling infinite alternate;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  will-change: transform;
}
@keyframes twinkling {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#benefits .star_p1.star_top {
  top: 35px;
  left: 120px;
}
#benefits .star_p1.star_botttom {
  top: 340px;
  left: 450px;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
#benefits .star_p2.star_left {
  top: 281px;
  left: 270px;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}
#benefits .star_p2.star_right {
  top: 116px;
  left: 332px;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
#benefits .star_p3.star_top {
  top: 130px;
  left: 120px;
}
#benefits .star_p3.star_bottom {
  top: 210px;
  left: 460px;
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
#benefits .star_p4.star_left {
  top: 200px;
  left: 85px;
}
#benefits .star_p4.star_right {
  top: 95px;
  left: 520px;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
#benefits .star_p5.star_top {
  top: 125px;
  left: 85px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
#benefits .star_p5.star_left {
  top: 275px;
  left: 97px;
}
#benefits .star_p5.star_right {
  top: 180px;
  left: 510px;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

#benefits .line.line_left_big,
#benefits .line.line_left_small,
#benefits .line.line_right_big,
#benefits .line.line_right_small,
#benefits .line {
  background: url(https://www.caspio.com/wp-content/themes/caspio/img/parallax/line.gif) no-repeat;
  background-size: cover;
  transition: none;
  width: 143px;
  height: 143px;
  z-index: 1;
}
#benefits .line.line_left_big {
  background: url(https://www.caspio.com/wp-content/themes/caspio/img/parallax/Lines-RotatingLeft_Bigger.webp) no-repeat;
  background-size: 100%;
}
#benefits .line.line_left_small {
  background: url(https://www.caspio.com/wp-content/themes/caspio/img/parallax/Lines-RotatingLeft.webp) no-repeat;
  background-size: 100%;
}
#benefits .line.line_right_big {
  background: url(https://www.caspio.com/wp-content/themes/caspio/img/parallax/Lines-RotatingRight-Bigger.webp) no-repeat;
  background-size: 100%;
}
#benefits .line.line_right_small {
  background: url(https://www.caspio.com/wp-content/themes/caspio/img/parallax/Lines-RotatingRight.webp) no-repeat;
  background-size: 100%;
}

#benefits .line span {
  background-color: var(--pe_mid_blue);
  display: block;
}
#benefits .step .media_wrap {
  display: none;
}
@media (max-width: 1350.33px) and (min-width: 1200px) {
  #benefits .step {
    height: 1800px;
    padding-right: 60px;
  }
  #benefits .animation {
    height: 400px;
    transform: translatex(-70px);
  }
}
@media (max-width: 1199.33px) and (min-width: 992px) {
  #benefits .left_content {
    width: 35%;
  }
  #benefits .right_content {
    width: 65%;
  }
  #benefits .step_content {
    top: 25%;
    padding-bottom: 80px;
  }  
  #benefits .step:first-child .step_content {
    top: 13%;
  }
  #benefits .step_content h2 {
    font-size: 30px;
  }
  #benefits .caspio_product_screen {
    /*width: 95%;*/
  } 
  #benefits .salesbyrep {
    width: 108px;
  }
  #benefits .salesbymonth {
    right: 5px;
  }
  #benefits .step2 .salesbyprod {
    top: 30px;
    left: -40px;
  }
  #benefits .salesbyrep {
    right: 15px;
  }
  /*#benefits .animation .update_crm_database {
    left: 440px ;
  }
  #benefits .animation .send_welcome_email {
    left: 435px;
  }  */
}
@media (max-width: 1099.33px) {
  #benefits .step_content {
    top: 35%;
  }
  #benefits .step:first-child .step_content {
    top: 20%;
  }
}
@media (max-width: 991.33px)  {
  #benefits {
    padding: 70px 0;
  }
  #benefits .left_content {
    width: 100%
  }
  #benefits .right_content {
    display: none;
  }
  #benefits .step .media_wrap {
    display: block;
    position: relative;
  }
  #benefits .step .step_img {
    position: relative;
    z-index: 3;
  }
  #benefits .step .step_img video,
  #benefits .step .step_img img {
    width: 100%;
    max-width: 580px;
    height: auto;
  }
  #benefits .step:last-child,
  #benefits .step {
    height: auto;
    padding-bottom: 80px;
  }
  #benefits .step:last-child {
    padding-bottom: 0;
  }
  #benefits .step:first-child .step_content,
  #benefits .step:last-child .step_content,
  #benefits .step_content {
    position: static;
    padding: 0;
  }
}