.registrationcontainer{padding: 0px 0px 50px 0px; background: #F5F4FF; overflow: hidden;}
.registrationcontainer .registrationbx{float: left; width: 100%; background: #fff; padding: 20px 35px;}
.multisteps-form__progress{display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); margin: 0px;}
.multisteps-form__progress-btn{transition-property: all; transition-duration: 0.15s; transition-timing-function: linear; transition-delay: 0s; position: relative; padding-top: 90px; color: rgba(108, 117, 125, 0.7); border: none; background-color: transparent; outline: none !important; cursor: pointer;}
.multisteps-form__progress-btn i{position: absolute; pointer-events: none; color: #8A86A8; font-size: 28px; top: 0; left: 50%; display: block; width: 80px; height: 80px; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; border: none; border-radius: 50%; border: 2px solid #C9C6E1; background-color: #C9C6E1; box-sizing: border-box; z-index: 3; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;}
.multisteps-form__progress-btn i:after{content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; border: 7px solid #ffffff; -webkit-border-radius: 50%; border-radius: 50%;}
.multisteps-form__progress-btn:after{position: absolute; top: 50%; left: calc(-50% - 13px / 2); transition-property: all; transition-duration: 0.15s; transition-timing-function: linear; transition-delay: 0s; display: block; width: 100%; height: 2px; content: ''; background-color: #C9C6E1; z-index: 1; margin-top: -16px;}
.multisteps-form__progress-btn:first-child:after{display: none;}
.multisteps-form__progress-btn .steptext{color: #292929; font-size: 16px; font-weight: 500; display: block;}
.multisteps-form__progress-btn.js-active{color: #007bff;}
.multisteps-form__progress-btn.js-active i{color: #fff; border-color: #39378A; background-color: #39378A;}
.multisteps-form__progress-btn.js-active i:after{border: 7px solid #ffffff;}
.multisteps-form__progress-btn.js-active:after{background-color: #C9C6E1;}

.multisteps-form__progress-btn.js-active:before{position: absolute; top: 50%; left: 50%; transition-property: all; transition-duration: 0.15s; transition-timing-function: linear; transition-delay: 0s; display: block; width: 50%; height: 2px; content: ''; background-color: #39378A; z-index: 2; margin-top: -16px;}
.multisteps-form__progress-btn + .multisteps-form__progress-btn:before{left: 0px;}
.multisteps-form__progress-btn.js-active:last-child:before{width: 100%; left: -50%;}
.multisteps-form__progress-btn .multistepswizard{display: block;}
.multisteps-form__progress-btn .multistepswizard:after{content: ""; z-index: 2; position: absolute; left: 100%; top: 50%; width: 8px; height: 8px; background: #C9C6E1; -webkit-border-radius: 50%; border-radius: 50%; margin-top: -15px; margin-left: -3px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.multisteps-form__progress-btn:last-child .multistepswizard:after{opacity: 0;}
.multisteps-form__progress-btn.js-active .multistepswizard:after{background: #39378A;}


.multisteps-form__form {
  position: relative;
  height: auto !important;
}
.multisteps-form__panel{position: relative;  width: 100%; height: 0; opacity: 0; visibility: hidden;}
.multisteps-form__panel.js-active{height: auto; opacity: 1; visibility: visible;}
.multisteps-form__panel[data-animation="scaleOut"]{-webkit-transform: scale(1.1); transform: scale(1.1);}
.multisteps-form__panel[data-animation="scaleOut"].js-active{transition-property: all; transition-duration: 0.2s; transition-timing-function: linear; transition-delay: 0s; -webkit-transform: scale(1); transform: scale(1);}
.multisteps-form__panel[data-animation="slideHorz"]{left: 50px;}
.multisteps-form__panel[data-animation="slideHorz"].js-active{transition-property: all; transition-duration: 0.25s; transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43); transition-delay: 0s; left: 0;}
.multisteps-form__panel[data-animation="slideVert"]{top: 30px;}
.multisteps-form__panel[data-animation="slideVert"].js-active{transition-property: all; transition-duration: 0.2s; transition-timing-function: linear; transition-delay: 0s; top: 0;}
.multisteps-form__panel[data-animation="fadeIn"].js-active{transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; transition-delay: 0s;}
.multisteps-form__panel[data-animation="scaleIn"]{-webkit-transform: scale(0.9); transform: scale(0.9);}
.multisteps-form__panel[data-animation="scaleIn"].js-active{transition-property: all; transition-duration: 0.2s; transition-timing-function: linear; transition-delay: 0s; -webkit-transform: scale(1); transform: scale(1);}
.registrationcontainer .multisteptp{display: block; padding: 30px 0px 30px 0px; margin-bottom: 30px; border-bottom: 1px solid #B9B9B9;}
.registrationcontainer .multisteps-form__title{text-align: center; color: #1E1E1E; font-size: 28px; font-weight: 500; margin: 0px 0px 30px 0px;}
.registrationcontainer .form-group{margin-bottom: 30px;}
.registrationcontainer .form-group .formfloating{position: relative;}
.registrationcontainer .form-group .formfloating label{color: #292929; font-size: 13px; font-weight: 400; background: #fff; line-height: 100%; padding: 0px; height: auto; margin: 0px 0px 3px 0px;}
.registrationcontainer .form-group .formfloating label span.required{color: #DF0021;}
.registrationcontainer .form-group .formfloating .formlabel{position: absolute; left: 11px; top: -9px; z-index: 1; line-height: 100%; padding: 2px 5px 0px 5px; margin: 0px 0px 0px 0px;}
.registrationcontainer .form-group .formfile{position: relative;}
.registrationcontainer .form-group .formfile .formlabel{position: absolute; right: 11px; top: -9px; background: #fff; z-index: 1; line-height: 100%; padding: 2px 5px 0px 5px; margin: 0px 0px 0px 0px;}
.registrationcontainer .form-group .formfile .formlabel span.required{color: #DF0021;}
.registrationcontainer .form-group .formfile .form-control{height: 40px; font-size: 13px; line-height: 27px;}
.registrationcontainer .form-group .formfloating .form-control{height: 40px; border: 1px solid #CBC9D9; padding: 7px 15px; color: #6D6D6D; background: #fff; font-size: 13px; font-weight: 400; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; border-radius: 5px;}
.registrationcontainer .form-group .formfloating textarea.form-control{height: 90px;}
.registrationcontainer .form-group .formfloating select.form-control{background: url(../images/down-arrow.png) no-repeat right center; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none;}
.registrationcontainer .form-group .formfloating select.form-control::-ms-expand{display: none;}
.registrationcontainer .form-group .formfloating input:-webkit-autofill,
.registrationcontainer .form-group .formfloating input:-webkit-autofill:hover,
.registrationcontainer .form-group .formfloating input:-webkit-autofill:focus
.registrationcontainer .form-group .formfloating input:-webkit-autofill,
.registrationcontainer .form-group .formfloating textarea:-webkit-autofill,
.registrationcontainer .form-group .formfloating textarea:-webkit-autofill:hover
.registrationcontainer .form-group .formfloating textarea:-webkit-autofill:focus,
.registrationcontainer .form-group .formfloating select:-webkit-autofill,
.registrationcontainer .form-group .formfloating select:-webkit-autofill:hover{-webkit-text-fill-color: #6D6D6D; -webkit-box-shadow: 0 0 0 30px #fff inset;}
.registrationcontainer .stepprimaryheading{text-align: center; color: #1E1E1E; font-size: 26px; font-weight: 500; margin: 10px 0px 20px 0px;}
.registrationcontainer .btn-primary{background: #171646; border-color: #171646; font-size: 14px; padding: 10px 20px; -webkit-box-shadow: none; box-shadow: none;}
.registrationcontainer .btn-primary:hover{background: #4340a8; border-color: #4340a8;}
.registrationcontainer .btn-danger{background: #DF0021; border-color: #DF0021; font-size: 14px; padding: 10px 20px; -webkit-box-shadow: none; box-shadow: none;}
.registrationcontainer .btn-danger:hover{background: #b50b24; border-color: #b50b24;}
.registrationcontainer .uploadedimgbx{display: inline-block; position: relative; width: 100px; height: 70px; background: #FFFFFF; border: 1px dashed #C6C4D3; -webkit-border-radius: 10px; border-radius: 10px; margin: 10px 0px 0px 0px;}
.registrationcontainer .uploadedimgbx img{width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; text-align: center; vertical-align: middle;}
.registrationcontainer .uploadedimgbx .removebtn{position: absolute; top: 3px; right: 3px; z-index: 1; background: #DF0021; font-size: 10px; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; text-decoration: none; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}

.registrationcontainer .form-group .formfloating .inputgroup{position: relative;}


@media (min-width: 1920px) {
.registrationcontainer .form-group .formfloating label{font-size: 17px;}
.registrationcontainer .form-group .formfloating .form-control{height: 54px; font-size: 17px;}
.registrationcontainer .form-group .formfile .form-control{height: 54px; font-size: 17px; line-height: 40px;}
.registrationcontainer .btn-primary{font-size: 17px;}
.registrationcontainer .btn-danger{font-size: 17px;}
}
@media (max-width: 1399px) {
  



}
@media (max-width: 1199px){

}
@media (max-width: 991px){
.multisteps-form__progress-btn .steptext{font-size: 13px;}
.registrationcontainer .multisteptp{padding: 5px 0px 0px 0px; border: none;}
.registrationcontainer .registrationbx{padding: 20px 20px}
.registrationcontainer .form-group .formfile .formlabel{font-size: 12px; top: -7px;}
.multisteps-form__progress-btn{padding-top: 80px;}
.multisteps-form__progress-btn i{width: 70px; height: 70px;}
.registrationcontainer .multisteps-form__title{font-size: 24px; margin: 0px 0px 20px 0px}
.registrationcontainer .stepprimaryheading{font-size: 20px;}
}
@media (min-width: 768px){

}
@media (max-width: 767px){
.multisteps-form__progress-btn{padding-top: 64px;}
.multisteps-form__progress-btn i{width: 50px; height: 50px; font-size: 19px;}
.multisteps-form__progress-btn.js-active i:after{border-width: 3px;}
.multisteps-form__progress-btn i:after{border-width: 3px;}
.multisteps-form__progress-btn .steptext{font-size: 12px;}
.multisteps-form__progress-btn .multistepswizard:after{top: 42px;}
.multisteps-form__progress-btn:after{top: 42px;}
.multisteps-form__progress-btn.js-active:before{top: 42px;}
.multisteps-form__progress{margin: 0px -20px;}
.registrationcontainer .multisteps-form__title{font-size: 18px;}
.registrationcontainer .stepprimaryheading{font-size: 16px;}
.registrationcontainer .btn-primary{font-size: 13px; padding: 7px 20px;}
.registrationcontainer .btn-danger{font-size: 13px; padding: 7px 20px;}
}
@media (max-width: 575px){
.multisteps-form__progress-btn{text-indent: 0;}
.multisteps-form__progress-btn .steptext{font-size: 10px;}
}
@media (max-width: 440px){

}

/*
  font-family: 'Inter', sans-serif;
*/