@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Meera+Inimai&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pavanam&display=swap');
.desktop-view{
 display:block;
}
.mobile-view{
 display:none;
}
.max-register-div{
padding-top: 0px;
max-width: 860px;
margin: 0 auto;
}
.register-logo-div{
border-bottom: 1px solid #efefef;
padding-top: 10px;
padding-bottom: 15px;
margin-bottom:15px;
}
.reg-heading{
padding:5px 0px;
}
.reg-heading h2{
color: #2b2b2b;
font-size:24px;
font-weight: 500;
font-family: 'Josefin Sans', sans-serif;
text-align:center;
}
.add-register-div{
background-color:#0324e1;
border:1px solid #3e55c3;
border-radius:3px;
padding:0px;
margin-bottom:20px;
padding-bottom:20px;
}
.add-register-div label{
font-size: 14px;
font-weight: 400;
color: #fff;
display: block;
}
.add-register-div a {
color:#fff;
}
.add-register-div .form-control{
display: block;
width: 100%;
height:36px;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border:1px solid #3249d1;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.add-register-div .form-control:focus{
box-shadow:none;
border: 1px solid #418dff;
}
.add-register-div .form-group{
margin-bottom:15px;
}
.add-register-div .retailer-upload{

}
.add-register-div .retailer-upload .upload-btn-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
width: 100%;
cursor: pointer;
}

.add-register-div .retailer-upload .btn {
border: 1px solid #e4eaf3;
color: #2b2b2b;
background-color: #edf4ff;
padding: 8px 18px;
border-radius: 4px;
font-size: 17px;
font-weight: 400;
width: 100%;
cursor: pointer;
}

.add-register-div .retailer-upload .upload-btn-wrapper input[type=file] {
font-size: 19px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
height: 47px;
cursor: pointer;
}
.register-info-txt{
background-color: #fff;
padding: 20px;
margin-top: 0px;
}
.register-info-txt p{
font-size: 22px;
font-weight: 400;
text-align: center;
}
.register-info-txt ul{
padding:0px;
}
.register-info-txt ul li{
font-size: 15px;
font-weight: 400;
margin-bottom: 18px;
font-family: 'Meera Inimai', sans-serif;
}
.max-login-div{
max-width:465px;
margin:0 auto;
padding-top: 30px;
}
.red{
color:#f00;
}
.sh-div{
color: #bfbfbf;
position: absolute;
right: 20px;
cursor:pointer;
top: 10px;
}
.fa-eye-slash{
color:#002aff;
}
.max-regfm-div{
max-width:379px;
padding:15px;
}

@media(max-width:520px){
.desktop-view{
display:none;
}
.mobile-view{
display:block;
}
.register-info-txt{
 margin-top: 20px;
}
.btn-create{
font-size:20px;
}
.add-register-div{
margin-bottom: 0px;
padding-bottom: 0px;
}
.reg-heading h2 {
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin-bottom: 10px;
}
}