.demo-form{min-height:380px;padding-bottom:60px;position:relative;}
.stepp{min-width:22%;text-align:center;color:#ddd;position:relative;background:var(--main-color);font-size:15px;transition:var(--transition);margin:3px 0 1
    
    px;overflow: hidden;border-bottom: 2px solid var(--main-color);}
.stepp + .stepp::after {content:'';position:absolute;left:-33px;width:20px;height:24px;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:1;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");}
.stepp.active{background-color:var(--whiteColor);color:var(--main-color);}
.itsdown::before{content:'';position:absolute;left:50%;bottom:-7px;width:14px;height:14px;background-color:var(--main-color);transform:translateX(-50%) rotate(-45deg);}
form label {color: #333;display: block;margin-bottom:5px;font-size:14px;font-weight:600;}
.form-check label{margin-bottom:0;color:#333;}
.form-section{display:none;transition:all ease-in-out .3s;}
.form-section.current {display:flex;}
.Zebra_DatePicker_Icon_Wrapper{width:100%!important;}
.form-control,select.form-control{height:48px!important;font-size:15px;}
.parsley-errors-list{position:absolute;z-index:3;}
.previous:hover,.next:hover,.previous:focus,.next:focus{background:#333;color:#fff!important;border-color:#333!important;}
.datepicker{background: url(images/calendar.svg) no-repeat right 10px center #fff !important;padding-right: 20px !important;}
.parsley-errors-list{margin:0 0 3px;}
.navigationa{position:absolute;bottom:0;width:100%;}

@media(max-width:575px){
.stepp{font-size:13px;word-break: break-all;padding:8px 8px!important;line-height: 18px;min-width:46%;}
.stepp + .stepp::after{left:-5px;}
}