.banner-section-bg {background-color: #ffffff;}
.order-1, .order-2{height: 100vh; overflow: hidden}
.order-2{display: flex; flex-direction: column; justify-content: center}
.text-block {width: 100%}
.heading {font-size: 40px;color: #fff;font-weight: 700;text-transform: uppercase;line-height: 1.2;margin-bottom: 0;}
.logo-mob {display: none;}
.logo-lg{margin-top: 25px}
.sign-in{font-size: 13px; color: #311B92}
.login-btn{background: linear-gradient(to right, #e2378a 0%, #7681bf 100%);border: none}
.container-fluid {padding-left: 0;padding-right: 0}
#phone1{text-indent: 32px}
#heading {text-transform: uppercase;color: #673AB7;font-weight: normal}
#msform {text-align: center;position: relative;}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    position: relative
}
.form-card {text-align: left}
#msform fieldset:not(:first-of-type) {display: none}
#msform input,
#msform textarea {
    padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 25px;
    font-size: 13px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 1px
}
#msform input:focus,
#msform textarea:focus {-moz-box-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;border: 1px solid #673AB7;outline-width: 0}
#msform .action-button {width: 100px;background: linear-gradient(to right, #e2378a 0%, #7681bf 100%);color: #ffffff;border-radius: 4px;cursor: pointer;padding: 10px 5px;margin: 10px 0 10px 5px;float: right}
#msform .action-button:hover,
#msform .action-button:focus {background-color: #311B92}
#msform .action-button-previous {width: 100px;background: #616161;font-weight: bold;color: white;border: 0 none;border-radius: 0px;cursor: pointer;padding: 10px 5px;margin: 10px 5px 10px 0px;float: right}
#msform .action-button-previous:hover,
#msform .action-button-previous:focus {background-color: #000000}
.card {z-index: 0;border: none;position: relative}
#progressbar li:before {width: 50px;height: 50px;line-height: 45px;display: block;font-size: 20px;color: #ffffff;background: lightgray;border-radius: 50%;margin: 0 auto 10px auto;padding: 2px}
#progressbar li:after {content: '';width: 100%;height: 2px;background: lightgray;position: absolute;left: 0;top: 25px;z-index: -1}
#progressbar li.active:before,
#progressbar li.active:after {background: #673AB7}
.progress {height: 3px}
.progress-bar {background-color: #7681bf;}
.fit-image {width: 100%;object-fit: cover}

@media (max-width: 768px) {
    .sign-in-page{height: 50vh}
    .logo-mob {display: block;margin-top: 30px}
    .logo-mob img {width: 200px}
    .logo-lg {display: none}
    .image-block {width: 100%;max-width: 100%;background-size: cover;background-position: center center;height: 25vh;margin-top: 3vh;}
}