body{

font-family: "verdana", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
font-size: 15px;
color:#333;
background: #fff;
}

#heading {
    text-transform: uppercase;
    color: #673AB7;
    font-weight: normal
}

#msform {
    
    position: relative;
    margin-top: 20px
}

#msform fieldset {
    /* background: white; */
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    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 #333;
    border-radius: 25px;
    margin-bottom: 10px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    background-color: #fff;
    font-size: 14px;
    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: #1D1E5A;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0px 10px 5px;
    /* float: right */
}

#msform .action-button:hover,
#msform .action-button:focus {
    background-color: #1D1E5A;
}

#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
}

.fs-title {
    margin-left: -19px;
    max-width: 301px;
    padding: 10px 10px;
    /* background: #89b71b; */
    font-size: 22px;
    color: #000;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left;
    border-radius: 16px;
}


.bg-dark {
    background-color: rgb(0, 117, 193) !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.footer-bottom{
    /*margin-top:70px;*/
    background: rgb(0, 117, 193) !important;
    color:#fff;
}

.footer-bottom .ft-para-btm{

    padding-top: 12px;
    text-align: center;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.2rem 1rem;
}


.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color:transparent;
    background-clip: border-box;
   ;
}



.section-page-1{
              /*background: #EDEDED;*/
              padding: 50px 0;
}




.login-form-layout{

margin: 0 auto;

padding: 50px;

background: #fff;
}
.reg-form-layout{

        padding: 50px;
    background: #fff;
    
}

.logo{
     margin:0 auto;
}

.section-btn{
    margin: 20px 0;
}