@import url(//fonts.googleapis.com/css?family=Roboto);
.mainContainer{
    
  /*  border: 1px solid red; */
}
.outerContainer{
   /* border: 1px solid green;  */
    width:900px;
    margin:auto;
     
    
}
.leftContainer, .rightContainer{
 
    display:inline-block;
    width:420px;
    height:490px;
    background-repeat: no-repeat; 
    background-size:cover;
    background-color:#f2ebeb;
    
}
.rightContainer{
    font-family:"Roboto";
    font-weight: bold;
    width:420px;
    display:inline-block;
    position:absolute;
    padding: 0px 30px;
    height:525px;
}
.rightContainer h2{
    text-align:center;
    font-size:32px;
}


.outerContainerNewAccount{
  
    width:840px;
    margin:auto;
    
}
.newaccount_controls_container{
    width:300px;
    margin:auto;
}
.newaccount_title{
    font-size:20px;
    font-family:"Roboto";
    color:#44bfed;
    text-align:center;
}
.newAccountLeftContainer, .newAccountRightContainer{
    display:inline-block;
    width:420px;
    height:520px;
    background-repeat: no-repeat; 
    background-size:cover;
    background-color:#f2ebeb;
    
}
.newAccountLeftContainer{
   background-image: url("https://borneobulletin.com.bn/wp-content/plugins/leaky-paywall/images/create_account_bck.png");
 
}
.newAccountRightContainer, .rightContainer{
    background-image: url("https://borneobulletin.com.bn/wp-content/plugins/leaky-paywall/images/2ebeb_bg.png");
}
.readit{
    font-family:"Roboto";
    color:white;
    font-weight:700;
     line-height: 55px;
    text-align:left;
    width:inherit;
   
    font-size:60px;
    padding-top: 75px;
    padding-left:40px;

}
.beTheFirst{
    font-family:"Roboto";
    color:white;
    font-weight:normal;
    line-height: 18px;
    text-align:left;
    width:inherit;
    font-size:14px;
    padding: 30px 40px;
}
.IG {
    width:190px;
    height:auto;
    margin: auto;
   
}
.IG a:link {
     text-decoration: none;
     color:white;
}
.IG_icon, .BB_IG{
     display:inline-block;
    
}
.BB_IG{
    color:white;
    position: relative;
     top:-10px;
}
.newAccountRightContainer{
    font-family:"Roboto";
    font-weight: bold;
    width:420px;
    display:inline-block;
    position:absolute;
    padding: 0px 30px;
    
}
.newAccountRightContainer, .newAccountLeftContainer{
    height:720px;
}


.div_gap{
    height:20px;
}
.div_gap_x2 {
     height:40px;
}

.summary_item{
    display:inline-block;
    font-weight:normal;
    font-size:14px;
    padding: 10px 10px;
    width:130px;
   
}
.underline{
     font-family:"Roboto";
    font-weight: bold;
    border-bottom: 1px solid #e1e1e1;
    color:#8d8484;
    /* padding: 0px 10px !important; #828488 */
}
.underline input{
    font-weight: bold;
     position:relative;
     left:-10px;
     
}
.p_item{
    font-weight:normal;
    font-size:12px;
   width:120px;
   
    display:inline-block;
}
.p_label_title{
    position:relative;
    top:-4px;
    font-size:11px;
    color:#828488;
}
.profile_title, .summary_title{
    width:100%;
    font-weight:normal;
    font-size:12px;
    line-height:22px;
  
}
.newAccountRightContainer input{
    font-weight:normal;
    font-size:14px;
    color:black;
    margin-top:10px;
    border-style: none none solid none !important;
    border-bottom-width:1px;
    border-color:#bac0cc;
    background:transparent;
}
.details_info{
    font-weight:bold;
    font-size:14px;
    color: #44bfed;
    
}
.must_agree{
    display:none;
    font-weight:normal;
    color:white;
    font-size:11px;
    padding: 5px 15px;
    background-color:red;
}
.details_price{
    font-weight:bold;
    font-size:12px;
    
    
}
.rightContainer p, .agreeBox{
    font-weight:normal;
    font-size:11px;
    line-height: 14px;
   
}
.container {
    display: block;
    line-height: 14px;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-weight:normal;
    font-size:11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.container p{
     font-family:"Roboto";
    font-size:10px;
    display:block;
  
}
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0px;
    left: 5px;
    height: 20px;
    width: 20px;
    background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #44bfed;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkmark:after {
  left: 8px;
  top: 0px;
  width: 7px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkout_btn{
    background-color:#44bfed; 
    border: none;
    color: white;
    padding: 12px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 22px;
    margin:auto;
    box-shadow: 0px 0px 20px #0d2456;
}
.checkout_btn:hover{
    cursor:pointer;
     background-color:#2b8aad;
   
}
.newAccount_btn{
    background-color:#44bfed; 
    border: none;
    color: white;
    padding: 5px;
    width:200px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 22px;
    margin:auto;
    box-shadow: 0px 0px 20px #0d2456;
}
.checkout_div{
    width:190px;
    height:auto;
    margin:auto;
}
.condition_apply{
 
     color:#A8A5A5;
    font-family:"Roboto";
     font-size: 10px;
}