img {
     max-width: 100%;
 }

 .wrapper {
     height: 100%;
     display: flex;
     align-items: top;
     justify-content: center;
 }

 .wizard {
     width: 100%;
     position: relative;
 }

 .wizard>.steps {
     position: absolute;
     top: 27.44%;
     right: 30%;
     transform: translateX(50%);
     z-index: 9;
 }

 .wizard>.steps .current-info,
 .wizard>.steps .number {
     display: none;
 }

 .wizard>.steps ul {
     display: flex;
     justify-content: center;
 }

 /* .wizard > .steps li a {
     display: inline-block;
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background: #e9e0cf;
     margin-right: 78px;
     position: relative;
}
 .wizard > .steps li a:before {
     content: "";
     width: 58px;
     height: 2px;
     background: #e9e0cf;
     position: absolute;
     right: 22px;
     top: 5px;
}
 .wizard > .steps li a:after {
     content: "";
     width: 0;
     height: 2px;
     background: #6d7f52;
     position: absolute;
     left: -68px;
     top: 5px;
     transition: all 0.6s ease;
}
 .wizard > .steps li.first a {
     background: #6d7f52;
}
 .wizard > .steps li.checked a {
     background: #6d7f52;
}
 .wizard > .steps li.checked a:after {
     width: 58px;
}
 .wizard > .steps li:last-child a {
     margin-right: 0;
}
 .wizard > .steps li:first-child a:before {
     display: none;
}
 .wizard > .steps li:first-child a:after {
     display: none;
}
 */
 .wizard>.content {
     position: relative;
     height: 521px;
 }

 .inner {
     display: flex;
     background: #fff;
 }

 .image-holder {
     width: 40%;
     height: auto;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #fff;
     padding: 20px;
     border-right: 1px solid #f0f0f0;
 }

 .form-content {
     width: 60%;
     padding: 30px 40px;
 }

 .input-control.text input {
     border: 0;
     border-bottom: 2px solid #2b5797;
     border-radius: 0;
     padding: 8px 12px;
     transition: border-color 0.2s;
 }

 .input-control.text input:focus {
     border-color: #2b5797;
     outline: none;
 }

 .input-control.text h4 {
     color: #475569 !important;
     font-weight: 500;
 }

 .form-row {
     display: flex;
     margin-bottom: 18px;
 }

 .form-row .form-holder {
     width: 50%;
     margin-right: 30px;
 }

 .form-row .form-holder:last-child {
     margin-right: 0;
 }

 .form-row .form-holder.w-100 {
     width: 100%;
     margin-right: 0;
 }

 .form-row .select {
     width: 50%;
     margin-right: 30px;
 }

 .form-row .select .form-holder {
     width: 100%;
     margin-right: 0;
 }

 .form-holder {
     position: relative;
 }

 .form-holder i {
     position: absolute;
     bottom: 7px;
     right: 0;
     font-size: 17px;
 }

 .form-control {
     height: 37px;
     border: none;
     border-bottom: 2px solid #e6e6e6;
     width: 100%;
     color: #666;
 }

 .form-control:focus {
     border-color: #e9e0cf;
 }

 .form-control::-webkit-input-placeholder {
     color: #999;
 }

 .form-control::-moz-placeholder {
     color: #999;
 }

 .form-control:-ms-input-placeholder {
     color: #999;
 }

 .form-control:-moz-placeholder {
     color: #999;
 }

 select.form-control {
     -moz-appearance: none;
     -webkit-appearance: none;
     cursor: pointer;
     color: #999;
 }

 select.form-control option[value=""][disabled] {
     display: none;
 }


 ul {
     list-style-type: none;
 }


 @media (max-width: 991px) {
     .wizard {
         max-width: 768px;
     }

     .image-holder img {
         height: auto;
         max-height: 150px;
         object-fit: contain;
     }
 }

 @media (max-width: 767px) {
     .inner {
         display: block;
         box-shadow: none;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         -ms-box-shadow: none;
         -o-box-shadow: none;
     }

     .image-holder {
         width: 100%;
     }

     .image-holder img {
         width: 100%;
     }

     .form-content {
         width: 100%;
         padding: 50px 20px 30px;
     }

     .form-row {
         display: block;
     }

     .form-row .form-holder,
     .form-row .select {
         width: 100%;
         margin-right: 0;
         margin-bottom: 18px;
     }

     .wrapper {
         height: 1201px;
         background: none;
     }

     .checkbox-circle {
         width: 100%;
     }

     .wizard {
         height: 100%;
     }

     .wizard>.steps {
         right: 50%;
         top: 52%;
         transform: translateX(50%);
     }

     .actions {
         right: 50%;
         transform: translateX(50%);
         bottom: 3%;
     }
 }

 /* End of styles */