.banner-wrapper {min-height: 60vh;}
.stepp{min-width:22%;text-align:center;color:#ddd;position:relative;text-transform: uppercase;font-size:15px;background:var(--main-color);height:100%;}
.stepp + .stepp::after{content:'\f138';font-family:'bootstrap-icons';position:absolute;left:-30px;color:var(--main-color2);}
.stepp.active{background-color:var(--main-color2);color:var(--whiteColor);}
.itsdown::before{content:'';position:absolute;left:50%;bottom:-7px;width:14px;height:14px;background-color:var(--main-color2);transform:translateX(-50%) rotate(-45deg);}
form label {display: block;margin-bottom: 5px;}
.form-check label{color:#ddd;margin-bottom:0}
.form-section{display: none;transition: all ease-in-out .3s;}
.form-section.current {display: flex;}
.multiselect-native-select,.multiselect-native-select .btn-group,.multiselect {display: block;width: 100%;text-align: left;}
.multiselect-container{width: 100%;padding:15px;}
.multiselect-container .multiselect-option{display: inline-block;max-width:180px;}
.multiselect-selected-text{display:block;height:100%;width:100%;line-height: 32px;}
.Zebra_DatePicker_Icon_Wrapper{width:100%!important;}
@media(max-width:575px){
.stepp{font-size:13px;font-weight:400;line-height:16px;padding:10px 8px !important;width:50%;margin:5px 0;}
.stepp + .stepp::after{left:5px;color:#fff;}
}