.forminputgrabber .forminputicon {position: absolute; left: 0; top: 0; height: 100%; width: 44px; text-align: center; line-height: 39px; color: #a7a7a7; font-size: 18px;}
.view-mobinp {position: relative;}
.recharge-wrap-temp {padding: 2.5% 15px; max-width: 1200px; margin: 60px auto 12px;}
.view-mobinp .form-control{padding-left: 37px;}
.view-plans-link.view_offer_mobile {position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-size: 12px; font-weight: 500; color: #ed8323;}
.btn-icon {display: inline-block; background: #fff; position: relative; cursor: pointer; border: 1px solid #ed8323; color: #ed8323; padding: 8px 10px 8px 39px;}
.mobile-recharge-wrap .btn {border-radius: inherit; padding: 9px 12px; color:#fff;}
.mobile-recharge-wrap .form-control{height: 40px;}
.btn-icon i:after {
    content: ''; position: absolute; top: 50%; z-index: 2; width: 9px; height: 8px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg); bottom: auto; right: -10px; background: #fff;
}
.view-plans-recharg .btn-icon i {line-height: 33px;}
.btn-icon i {position: absolute; left: 0px; width: 33px; color: #fff; top: 0px; line-height: 41px; text-align: center; height: 100%; background: #ed8323;}
.recharge-wrap-temp .tab-content{padding: 15px 0px 0px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.05); background: rgba(255, 255, 255, 0.91);}
.recharge-wrap-temp .nav-tabs > li.active{margin-bottom: 0px;}
.d-block{display: block;}
.recharge-wrap-temp .nav-tabs{border: 0px; background: #f5f5f5; border-radius: 20px; padding: 5px; margin-bottom: 5px;}
.recharge-wrap-temp .nav-tabs > li > a, .recharge-wrap-temp .nav-tabs > li.active > a{border: 0px none; border-radius: 20px;}
.recharge-wrap-temp .nav-tabs > li > a {position: relative; font-weight: 500; border-radius: inherit; color: #2f2f2f; font-size: 14px; background: transparent; padding: 4px 16px;}
.recharge-wrap-temp .nav-tabs > li > a:hover{background: transparent;}
.recharge-wrap-temp .nav-tabs > li.active > a{background: var(--main-color); color: #fff;}
.rechare-page-temp{min-height: 450px; background: #fff;}
.maincontentfluid.rechare-page-temp.bg_transprent {min-height: auto; margin: 29px 0 0 0;background: transparent;} .sec_recharge_tab{padding: 0px 15px;}
.mobile-recharge-wrap label{display: block;}
.contentLoad .tab-content{
padding: 5px 0px;}
.utility-nav-tabs.nav-tabs>li.active>a, .utility-nav-tabs.nav-tabs>li.active>a:focus, .utility-nav-tabs.nav-tabs>li.active>a:hover{
  background: var(--main-color);
  color: #fff;
}.utility-nav-tabs.nav-tabs{  padding: 0px;box-shadow: none;}
.utility-nav-tabs.nav-tabs>li{
  margin: 5px 2px;
}
.utility-nav-tabs.nav-tabs>li a{ background: #eee;}
        .plans-cols .table-responsive>.table>tbody>tr>td:nth-child(1){
  white-space: break-spaces;}
  .plan-detailbar .table-responsive>.table>tbody>tr>td:nth-child(1), .plan-detailbar .table-responsive>.table>tbody>tr>td:nth-child(2){
  white-space: break-spaces;}
  .plans-cols .table-responsive>.table>tbody>tr>td, .plan-detailbar .table-responsive>.table>tbody>tr>td{
    white-space:nowrap;
  }
@media screen and (max-width: 767px){
.recharge-wrap-temp .nav-tabs > li:not(:last-child) > a:after{display: none;}
.recharge-wrap-temp .nav-tabs > li > a{font-size: 12px; padding: 4px 8px;}
.recharge-wrap-temp .nav-tabs > li.active > a{border: 1px solid var(--main-color);}
.recharge-wrap-temp .nav-tabs > li > a{margin-right:5px;}
.new-tabs-wrap li{margin-bottom: 3px; float: none; display: inline-block;}
.new-tabs-wrap{text-align: left;}
.mobile-recharge-wrap .btn {display: inline-block; width: auto;}
.social-media-col {text-align: center;}
.middle-header .container{padding: 0px 15px;}
.recharge-wrap-temp{padding: 1% 5px; margin: 31px auto 12px;}
}