.democall_steps_snt .heading_holder{text-align:center;}
.democall_steps_snt .main_wrapper{border-radius:10px;overflow:hidden;box-shadow:0 0 15px 0 rgba(0,0,0,0.04);background:#fff;margin-top:40px}

.democall_steps_snt .heading_holder .sub-heading{background:rgba(247,147,30,0.16);color:#F7931E;text-transform:uppercase;letter-spacing:0.03em;font-weight:700;
  font-size:clamp(11px,1.757vw,18px);display: inline-block;padding: 5px 10px; border-radius: 4px;margin-bottom:30px}
.democall_steps_snt .heading_holder .main-heading{color:inherit;font-weight:700;line-height:1.375em;width:100%;
  font-size:clamp(22px,3.125vw,32px);display: inline-block;max-width:740px;}

.democall_steps_snt .steps_holder{width:100%;display:flex;justify-content:center;align-items:center;position:relative}
.democall_steps_snt .steps_holder .steps{flex:1 0 0;min-height:300px;padding-top:55px;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}
.democall_steps_snt .steps_holder .step_progressbar{display:inline-block;width:100%;height:6px;background:#ADADAD;position: absolute;
    top:75.5px;left:50%;transform:translateX(-50%);z-index:2}

.democall_steps_snt .steps_holder .steps:before{content:'•';display:inline-block;width:45px;height:45px;border-radius:50%;border:1px solid #ADADAD;
font-weight: bolder;font-size: 99px;line-height: 0.28em; z-index: 4;color: #adadad;display: inline;text-align: center;}
.democall_steps_snt .steps_holder .steps.active:before{color:#F7931E}
.democall_steps_snt .steps_holder .step_progressbar:after{content:'';display:inline-block;width:0;height:100%;background:#F7931E;
position:absolute;left;top:0;transition: width 3s ease-in-out;}

.democall_steps_snt .steps_holder .steps .steps_count{color:#F7931E;font-size:clamp(16px,1.953vw,20px);font-weight:700;margin-top:40px;letter-spacing:.1em}
.democall_steps_snt .steps_holder .steps .step_title{color:#000;font-size:clamp(18px,2.246vw,23px);font-weight:700;margin-top:15px;max-width:185px;text-align:center}

/*
 .democall_steps_snt .steps_holder .steps:after{content:'';display:inline-block;width:100%;height:6px;background:#ADADAD;position: absolute;
    margin-top: 21px;}
.democall_steps_snt .steps_holder .steps:first-child:after{width:50%;right:0}
.democall_steps_snt .steps_holder .steps:last-child:after{width:50%;left:0}
*/

.democall_steps_snt .content_box{max-width:820px;margin:auto;margin-top:60px;margin-bottom:30px;padding-left:20px;padding-right:20px}
.democall_steps_snt .step_video{max-width:820px;margin:auto;margin:30px auto 20px;padding:0 20px}
.democall_steps_snt .step_video .hs-video-widget{border-radius:10px;overflow:auto}
.democall_steps_snt_cta_wrapper{text-align:center;padding:0 20px}
.democall_steps_snt_cta_wrapper .hs_cta{margin:50px auto}

@media (max-width: 768px){
.democall_steps_snt{padding-top:60px!important;padding-bottom:60px!important}
.democall_steps_snt .steps_holder{flex-direction:column}
  .democall_steps_snt .steps_holder .steps .steps_count{margin-top:30px;}
  .democall_steps_snt .steps_holder .steps{width:100%;padding:0px 20px 40px 130px;align-items: flex-start;justify-content: flex-start;min-height:unset}
  .democall_steps_snt .steps_holder .steps:before{position: absolute;left: 59px;top:35px;width:26px;height:26px;font-size:56px;border:2px solid #ADADAD} 
  .democall_steps_snt .steps_holder .step_progressbar{width: 6px !important; height: calc(100% - 170px);
    top:50px;left: 72px;}
  .democall_steps_snt .steps_holder .step_progressbar:after{width:100%!important;height:0!important}
  .democall_steps_snt .steps_holder .step_progressbar.animate_afterheight:after{width:100%!important;height:80%!important;transition:ease-in-out height 1s}
  .democall_steps_snt .steps_holder .steps .step_title{text-align:left}
  .democall_steps_snt .content_box *{font-size:18px!important}
  .democall_steps_snt_cta_wrapper{padding:0;}
  .democall_steps_snt_cta_wrapper a.hs_cta{margin-bottom:0}
}
