.row {
    background-color: #eee;
     margin-top: 1.5rem;
     margin-bottom: 1.5rem;
     
    


}
.no-gutter >[class*='col-']{
    padding-right: 0px;
    padding-left: 0px;
   
    /* margin-top: 1.5rem; */
    

}
#box{
     /* padding-bottom:1.5rem;
     padding-top:1.5rem;  */
     max-width:1140px ;
     width	:col-10 (10 of 12 columns);
     border:1px solid #ddd;
     @media: (min-width: 1200px); 
     

}



.left-side {
    /* width: 100%;
    padding: 6rem;
    background-color: #00a5ca; */


    /* width:	50%;
    margin-left:1rem;
    margin-right:1rem; */
    padding:1.25rem;
    background-color:#00a5ca;
	background-color: #162f52 !important;
    min-height: 593px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.logo {
    
    text-align: center;
    width: 80%;
    margin-inline: auto;
    
   

}

.c-top {
    font-family: Nunito;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    margin-bottom: 0.5rem;
    margin-bottom: -1rem;
    margin-top: -1rem;
}

.text1 {
    font-family:Nunito;
    font-size:1.75rem;
    font-weight:700;
    line-height:1.2;
    text-align:	center;
    color:#fff;
    margin-bottom:0.5rem;

    


}

.text_link {
margin-bottom:1rem;
margin-top:3rem;
font-family:Nunito;
text-align:center;
font-size:1.4rem;
line-height:1.5;
font-weight:400;
text-decoration:none;
color:#fff;
/* hover:text-decoration underline; */
}



.loginbox {
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 1.25rem;
    border-radius: 0.5rem;
    background-color: white;
    margin-left: 2rem;
    margin-right: 2rem;
}

.retailerlogin{
/* margin-bottom:1rem;
margin-top:	1rem;
width:100%;
padding:.375rem .75rem;
font-size:1rem;
line-height:1.5;
color:#212529;
background-color:#fff;
border:	1px solid #ced4da;
border-radius:1rem;
text-align: center;
font-family: Nunito; */

font-family:Nunito;
font-size:1.75rem;
font-weight:700;
line-height:1.2;
text-align:center;
color:#212529;
margin-bottom:0.75rem;



}



.inputboxes {  
    /* width: 100%;
    padding: .375rem .75rem;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 11px; */
/* 
    font-family: Nunito;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #212529;
    margin-bottom: 1rem; */


margin-bottom:1rem;
margin-top:	1rem;
width:100%;
padding:.375rem .75rem;
font-size:1rem;
line-height:1.5;
color:#495057;
background-color:#fff;
/* border:	1px solid #ced4da; */
border-radius:.25rem;

}

.loginbtn {
 background-color: #162f52;
 border: #162f52;
color:#fff;
border-radius:2rem;
margin-bottom:1rem;
margin-top:	1rem;
display	:block;
width:100%;
font-weight:400;
text-align:center;
padding	:.375rem .75rem;
font-size:1.6rem;      /*------document size is 1rem*/
text-decoration	:none;
font-family:Nunito;
/* hover:background-color #212529; */

}
button:hover{
    background-color:#212529 ;
}


.forgot {

    margin-bottom: 1rem;
    margin-top: 1rem;
    font-family: Nunito;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 400;
    text-decoration: none;
    color: #00a5ca;
    /* hover:text-decoration underline; */
      
}





.right-side {

    /* width: 100%;
    padding:6rem;;
    background-color: #fff; */

    /* width:	50%;
    margin-left:1rem;
    margin-right:1rem; */
    padding:1rem;
    background-color:#fff;


   

}

.use_c-top {
    font-family: Nunito;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #212529;
    margin-bottom: 0.5rem;
    padding-top: 5rem;   /* document size 3rem*/


    
}

.text_top-up {

    font-family: Nunito;
    font-size:20px;  /*document size 20px*/
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    color: #212529;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    
}
.text_add_top-up {

    font-family: Nunito;
    font-size: 20px;  /*document size 20px*/
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    color: #212529;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    
}



.logo2 {
    
    text-align: center;
    width: 60%;
    margin-inline: auto;

    margin-top: 1rem;
    margin-bottom: 7rem;
}

.heading {
    font-weight: 700;
    font-size: 1.25rem;
    font-family: Nunito;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    margin-top: 1rem;
}

.paragraph {

font-weight:400;
font-size:0.9rem;
font-family:Nunito;
line-height:1.4;
color:#212529;
text-align:left;
margin-bottom:1rem;

}





.numbered_bullet {
font-weight:400;
font-size:0.9rem;
font-family:Nunito;
line-height:1.4;
color:#212529;
text-align:left;
margin-top:1rem;
margin-bottom:0;


}

.lettered_bullet {
    font-weight: 400;
    font-size: 0.9rem;
    font-family: Nunito;
    line-height: 1.4;
    color: #212529;
    text-align: left;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    margin-left: 2rem;
    margin-right: 2rem;
    text-indent: -1rem;
}
#terms_and_condition{
    background-color: #292929;
    text-align: center;
    padding: 1rem;
    font-size: 1rem;
    font-family:Nunito;
    
}
a:hover{
    color: #00b3ff;
}


#footer {
    background-color: #231f20;
}
#f1 {
    font-size:1rem;
    color: #ccc;
    text-align: center;
    padding: 1.5rem;
    font-family:Nunito;
}

.link-text-white a:hover{
    color: white;
    text-decoration: underline;
}
.white{
    color: white;
    text-decoration: none;
}
.blue{
    color: #162f52;
    text-decoration: none;
}

.link-text-blue a:hover{
    color: #00a5ca;
    text-decoration: underline;
}
.text-link-terms{
    color: white;
    text-decoration: none;
}