/* body {
    font-family: 'Montserrat', sans-serif;
    background-image: url('../../img/login-background.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
} */
.register {height: auto;}
.registration { margin-top: 5% !important;}
.registration-form {
    padding-left: 5%;
    padding-right: 5%;
}
.merchant-registration{
    background-color: #f3f6f9;
}
.distributor-registration{
    background-color: #f3f6f9;
}
.header-mobile{
    background-color: none !important;
}
.merchant-reg-com {
    margin-top: 10px !important;
}
.step-title .step-subtitle{
    font-family: 'Montserrat', sans-serif;
}
.package-card {background-color: #fafafa;}
.merchant-registration {padding-top: 50px !important}
.btn-aquagreen {background: #226462 !important; color: #FFFFFF !important;}
.btn-aquagreen:hover {background: #3AA29E !important; color: #FFF; text-decoration: none;}

a {color: #226462; border: none !important;}
a:hover {
    background: transparent !important;
    color: #3AA29E !important; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;                
    text-decoration: none;
}

.form-bg {
    background: #fff; 
    box-shadow: 0 1px 40px rgb(0 0 0 / 6%); 
    border-radius: 10px;
}
.form-spacing {padding: 20px 15px 15px;}

form label {font-size: 14px; display: block;}
.form-control {font-size: 14px !important;}
.form-control::placeholder {font-size: 14px !important;}
.input-group-prepend {
    width: 48px; 
    border: 1px solid #DDDDDD; 
    border-right: 0;
    padding: 8px 3px;
}
.input-group-prepend i {font-size: 16px; color: #3AA29E;}
/*.input-group-text {background: transparent; padding: 0.375rem 0.85rem; border: none; border-radius: 0;}*/
input {height: 46px !important;}

div.content{
    display: none;
}
div.stepper-box{
    box-shadow: none !important;
}
.bottom.only-next{
    display: none !important;
}

@media screen and (max-width: 414px) {
    div > h4{
        font-size: small !important;
    }
    div > h5{
        font-size: 10px !important;
    }
}
/*@media screen and (max-width: 991px) {
    body {background-image: url(../../img/login-bg-ipad.jpg);}
    .login-form {width: 60%; margin: 20% auto;}
}
@media screen and (max-width: 767px) {
    .page-wrapper {padding: 0;}
    .login-form {width: 80%; margin: 12% auto;}
}
@media screen and (max-width: 480px) {
    .login-form {
        width: 100%; 
        margin: 22% auto;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 414px) {
    body {background-image: url(../../img/login-bg-iphone-414.jpg);}
}
@media screen and (max-width: 411px) {
    body {background-image: url(../../img/login-bg-iphone-411.jpg);}
}
@media screen and (max-width: 375px) {
    body {background-image: url(../../img/login-bg-iphoneX.jpg);}
}
@media screen and (max-width: 370px) {
    body {background-image: url(../../img/login-bg-mobile.jpg);}
} */