.center-wrapper {
    display: flex; /* Enable Flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100%; 
}
.wizard-content-left {
background-blend-mode: darken;
background-color: rgba(0, 0, 0, 0.45);
background-image: url("https://drukcdn.blob.core.windows.net/content/images/media/DrukAsia_063017_Bhutan-currency-information-druk-asia.jpg");
background-position: center center;
background-size: cover;
width: 100%;
height: 100vh;
}
.wizard-content-left h1 {
color: #ffffff;
font-size: 38px;
font-weight: 600;
padding: 12px 20px;
text-align: center;
}

.form-wizard {
color: #888888;
padding: 30px;
}
.form-wizard .wizard-form-radio {
display: inline-block;
margin-left: 5px;
position: relative;
}
.form-wizard .wizard-form-radio input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background-color: #dddddd;
height: 25px;
width: 25px;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
position: relative;
cursor: pointer;
}
.form-wizard .wizard-form-radio input[type="radio"]:focus {
outline: 0;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked {
background-color: #fb1647;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked::before {
content: "";
position: absolute;
width: 10px;
height: 10px;
display: inline-block;
background-color: #ffffff;
border-radius: 50%;
left: 1px;
right: 0;
margin: 0 auto;
top: 8px;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked::after {
content: "";
display: inline-block;
webkit-animation: click-radio-wave 0.65s;
-moz-animation: click-radio-wave 0.65s;
animation: click-radio-wave 0.65s;
background: #000000;
content: '';
display: block;
position: relative;
z-index: 100;
border-radius: 50%;
}
.form-wizard .wizard-form-radio input[type="radio"] ~ label {
padding-left: 10px;
cursor: pointer;
}
.form-wizard .form-wizard-header {
text-align: center;
}
.form-wizard .form-wizard-next-btn, .form-wizard .form-wizard-previous-btn, .form-wizard .form-wizard-submit {
background-color: #4385ef;
color: #ffffff;
display: inline-block;
min-width: 100px;
min-width: 120px;
padding: 10px;
text-align: center;
}
.form-wizard .form-wizard-next-btn:hover, .form-wizard .form-wizard-next-btn:focus, .form-wizard .form-wizard-previous-btn:hover, .form-wizard .form-wizard-previous-btn:focus, .form-wizard .form-wizard-submit:hover, .form-wizard .form-wizard-submit:focus {
color: #ffffff;
opacity: 0.6;
text-decoration: none;
}
.form-wizard .wizard-fieldset {
display: none;
}
.form-wizard .wizard-fieldset.show {
display: block;
color: #000;
}
.form-wizard .wizard-form-error {
display: none;
background-color: #d70b0b;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
width: 100%;
}
.form-wizard .form-wizard-previous-btn {
background-color: #fb1647;
}
.form-wizard .form-control {
font-weight: 300;
height: auto !important;
padding: 15px;
background-color: #f1f1f1;
border: none;
color: #000;
}
.form-wizard .form-control:focus {
box-shadow: none;
}
.form-wizard .form-group {
position: relative;
margin: 24px 0;
}
.form-wizard .wizard-form-text-label {
position: absolute;
left: 10px;
top: 16px;
transition: 0.2s linear all;
}
.form-wizard .focus-input .wizard-form-text-label {
color: #4385ef;
top: -18px;
transition: 0.2s linear all;
font-size: 12px;
}
.form-wizard .form-wizard-steps {
margin: 30px 0;
}
.form-wizard .form-wizard-steps li {
width: 25%;
float: left;
position: relative;
}
.form-wizard .form-wizard-steps li::after {
background-color: #f3f3f3;
content: "";
height: 5px;
left: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
border-bottom: 1px solid #dddddd;
border-top: 1px solid #dddddd;
}
.form-wizard .form-wizard-steps li span {
background-color: #dddddd;
border-radius: 50%;
display: inline-block;
height: 40px;
line-height: 40px;
position: relative;
text-align: center;
width: 40px;
z-index: 1;
}
.form-wizard .form-wizard-steps li:last-child::after {
width: 50%;
}
.form-wizard .form-wizard-steps li.active span, .form-wizard .form-wizard-steps li.activated span {
background-color: #4385ef;
color: #ffffff;
}
.form-wizard .form-wizard-steps li.active::after, .form-wizard .form-wizard-steps li.activated::after {
background-color: #4385ef;
left: 50%;
width: 50%;
border-color: #4385ef;
}
.form-wizard .form-wizard-steps li.activated::after {
width: 100%;
border-color: #4385ef;
}
.form-wizard .form-wizard-steps li:last-child::after {
left: 0;
}
.form-wizard .wizard-password-eye {
position: absolute;
right: 32px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
@keyframes click-radio-wave {
0% {
    width: 25px;
    height: 25px;
    opacity: 0.35;
    position: relative;
}
100% {
    width: 60px;
    height: 60px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0.0;
}
}
@media screen and (max-width: 767px) {
.wizard-content-left {
    height: auto;
}
}

.wizard-section{
    width: 90%;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
}
.wizard-section::before {
    content: '';
    position: absolute;
    width: 90%;
    height: 100%;
    border-radius: 10px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: -1;
}
.form-wizard-header p{
    color: #000;
}
.form-control  option{
    color:#000;
    font-size: 1.3em;
}