.right-scale{
 text-align:center; 
/*   display:none; */
}
.right-scale img{
 max-height:100%;
  width:auto;
  max-width:900px;
  width:100%;
}
.product-grid{
 margin-top:80px; 
  position:relative;
  z-index:1;
}
.product-grid h2{
  text-align:center;
}
.product-grid div ul{
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  list-style-type:none;
}
.product-grid h3.pl-heading{
  background:#292489;
  padding:10px 20px;
  color:#fff;
  border-radius:3px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
}
.product-grid div ul img.right-img{
    grid-column: 2;
    grid-row: 1 / -1;
    position: sticky;
    top: 10%; 
}
.product-grid div ul li{
  padding:40px 30px;
  grid-column: 1;
}
.product-grid div ul li .icon{
  margin-bottom:25px;
}
.product-grid div ul li h3{
  margin-bottom:30px; 
}
.product-grid div ul li h3 a{
  color:#0F0E19;
}
.product-grid div ul li .icon img{
  max-height:40px;
  width:auto;
}
.helping-scale-stage ul{
   list-style-type: none;
  font-size: 36px;
  font-weight:bold;
  margin:0;
}
/* .video-background {
  position: sticky;
  top: 1px;
/*   transform: translate(-50%, -50%); */
} */
/* .right-scale{
 height:500vh; 
  position:relative;
} */
/* .helping-scale-v2 .right-scale{
  width: auto;
  height: auto;
/*   margin-top:-100px; */
}
.helping-scale-v2 .right-scale .fa-brands{
 font-family: "Font Awesome 5 Brands"; 
} */
.helping-scale-v2 .graph-stage{
 display:flex;
  justify-content:space-around;
  align-items:flex-end;
  height:100%;
  max-height:80vh;
  position:relative;
}
.backdrop{
 width:100%;
  height:100%;
  overflow:hidden;
  position:absolute;
  top:0;
  left:0;
/*   clip: rect(0px 450px 450px 0px); */
  background: url('https://4306380.fs1.hubspotusercontent-na1.net/hubfs/4306380/graph-bg.png') bottom left;
/*   background-size: 450px; */
}
.backdrop img{
  width:100%;
}
.backdrop img.mid-screen{
 display:none; 
}
.helping-scale-v2 .helping-scale-stage-1{
  background-color:#4FB493;
  background: linear-gradient(#0fd9a6, #0db791);
  width:25%;
  height:10px;
  border-radius:10px;
  overflow:hidden;
  z-index:10;
}
.helping-scale-v2 .graph-stage ul{
  opacity:.5;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows: auto; 
  justify-items: center;
  padding: 10px;
  width:100%;
}
.helping-scale-v2 .graph-stage ul li{
  max-height:44px;
}
.helping-scale-v2 .graph-stage ul img{
  width:24px;
/*   opacity:0;
  transform: translateX(-100); */
}
.helping-scale-v2 .helping-scale-stage{
 display:flex; 
}
.helping-scale-v2 .helping-scale-stage-2{
  background-color:#FC9F4C;
  background: linear-gradient(#fc9f4c, #ff804b);
  width:25%;
  height:10px;
  border-radius:10px;
  overflow:hidden;
  z-index:10;
/*   display:none; */
}
.helping-scale-v2 .helping-scale-stage-3{
  background-color:#D43E7C;
  background: linear-gradient(#ff70a4, #d43e7c);
  width:25%;
  height:10px;
  border-radius:10px;
  overflow:hidden;
  z-index:10;
/*   display:none; */
}
.helping-scale-v2 .helping-scale-stage-1:after{
  content: 'FREE';
  position:absolute;
  margin-top:0px;
  color:#bbbbc4;
  font-size:24px;
  bottom:0;
  margin-bottom: -40px;
}
.helping-scale-v2 .helping-scale-stage-2:after{
  content: 'STARTER';
  position:absolute;
  margin-top:0px;
  color:#bbbbc4;
  font-size:24px;
  bottom:0;
  margin-bottom: -40px;
}
.helping-scale-v2 .helping-scale-stage-3:after{
  content: 'SCALE';
  position:absolute;
  margin-top:0px;
  color:#bbbbc4;
  font-size:24px;
  bottom:0;
  margin-bottom: -40px;
  grid-column-start:1;
}
.helping-scale-v2 .right-scale.stage-2 .helping-scale-stage-1{ 
/*   display:none; */
}
.helping-scale-v2 .right-scale.stage-2 .helping-scale-stage-2{ 
  display:flex;
}
.helping-scale-v2 .right-scale.stage-3 .helping-scale-stage-2{
/*   display:none; */
}
.helping-scale-v2 .right-scale.stage-3 .helping-scale-stage-3{
  display:flex;
}
.helping-scale-v2 .right-scale.stage-2{
  
}
.helping-scale-v2 .right-scale.stage-3{
  
}

.helping-scale-v2{position:relative;padding:0 0 160px 0;}
.helping-scale-v2 .inner.flex{align-items:stretch; padding:0;}
.helping-scale-v2:after{background-color:#f8f8f8;border-radius:48px 48px 0 0;content:"";height:calc(100% + 410px);left:26px;position:absolute;top:-410px;width:calc(100% - 52px);z-index:-1;}


/* .helping-scale-v2 .right-scale{height: 640px;width: 640px;position: relative;} */
/* .helping-scale-v2 .right-scale > div{ justify-content: center; align-items: center; position:absolute; left:50%; top:50%;transform:translate(-50%,-50%); width:480px; height:480px; transition: 400ms;} */
/* .helping-scale-v2 .right-scale > div img{width: 30px; ; } */
/* .helping-scale-v2 .right-scale ul{ padding-left:0; } */


/* .helping-scale-v2 .right-scale.scale-1 > div{ background:linear-gradient(135deg, #FF804B 0%, #FC9F4C 100%);}
.helping-scale-v2 .right-scale.scale-2 > div{background: linear-gradient(55.19deg, #4FB493 0%, #F1A25C 49.48%, #D43E7C 100%);}
.helping-scale-v2 .right-scale.scale-1.scale-2 > div {border-radius: 6px;} */

@media (max-height:770px){
  
}
@media (max-width:1429px){
    .helping-scale-v2 .inner{padding: 0 40px;}
  
    
/*     .helping-scale-v2 .right-scale{width: 400px; height: 400px; border-radius:50px;} */
/*     .helping-scale-v2 .right-scale:after{width: 300px; height: 300px;} */
/*     .helping-scale-v2 .right-scale:before{left:-317px;} */
/*     .helping-scale-v2 .right-scale > div:after{height: 200px;width: 200px;} */
/*     .helping-scale-v2 .right-scale > div:before{display:none;} */
/*     .helping-scale-v2 .right-scale.scale-1 > div{width:250px; height:250px;}
    .helping-scale-v2 .right-scale.scale-2 > div{width:3 */
}
@media (max-width:1300px){
    .helping-scale-v2:after{left:15px;width:calc(100% - 30px);top:0;}
}
@media (max-width:1430px){    
    .helping-scale-v2 .inner.flex{display:block;}
    
    .helping-scale-v2{padding:30px 0 140px;}
    .helping-scale-v2 .title-part{text-align:center;}
    .right-scale{display:block;}
    .pl-animation-wrapper{
      display:none;
    }
  .right-scale{
    display:block;
  }
}
@media (min-height:500px){
 
/* .product-grid{
 margin-bottom:5vh; 
}  */
/*   .pl-animation-wrapper{
    transform:scale(.8) 
  } */
}
@media (min-height:750px){
 
/* .product-grid{
 margin-top:-5vh; 
}  */
/*   .pl-animation-wrapper{
    transform:scale(.9) 
  } */
}
@media (min-height:800px){
 
/* .product-grid{
 margin-top:-10vh; 
}  */
/*   .pl-animation-wrapper{
    transform:scale(1) 
  } */
}
@media (max-width:767px){    
    .helping-scale-v2{padding:0 0 70px;}
    .helping-scale-v2:after{left:15px;width:calc(100% - 30px);}
    .helping-scale-v2 .inner{padding:0 20px;}
  .helping-scale-v2 ul li img{margin:7px;max-height:20px; width:auto;max-width:20px;}
/*     .helping-scale-v2 .right-scale{width:290px;height:290px; margin:0 auto 60px;} */
/*     .helping-scale-v2 .right-scale:before{left:-373px;} */
/*     .helping-scale-v2 .right-scale.scale-1 > div{width:210px; height:210px;}
    .helping-scale-v2 .right-scale.scale-2 > div{width:268px; height:268px;} */
  
  
  .product-grid div ul{
    grid-template-columns:100%; 
    padding:0;
  }
}