html {
  font-family: 'Aldrich', sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
 font-family: 'Aldrich', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6c757d;
  text-align: left;
  background-color: #f8f9fa; }
  
  .wrapper{
max-width: 600px;
margin: 20px auto;
width: 92%;
padding-bottom:100px;
  }
  .boxactive{
    background: #ffffff !important;
    color: #bd2323 !important;
     box-shadow: 0 0 20px #ccc !important;
    }
    .radiobtn{
      position: absolute;
      left:5px;
      top:5px;
    }
    /* .connectorbox{
    text-align: center;
    background: #b1b1b1;
    display: table;
    width: 48%;
    padding: 20px 0;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    font-size: 15px;
    float: left;
    margin: 1%;
    } */

    .connectorbox{
      text-align: center;
      background: #b1b1b1;
      display: table;
      width: 48%;
      padding: 20px 0;
      text-decoration: none;
      color: #000;
      font-weight: 400;
      font-size: 15px;
      float: left;
      margin: 1%; 
      position: relative;
      }
.creditcardform{
padding:2%;
max-width:600px;
margin:auto;
}

.form-row {
  display: inline-block;
  margin-right: -5px;
  margin-left: -5px;
  width:100%;
}
  
  
  .form-row > .col,
  .form-row > [class*="col-"] {
  }

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem; }

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem; }
  .form-check-input[disabled] ~ .form-check-label,
  .form-check-input:disabled ~ .form-check-label {
    color: #6c757d; }

.form-check-label {
  margin-bottom: 0; }

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0; }
	
	label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
.margin12{
  margin:0 10px;
   }     
   
   
   .radiopo{
  position:absolute;
  left:5px;
  top:5px;    
  }
  
  
  .displayflex{
  display:flex !important;    
  }

 .w100{
width: 100%;

 } 
.errortext {
  color: #f60606;
}
.chargerrow{
  width:100%;
  display:flex;
  }
  
  .w30{
  width:30%;	
  color:#bd2323;
  }
  
.red {
  color: #bd2323;
  text-decoration: none;
}
.margin-left-4 {
  margin-left: 7px;
}
.chk-color{
  border-color:#bd2323 !important
}

.terms-text {
  color: black;
  text-decoration: none;
}
.red:hover {
  color: #bd2323;
  text-decoration: none;
 }
.w200 {
  width: 238px;
  margin: auto;
  display: flex;
}
  .w70{
  width:70%;	
  
  }
  
  .chargername{
    color:#000000;
  font-size:15px;
  font-weight:300; 
  }

  .pricing-grid {
    max-width: 800px;
    margin: 1rem auto;
    padding: 0rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.5rem;
    font-family: "Aldrich", sans-serif;
  }

  .time-slot {
    background-color: #e0e0e0;
    border-radius: 8px;
    padding: 1rem 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Aldrich", sans-serif;
}

.time-range {
  color: #333;
  font-size: 0.9rem;
  font-family: "Aldrich", sans-serif;
  width: 50%;
  min-width: 50%;
  word-break: break-all;
}

.price {
  color: #333;
  font-weight: 700;
  font-size: 1rem;
  font-family: "Aldrich", sans-serif;
  text-align: right;
 word-break: break-all;
}

.clearfix{
  clear: both;
 }

  
  .reddot{
  background:url(../images/reddot.png) repeat-x;
  height:5px;
  width:100%;	
  margin:20px 0;
  
  
  }
.form-control-left {
    float: left;
    width: 27%;
    
    
}
  .btn-i{
    background: none;
    border: none;
    color: #bd2323;
    font-weight: 600;
    font-size: 20px;
  }
  .accordion-item{
    border: none !important;
  }
  .vmiddle{
  vertical-align:middle;	
  }
  
  .height50{
  height:50px;
  width:100%	
  }

  .form-control-phone {
    display: block;
     width: 81%;
   padding: 10px 5px;
      font-size:15px;
    font-weight: 600;
    line-height: 1.5;
    font-family: 'Aldrich', sans-serif;
    color: #545454;
    background-color: #e3e3e3;
    background-clip: padding-box;
    border:none;
    border-bottom: 3px solid #c4c4c4;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.form-control {
  display: block;
   width: 100%;
 padding: 10px 5px;
    font-size:15px;
  font-weight: 600;
  line-height: 1.5;
  font-family: 'Aldrich', sans-serif;
  color: #545454;
  background-color: #e3e3e3;
  background-clip: padding-box;
  border:none;
  border-bottom: 3px solid #c4c4c4;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }






  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px; } 

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }
	

.col {
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%; }

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%; }

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%; }

.row-cols-3 > * {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%; }

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%; }

.row-cols-6 > * {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }
  
  
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%; }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-md-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-md-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } 
	
	
	.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    appearance: none;
}

.mb-1{
margin-bottom:5px;	
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
        position: relative;
    
   
}
  
  
  .w33{
width:33%;
margin:0.5%;
float:left;	
}
  
.w10{
width:9%;
margin:0.5%;
float:left;	
}

.w100{
width:99%;
margin:0.5%;
float:left;	
}

.middleinput{
	
width: 98%;
margin-right: 1%;	
margin-left: 1%;	
}


.pagehd{
font-size:20px;
font-weight:600;
width:100%;
margin:20px 0;
color:#545454;	
	
	
}
.cardicon{
text-align:right;	
}

.btn-out{
width:100%;
margin:auto;	
}

.text-alignleft{
text-align:left;	
	
}

.text-alignright{
text-align:right;	
}

.text-aligncenter{
text-align:center;	
}

.redbtn {
    width: 98%;
    padding: 10px 1%;
    background: #bd2323;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: block;
    margin: ;
}



.clear{
clear:both;	

}


.connectorout{
  text-align:center;
  background:#e3e3e3;
  display:table;
  width:49%;
  padding:20px 0;
  text-decoration:none;
  color:#545454;
  font-weight:400;
  font-size:15px;
  float:left;
  margin-bottom: 6px;
  position:relative;
  }

.leftmargin{
margin-left:1%;	
}
.rightmargin{
margin-right:1%;	
}

.martop10{
margin:20px 0;	
}

.w60{
min-width:155px;	




}

.footer{
  text-align:center;
   padding:10px 0;
  }
  
  .footer img{
  max-width:100px;    
      
  }

.backbtn{
width:80px;
height:40px;	
position:fixed;
z-index:1;
left:20px;
bottom:7px;
}

.chargerbtn{
width:42px;
height:42px;	
position:fixed;
z-index:1;
left:47%;
bottom:7px;
}

.profile{
width:42px;
height:42px;	
position:fixed;
z-index:1;
right:20px;
bottom:7px;
}
.chargertexthead{
color:#bd2323;
font-size:20px;
font-weight:600;		
}
.registertexthead{
  color:#bd2323;
  font-size:15px;    
}
.bold500{
  font-weight: 600; 
}
.redfont{
  color: #bd2323;
   }
  .blackfont{
      color: #000000;
      font-size: 15px;
  
  }

.arrowbg{
background:url(../images/arrow-bg.png) repeat-x;
height:20px;
width:100%;	
margin:20px 0 50px 0;

}

.chargerdbox{
	color:#000000;
font-size:20px;
font-weight:600;
margin-bottom:30px;
	
}

.imgpad{
  padding: 40px 0 0 0;
  text-align: right;
}
.max90p{
width:95%;
margin: auto !important;
}
.maxw150{
max-width: 120px;
}
.text-left{
text-align: left;
}
.wauto{
width: auto;
font-size: 13px;
}
.padbottom50{
padding-bottom: 30px;
}

.chargerdbox span{
	color:#bd2323;

	
}


@media (max-width: 991px) {

  .displayflex{
   display: block !important;
   }
 
   .middleinput {
     width: 98%;
     margin-right: 1%;
     margin-left: 0;
 }
 
 
}

@media (max-width: 600px) {
  .pricing-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }

  .price{
  font-size: 13px; 
  }
  .time-range{
    font-size: 13px;
    padding-right: 8px;
    word-break: break-all;
  }
}