.bg-main-gradiant {
    background: linear-gradient(to right, #bc2a1d, #657a1f) !important;
  }
  .main-menu{
      justify-content: flex-end;
  }
  .main-menu li:last-child{
    /* background: linear-gradient(to right, #bc2a1d, #657a1f) !important; */
    /* border-radius: 25px; */
    /* height: 44px;
    margin-left: 10px;
    margin-top: 7px; */
  }
  .main-menu li:last-child a{
    padding: 5px 13px;
    background: #fff;
    /* border-radius: 25px; */
    /* margin: 3px; */
    color: #444;
      
  }
  ul.d-flex.main-menu.mx-auto.navbar-right {
    margin-top: 13px;
}
  .banner-section h1{
      padding: 3rem 0rem 0rem;
  }
  .banner-section h1::before{
     content: "";
      width: 50%;
      height: 5px;
      background-color: #fff;
      position: absolute;
      left: 50%;
      bottom: -5px;
      transform: translate(-50%);
      border-radius: 10px;
  }
  .main-menu .nav-link {
      display: block;
      padding: 0.5rem 0.5rem;
  }
  .tab-content.bg-blur{background-color: #fff;}
  .recharge-tab a img{height: 40px; width: auto;}
  .recharge-tab .nav-tabs .nav-link.active> img{
      filter: invert(1);
  }
  .recharge-tab .nav-tabs .nav-link.active{border-radius:0.3rem 0.3rem 0rem 0rem !important; }
  .p-7{padding: 0px 7px !important;}
  .pl-7{padding-left: 7px !important}
  .pr-7{padding-right: 7px !important}
  .recharge-tab .input-group-prepend {
      margin-right: -1px;
      height: 50px;
  }
  .view-plans{  
        background: #111;
      position: absolute;
      right: 6px;
      z-index: 10;
      border: 1px solid #ddd;
      /* font-size: 9px; */
      width: 90px;
      line-height: 0;
      padding: 0;
      top: 8px;
      text-align: center;
      color: #000;
      font-weight: 600;
      border-radius: 4px;}
      .view-plans:hover{
          background-color: #bc2a1d;
      }
  .view-plans a{color: #fff !important; display: block;}
  .charging-station{
      background-image: url(../images/home/map.jpg);
      min-height: 400px;
      background-repeat: no-repeat;
      background-size: 100% 100%;
  
  }
  .location-process{position: absolute; right: 50px; bottom: 50px;width: 35%}
  .charging-station i{position: absolute;
      right: 20px;
      top: 15px;
      z-index: 10;
      font-size: 20px;}
  .dot-green{position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: green; top: 20px; left: 10px;}
  .dot-red{position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: red; top: 20px; left: 10px;}
  .location-search input{padding-left: 30px;}
  .type--section ul li{
  list-style: none;
      float: left;
      width: 25%;
      text-align: center;
  }
  .type--section ul{margin: 0px; padding: 0px;   display: flex;
      width: 100%; }
  .type--section ul li img{margin-bottom: 15px}
  .type--section ul li h3{font-size: 26px;
      font-weight: 600; }
  .offer-wrapper .offer--img-wrap{border-radius: 3rem;}
  .offer-wrapper .offer--img-wrap .image--wraper{border-radius: 3rem; padding: 3rem;}
  .offer-wrapper .owl-carousel .owl-nav button.owl-prev{    position: absolute;
      left: 0px;
      top: 50%;
      background-color: #999;
      line-height: 0px;
      font-size: 35px;
      transform: translateY(-50%);
      padding: 16px 16px 21px 17px !important;}
  .offer-wrapper .owl-carousel .owl-nav button.owl-next{position: absolute;
      right: 0px;
      top: 50%;
      background-color: #999;
      line-height: 0px;
      transform: translateY(-50%);
      font-size: 35px;
      padding: 16px 16px 21px 17px !important;}
  .playstore-footer li{list-style: none; float: left;}
  .social-footer li{list-style: none; float: left; width: 20%; text-align: center;}
  #Modallogin .modal-dialog{
      /* max-width: 70%; */
  }
  #Modallogin .modal-body, #Modalforget .modal-body,#Modalregister .modal-body, #Modalwallet .modal-body {
      padding:0px;
  } 
  #Modalforget .modal-dialog, #Modalregister .modal-dialog, #Modalwallet .modal-dialog{
      /* max-width: 70%; */
  }
  .login-dropdown .dropdown-item{
          padding: 0.25rem 0.5rem;
  }
  #Modalwallet .form-group.icon-tab i{top: 9px;}
  .form-group.icon-tab i {
    position: absolute;
    left: 13px;
    top: 15px;
}
.card.shadow.rounded-0.w-100.border-0 {
    border-radius: 2% !important;
}
.modal .modal-content .close i {
    color: #111 !important;
   
}
  .wallet-check input[type=checkbox]{width: 35px; height: 35px;}
  .bg-trsnaparent{background-color: transparent!important;}
  .charg-main .charging-station{
      background-image: none;
      min-height: auto;
      background-repeat: no-repeat;
      background-size: auto;
  
  }
  .charg-main .location-process{position: relative; right: auto; bottom: auto;width: 100%;}
  .text-golden{color: #f99308;}
  .table-border{border: 2px solid green; border-collapse: collapse;
    border-radius: 1em;}
  .border-bottom-lg{border-bottom: 2px solid #000;}
  .border-orange{border: 2px solid #fb6516; border-radius: 10px;}
  .product-wrapper .owl-carousel img{width: 70%; display: block; margin: auto;}
  .product-info-tab.nav li{background-color: #588d3b; }
  .h20{height: 20px;}
  .bg-green{background-color: #3ab002;}
  .pointer{cursor: pointer;}
  .form-bttn.form-bttn-recharge {
      line-height: 0px;
      height: 42px;
      font-size: 14px;
      margin-top: -15px;
  }
  form#mobilerecharge {
      width: 100%;
  }
  .view-plans{
    display:none;  
  }
  input#amount{
          border: 1px solid #ced4da;
          border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
  }
  .ModalP2lan-result,.DishP2lan-result {
      height: 500px;
      overflow: auto;
  }
  h4.tel-operator {
      font-weight: 700;
  }
  .MobileViewPlan {
      background: linear-gradient(to right, #bc2a1d, #657a1f) !important;
      margin-bottom: 10px;
      padding: 12px;
      border-radius: 5px;
      margin: 10px;
      width: 100%;
  }
  .MobileViewPlan span.currency {
      color: #fff;
      font-size: 26px;
  }
  .MobileViewPlan h2 {
      color: #fff;
  }
  .MobileViewPlan p {
      color: #fff;
      font-size: 13px;
       margin-bottom: 0;
  }
  .MobileViewPlan button.MobileApply {
      background: #fff;
      padding: 1px 25px;
      color: #111;
      border-color: #fff;
      border-radius: 5px;
      margin-bottom: 0;
      margin-top: 0;
  }
    .MobileViewPlan button.DishApply {
      background: #fff;
      padding: 1px 10px;
      color: #111;
      border-color: #fff;
      border-radius: 5px;
      margin-bottom: 4px;
      margin-top: 0;
  }
  
  span.LandlineNote {
    color: #ff0000;
    font-size: 11px;   
}
.LandlineInput{
    line-height: 12px;
}
.form-control.h60 {
    line-height: 44px;
    height: 44px;
}
ul.plantabs li {
    display: inline-block;
    background: #111;
    padding: 7px 21px;
    border-radius: 5px;
}
ul.plantabs li a {
    color: #fff;
}
ul.plantabs li.active {
    background: linear-gradient(to right, #bc2a1d, #657a1f) !important;
}
@media (min-width: 576px){
#Modallogin .modal-dialog {
    max-width: 400px;
    margin: 1.75rem auto;
}
}