body{font-family: "Poppins", serif; font-size: 1rem; line-height: 150%; color: #404040; background: #29235c url('../img/img-bg.jpg') no-repeat top center; background-size: cover; margin-bottom: 40px;}
.error { color: red; font-size: 0.9rem; }
fieldset { display: none; }
fieldset.active {display: block;}
.site_content .step-indicator {margin-bottom: 40px; display:flex; justify-content:space-between; position: relative;}
.site_content .step-indicator:before{content: ''; position: absolute; width: 96%; border-bottom: 1px solid #ccc; height: 22px; z-index: 0; left: 10px}
.site_content .step-indicator .step {display: inline-block;  border-radius: 100%; background: #fff; margin: 0 5px;font-weight: bold; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #ddd; z-index: 1; -webkit-box-shadow: 4px 4px 18px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 4px 4px 18px 0px rgba(0,0,0,0.1);
box-shadow: 4px 4px 18px 0px rgba(0,0,0,0.1);}
.site_content .step-indicator .step.active { background: #29235c; color: #fff; -webkit-box-shadow: 4px 4px 18px 0px rgba(0,0,0,0.3); -moz-box-shadow: 4px 4px 18px 0px rgba(0,0,0,0.3); box-shadow: 4px 4px 18px 0px rgba(0,0,0,0.3); }

.site_header{padding-top: 20px; padding-bottom: 20px;}
.site_logo{display: flex; justify-content: center;}
.logo-img img{max-height: 60px}
.logo-txt{padding-left: 20px; color: #fff; max-width: 300px; font-weight: 600;}
.form_container{padding: 30px 40px 40px 40px;}
.form_item{background: rgba(255,255,255,0.90); border-radius: 20px;}
#multiStepForm{padding: 30px 30px 40px 30px; background: rgba(255,255,255,0.80);; border-radius: 12px; -webkit-box-shadow: 4px 4px 18px 0px rgba(0,0,0,0.05); -moz-box-shadow: 4px 4px 18px 0px rgba(0,0,0,0.05); box-shadow: 4px 4px 18px 0px rgba(0,0,0,0.05);  min-height: 500px;}

.site_sidebar_intro h2{font-size: 1.4rem; line-height: 2.0rem; color: #29235c; margin: 0 0 12px 0; padding: 0;}
.site_sidebar_intro p{color: #555; font-size: 0.95rem; line-height: 140%;}
.site_sidebar_intro img{border-radius: 20px; margin-bottom: 20px;}
.form_container button{padding: 10px 40px;}
.btn-primary{background-color: #29235c; border-radius: 8px;}
.form_title_1{font-weight: 600; color: #29235c; margin-bottom: 32px; position: relative;}
.form_title_1:before{position: absolute; content: ''; bottom: -10px; width: 60px; height: 4px; background: #ef7c00; border-radius: 4px;}
.site_sidebar_links ul{margin:30px 0 0  0;padding: 0;}
.site_sidebar_links ul li{list-style-type: none; display: block; }
.site_sidebar_links ul li a{color: #777; padding: 8px 16px; background: rgba(0,0,0,0.05); border: 1px solid #fff; display: block; text-decoration: none; margin-bottom: 2px; float: left; width: 100%; font-size: 0.9rem; border-radius: 4px}
.site_sidebar_links ul li a:hover{background-color: #29235c; color: #fff; border-color: ##29235c}
.form-control, .form-select{padding: 8px 16px; font-size:0.9rem; line-height: 1.5rem; background-color: #fff; border-color: #c7c5db;}
.form_line hr{border-bottom: 1px solid #aaa; background-color: #bbb;}
.req_label{color: #f00;}
.form_input{margin-bottom: 24px;}
.form_input input.error{border-color: #f00;}
.form_input label.error{font-size: 0.8rem; line-height: 1.3rem; margin: 0;padding: 0; color: #f00; margin-top: 6px;}
.form_input label{font-size: 0.9rem; line-height: 1.4rem; margin-bottom: 4px; color: #231d59;}
.input_info{color: #999; font-size: 0.8rem; line-height: 1.2rem; display: block; margin-top: 10px;}

@media screen and (max-width: 764px) {
body{padding-left: 10px; padding-right: 10px}
.form_container{padding: 20px}
.site_content .step-indicator{margin-bottom: 20px}
#multiStepForm{margin-bottom: 30px; min-height: auto}
#multiStepForm .btn{display: block; margin-bottom: 16px; width: 100%;}
}