@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/ionic/1.3.2/css/ionic.min.css');
body,html{
    overflow: inherit;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}
body.modal-open {
        overflow: visible!important;
}
.tnc span{
              margin-bottom:5px;
          }
.video-slide {
background-image: #fff;
    background-position: center;
    background-size: cover;
    background-attachment: scroll;
    text-align: center;
    padding: 40px;
}
.tnc span{
    float:left;
    width:100%;
}
.tnc img{
    width:15px!important;
}
.video-slide h3{
    
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #cc8809;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
    color: #777;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}

.nav > li > a {
    text-transform: uppercase;
    position: relative;
    display: block;
    padding: 10px 15px;
        padding-top: 10px;
        padding-bottom: 10px;
}
.navbar-default {
    background-color: #fff;
    border-color: #fff;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #333;
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: #4f4f4f;
    padding-top: 20px 
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #cc8809;
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #cc8809;
    background-color: transparent;
}
.dropdown-menu > li > a {
    padding: 15px 20px;
    color: #4f4f4f
}
.navbar {
    margin-bottom: 10px;
}
.dropdown-menu {
    min-width: 250px;
    border-color: transparent;
}
.navbar-nav > li > .dropdown-menu {
      margin-top: 12px;  
}


.dropdown a.dropdown-toggle, .dropdown a.dropdown-toggle:hover  {
    background: #e6b500;
    color: #fff !important;
    padding: 10px 12px !important;
    border-radius: 4px;
    margin: 6px 0 0;
}

     .navbar-default .navbar-nav > li.dropdown > a:focus, .navbar-default .navbar-nav > li.dropdown > a:hover {
    background: #e6b500 !important;
    color: #fff !important;
}

.blink-soft {
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@media(max-width: 767px){
    .navbar-nav .open .dropdown-menu > li > a {
    padding: 15px 15px 15px 25px;
    background-color: #333;
    color: #fff !important;
}
    
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #cc8809;

}    
 .desktop-virtual{
       display:none!important;

}
.mobile-virtual{
 display: inline-block !important;
} 
#virtual-btn {
    padding: 7px 10px !important;
}
}

/*.btn-recharge{
    padding: 7px 30px;
    margin-left: 15px;
}*/
.btn-recharge{
    padding: 7px 10px;
    margin-left: 10px;
}
.btn-recharge, .readMore{
    color: #fff;
    transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    background-color: #e73c0c;
    border-color: #e73c0c;
    text-transform: uppercase
}

.readMore{
 padding: 15px 40px;
 margin: 60px 0 10px    
}

.TxtSpecial .readMore{
  margin: 0px 0 10px   
}

.readMore:hover{
    border: 1px solid #e73c0c;
    background-color: transparent;
}

.btn-recharge:hover{
    background-color: #d53508;
    color: #fff;
}
/* TopContact */
.topBg{
    background-color: #e73c0c;
    padding: 10px;
    margin-bottom: 7px;
}

.conatc-box{
    width: calc( 100% / 4 );
    display: inline;
}
/*@media(max-width: 767px){
    .conatc-box{
        display: block;
        width: calc(100% / 2);
        padding: 3px
    }    
}*/

.TopContact span{
    padding: 0 5px 0 5px;
}
.topBg .TopContact{
text-align: right;
position: relative;
left: 20px;
}
.TopContact i, .TopContact span{
   color: rgba(255,255,255,1);
     line-height: 17px;
    font-size: 13px;
}
.TopContact i a, .TopContact span a{
    color: #fff;
    text-decoration: none
}
.TopContact i a:hover, .TopContact span a:hover{
    color: #333
}
.TopContact span.SocialNetwork i{
    font-size: 22px;
    line-height: 17px;
    padding: 0 8px;
    color: rgba(255,255,255,.8)
}
span.SocialNetwork a i:hover{
    color: #333
}
/* Carousel */

.item{
  background-color:#fff;
    padding:0;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: 540px;
}
@media(max-width: 767px){
    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        height: 150px;
    }
}
.carousel-indicators li {
    border-color: #e73c0c;
}
.carousel-indicators .active {
    background-color: #e73c0c;
}
.carousel-indicators {
    width: 20%;
    right: 0;
    left: auto
}

/* left right */

.carousel-control {
    text-shadow: none;
    
    -webkit-text-shadow: none;
    -o-text-shadow: none;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
}

.carousel-control.left, .carousel-control.right{
    z-index: 2;
    background-image: none;
    opacity: 1
}

.carousel-control.left .fa-angle-left:before, .carousel-control.right .fa-angle-right:before{
 color: #fff;  
 box-shadow: none
}
.carousel-control.left .fa-angle-left:before, .carousel-control.right .fa-angle-right:before{
    /*color: #cc8809;*/
    position: absolute;
    top: 45%;
    border: 1px solid rgba(231,60,12,.5);
    background-color: rgba(231,60,12,.5);
    color: #fff;
    padding: 10px 20px;
    
    transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
}
.carousel-control.right {
    right: 50px
}

.carousel-control.right:hover .fa-angle-right:before,
.carousel-control.left:hover .fa-angle-left:before{
    background-color: #e73c0c;
    color: #fff;
}
@media(max-width: 676px){
    .carousel-control.left .fa-angle-left:before, .carousel-control.right .fa-angle-right:before{
        display: none
    }  
}
/*Blocks*/
.cashback, .cardetails, .benefit, .topUp, .cardpage, .special, .stories, .LatestNews, .footer{
    position: relative;
    float: left;
    width: 100%;
}
/* Discount Cash Back */
.cashback .cashBack {
    background-color: #d53508;
    width: calc(100% / 4);
    padding: 70px 15px;
    text-align: center;
    float: left;
    min-height: 360px;
}

.cashback .cashBack:nth-of-type(2){
    background-color: #e73c0c;
    border-right: 1px solid rgba(255,255,255,.2);
    border-left: 1px solid rgba(255,255,255,.2);
}
.cashback .cashBack .Amount {
    font-size: 50px;
    line-height: 50px;
    font-weight: bold;
    color: #fff;
}

.cashback .cashBack .acindetal {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin: 10px 0 30px;
    letter-spacing: 2px;
}
.cashback .cashBack .dsc {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0;
}
.cashback .cashBack:nth-of-type(4) {
    background-color: #e73c0c;
    border-right: 1px solid rgba(255,255,255,.2);
    border-left: 1px solid rgba(255,255,255,.2);
}
@media(max-width: 767px){
    .cashback .cashBack{
         width:100%;
        padding: 15px;
        
    }
    .cashback .cashBack .acindetal {
        font-size: 20px
    }
}
/*  cardetails  */
.cardetails{
    padding: 50px 0 70px;
    text-align: center;
}
.cardetails h3:before, .special h3:before, .LatestNews h3:before, .about-us h3:before, 
.about-patanjali h3:before{
    position: absolute;
    content: '';
    width: 134px;
    height: 33px;
    background-image: url(img/vector.png);
    right: 0;
    left: 0;
    margin: auto;
    bottom: -60px
}
.cardetails h3 span, .special h3 span, .LatestNews h3 span, .benefit h3 span, .about-us h3 span,
.about-patanjali h3 span{
    color: #e73c0c;
}
.about-patanjali h3:before{
    margin-left: 0!important
}
.about-patanjali h3{
    text-align: left!important
}
.about-patanjali{
    padding: 100px 0 20px
}
@media(max-width: 767px){
    .about-patanjali p{
        margin-top: 100px
    }
    .about-patanjali h3:before, .about-patanjali h3{
        text-align: center!important;
        margin: auto!important;
    }   
}
.cardetails h3, .special h3, .LatestNews h3, .about-us h3, .about-patanjali h3{margin-bottom: 100px}
.cardetails h3, .special h3, .LatestNews h3, .benefit h3, .about-us h3, .about-patanjali h3{
    position: relative;
    text-align: center;
    font-size: 36px;
    line-height: 45px;
    text-transform: uppercase;
    color: #333333;
    font-weight: bold;
}
.cardetails .CarDetail-box{
    width: calc( 100% / 5);
    border-right: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    text-align: center;
    float: left;
    min-height: 150px;
    padding-top: 30px
}

.cardetails .CarDetail-box:hover{
    cursor: pointer
}
.cardetails .CarDetail-box:nth-of-type(2), .cardetails .CarDetail-box:nth-of-type(4){
    border-right:none;
    border-left:none;
}
.cardetails .CarDetail-box p{
    font-size: 18px;
    font-weight: 500;
    color: #676767;
    margin: 0 0 30px;
}

.cardetails .CarDetail-box span{
    border-radius: 100%;
    padding: 20px;
    height: 50px;
    width: 50px;
    color: #676767;
    
    transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
}


.CarDetail-box span img{
 filter: grayscale(200);   
 -webkit-filter: grayscale(200);   
 -moz-filter: grayscale(200);   
 -o-filter: grayscale(200);   
 -ms-filter: grayscale(200);   
}
.cardetails .CarDetail-box:hover img{
   filter: grayscale(0); 
}
.cardetails .CarDetail-box:hover p{
    color: #e73c0c;
}

@media(max-width: 767px){
    .cardetails .CarDetail-box{
    width: calc( 100% / 3);
    border: none;    
}
.special p br{
        display: none
    }
    .imgSpecial{
        margin-bottom: 30px
    }
    .TxtSpecial .readMore {
    margin: 25px 0 10px;
}
}
/* special */
    .special{
        padding: 20px 0 60px
    }    
.special p, .benefit p{
        color: #676767;
        font-size: 20px;
        line-height: 36px;
    }
.special ul{
    list-style-image: url(img/listIcon.png);
    width: auto;
}
.special ul li{
color: #676767;
font-size: 16px;
line-height: 24px;
margin-bottom: 20px
}   
.TxtSpecial{
  margin: 50px 0 60px  
}
.initialText{
  margin: 0px 0 60px!important  
}
.imgSpecial img{
    height: auto;
    max-width: 100%;
}

/* Stories */

.stories{
    padding: 70px 0 50px;
    background-color: #282e3f;
}

.TextRow{
    text-align: center;
    margin: 80px 0 20px
}
.stories .TextOne{
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    font-weight: 300;
}
.stories .TextTwo{
    font-size: 60px;
    line-height: 60px;
    font-weight: bold;
    color: #fff;
    margin: 15px 0 30px;
}

.NumberProject{
    width: calc(100% / 4);
    float: left
}
.NumberProject .OneText{
    font-size:  48px;
    font-weight: bold;
    color: #fffffd;
    margin: 0 0 15px;
        
    transition: .8s;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -o-transition: .8s;
    -ms-transition: .8s;
    
}
.NumberProject .TwoText{
    font-size: 14px;
    line-height: 26px;
    color: #fff;
}

.NumberProject .OneText:hover{
    color: #e73c0c;
}
/* FormField */

.SearchField .readMore{
    margin: 0 0 20px
}
.SearchField .readMore:hover{
    color: #333;
    background-color: #fff;
}
.SearchField input[type="text"]{
    height: 50px;
}
.autoDetect input::placeholder, .StoreInput input::placeholder{
     color: #676767;
 }

.SearchField .fa-map-marker, .SearchField .fa-caret-down{
position: absolute;
right: 20px;
top: 13px;
cursor: pointer
}
.SearchField .fa-map-marker{
    font-size: 20px
}
.autoDetect, .StoreInput{
    position: relative
}
.autoDetect input, .StoreInput input{
    padding: 0 20px;
    font-size: 15px;
    margin-bottom: 50px;
    position: relative;
    text-transform: uppercase;  
}

/* Select Location */

.StoreList, .locatorShow{display: none}
.locatorShow, .StoreList{   
position: relative;  
background: #fff;
border-radius: 6px !important;
margin-top: 5px;
max-height: 250px !important;
overflow: hidden !important;
} 
.locatorShow ul, .StoreList ul{
padding: 0 !important;
max-height: 300px !important;
overflow: auto;
}

.locatorShow ul li, .StoreList ul li{
padding: 0 !important;
margin: 0 !important;
}
.locatorShow ul li .content, .StoreList ul li .content{
display: flex;
color: #080808;
font-size: 16px;    
padding: .45em 1em;
}
.srchDropDown ul li .content{
 line-height: 30px
}
.locatorShow ul li .content:hover, .StoreList ul li .content:hover{
    background: #eee;
    cursor: pointer
}

@media(max-width: 767px){
    .stories {
        padding: 80px 0 80px
    }
    .stories .TextOne {
    font-size: 26px;
    }
    .stories .TextTwo {
        font-size: 40px
    }
    
    .NumberProject {
        width: calc(100% / 2);
        margin-bottom: 30px;
    }
    
    .NumberProject .OneText {
        font-size: 35px
    }
    
    .NumberProject .TwoText {
    font-size: 14px;
    line-height: 20px
    }
    
    .SearchField{
        margin-top: 30px
    }
}

/* LatestNew */
.LatestNews{
    padding: 70px 0 70px
}

/*.LatestNews .N-Box:hover{
    border: 1px solid #e73c0c;
     padding: 10px
}*/

.LatestNews .N-Box{
    margin: 0 0 15px;
    padding: 10px;
    border: 1px solid #fff;
}
.LatestNews img{
    max-width: 100%
}
.LatestNews h4{
    margin: 20px 0 15px;
    font-weight: 500;
    font-size: 24px;
    color: #333;
    min-height:113px;
}

.TextDscrb p{
    margin-bottom: 60px
}

.TextDscrb p, .LatestNews p{
    color: #676767;
    font-size: 20px;
    line-height: 36px;
}
.LatestNews p{
    font-size: 18px;
    line-height: 26px
}

.LatestNews .readMore:hover{
    background-color: #e73c0c;
    color: #fff;
    border: 1px solid #e73c0c;
}
.LatestNews .readMore{
    margin: 20px 0 15px;
    padding: 11px 23px;
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    border: 1px solid #333;
    color: #333;
    text-transform: capitalize
}

/* Footer */
.footer{
    padding: 60px 25px 60px 30px;
    background-color: #282e3f;
}

.footer .footer-link .np{
    padding: 10px 0
}

.footer .footer-link .lnp{
    padding-left: 0
}

.footer .footer-link{
    width: calc( 100% / 5);
    padding:0 20px;
    float: left
}
.footer .footer-link ul{
    list-style-type: circle;
}

.footer .footer-link h3{
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 18px;
    color: #e8e8e8;
    font-weight: 500;
}

.footer .footer-link p{ line-height: 26px!important }
.footer .footer-link ul li, .footer .footer-link p{
    font-size: 14px;
    line-height: 28px;
    color: #a1a7b7;
}

.footer .footer-link ul li a:hover{
    background-color: #e73c0c;
    padding: 0 5px;
    margin-left: 10px;
    color: #fff
    
}
.footer .footer-link ul li a{
  color: #a1a7b7;
  text-decoration: none;
    
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;    
    
}

@media(max-width: 676px){
    
    .footer .footer-link{
        width: 100%;
        margin-bottom: 20px
    }
    
    .footer{
    padding: 60px 10px 60px 10px;
}
 }

/* initiative_header */
.initiative_header{
        background-image: url(img/faq-card-initiative.jpg);
    }
.storeLocators{
        background-image: url(img/store-locator.jpg);
    }
.initiative_header, .storeLocators{
    background-size: cover;
    background-position: center;
    text-align: center;
}

.initiative_header p span, .storeLocators p span{
    color: #e73c0c;
}
.initiative_header p, .storeLocators p{
    color: #fff;
    font-size: 9.96px;
    position: relative;
    z-index: 1;
    padding: 0px 0 50px;
}
.initiative_header h3, .storeLocators h3{
    font-size: 25.61px;
    color: #fff;
    text-transform: uppercase;
    padding: 100px 0 80px;
    position: relative;
    z-index: 1
}
.card{margin: 0!important}
    .initiative_header, .storeLocators{
    position: relative;
    margin-bottom: 30px
}
/* FAQ */

.panel-default>.panel-heading {
  color: #676767;
  background-color: #eee;
  border-color: #eee;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 15px 15px;
text-decoration: none;    
    
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #e73c0c;
    border-color: #e73c0c;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

.panel-body {
   border: 1px solid transparent;
}


.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
 font-weight: bold; 
 font-size: 23px; 
 line-height: 23px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  font-weight: bold;
  font-size: 23px; 
  line-height: 23px;    
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
    
}

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}

.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f;
}

.accordion-option .toggle-accordion:before {
  content: "Expand All";
}

.accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}
.panel-default {
    border-color: #fff;
}

.panel-group #headingSeven{
    /*margin-bottom: 50px*/
}
.panel-group {
    margin: 30px 0 0;
}

.panel-group .panel + .panel {
    margin: 20px 0 20px;
}

.panel {
    box-shadow: none;
    
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}

@media(max-width: 767px){
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
padding: 15px 0 0 0
}
    .nop, .panel-group{
        padding: 0;
    }
    .testTable, .tableCash h3{
        width:100%!important
    }
    
    .panel-group:last-child {
    margin: 0px 0 0;
}
    .panel-group #headingSeven{
    margin-bottom: 0px
}
    
    .FAQ{
        padding: 10px 0 40px
    }    
}

.initiative_header:before{
    position: absolute;
    content: '';
    left:0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    overflow: hidden;
}

/* table */
.testTable {
  display: table;
  margin: 0 auto 20px;
  padding: 0px;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  width:90%;    
 }
.panel-body{
    padding: 15px;
    color: #676767;
    font-size: 16px;
    line-height: 24px;
}
.tableCash h3{
   font-size: 20px;
    color: #333;
    font-weight: bold;
    margin: 20px auto 10px;
    width: 90%;
    }

.testRow {
  display: table-row;
}

.testRow > span {
    text-align: center;
  font-size: 20px;
    color: #333;
  list-style:none;
  display: table-cell;
  padding: 15px 25px;
 border-right: 1px solid #333;
border-bottom: 1px solid #333;    
}

.testHeader {
  display: table-header-group;
  /*position: absolute;*/
}

.testHeader span {
  background-color: #e73c0c;
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    
}

.testBody {
  display: table-row-group;
}

.tableRow > span{
    display: table-cell;
    border: 1px solid #333;
}

/* Store Locator */
.rowlocator .box-locator .fa-shopping-cart, .rowlocator .box-locator .fa-map-marker{
    margin-bottom: 30px
}

.rowlocator .box-locator:hover{   
    background-color: #e73c0c;
    color: #fff; 
}

.rowlocator{
 float: left;
    width: 100%;
    clear: both
}

.rowlocator .box-locator:first-child{
    border-left: 1px solid #333
}
.rowlocator .box-locator{
    width: calc(100% / 3);
    float: left;
    float: left;
    background-color: #f8f8f8;
    color: #e73c0c;
    padding: 40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    transition: .5s;
    border-right: 1px solid #333;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s
    
}
.t0{margin-bottom: 0}
.t0 p{margin:0}

.plus{
    position: relative
}
.plus:after{
    content: '\f067';
    position: absolute;
    left: 5px;
    right: 0;
    top: 14px;
    font-size: 14px;
    color: #fff;
    bottom: 0;
}
.rowlocator .box-locator:hover .plus:after{
    color: #333
}
/*searchBox*/

.storeLocator .searchBox{
    position: relative;
    width: 60%;
    margin: 50px auto 50px
}
.storeLocator .searchBox input::placeholder{
    font-size: 20px;
    color: #333;
}
.storeLocator .searchBox input{
    border:1px solid #ddd;
    border-radius: 0px;
    box-shadow: none;
    height: 50px;
    padding: 0 20px;
}
.searchBox .fa-search{
    z-index: 3;
}
.searchBox .fa-shoping{
    width: auto!important;
    right: 50px !important;
}
.searchBox .fa-search, .searchBox .fa-shoping{
    position: absolute;
    right: 0;
    top: 0;
    /*background-color: #e73c0c;*/
    color: #fff;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
}
.searchBox .fa-search{
    font-weight: 300;
    font-size: 20px; 
    background-color: #c3350e;
}


.StoreDropDown{
    padding-right: 15px;
    padding-left: 15px;
    background-color: #e73c0c;
    font-weight: 400;
    font-size: 20px;
}
.StoreDropDown i{
    font-size: 25px;
}


.storeLocator .testTable{
    border: none;
        
}
.storeLocator .tableCash .testRow > span{
    white-space: nowrap;
    text-align: left;
    font-size: 14px;
    line-height: 26px;
    border-right: 1px solid #fff;
        
}
.storeLocator .tableCash .testRow > span:last-child{
    white-space: normal
}
@media(max-width: 767px){
    .storeLocator .searchBox{
        width: 90%
    }
    .rowlocator .box-locator{
        width: calc(100% / 3)
    }
    .rowlocator .box-locator .fa-shopping-cart, .rowlocator .box-locator .fa-map-marker {
    margin-bottom: 10px;
}
    .rowlocator .box-locator {
        padding: 5px;
        font-size: 12px;
        line-height: 20px;
    }
    .rowlocator .box-locator:first-child {
        border-left: none
    }
    .rowlocator .box-locator:last-child {
        border-right: none
    }
    .plus:after{
        top: 6px;
        font-size: 8px;
    }
}

.pagination > li > .fa-chevron-right, .pagination > li > .fa-chevron-left{
    margin-right: 15px;
    margin-left: 15px;
     color: #a4a4a4;
}

.pagination > li > a{
    margin: 0 5px 50px 5px;
    color: #666;
    border-color: #d8d8d8;
}

.next10:hover, .prev10:hover, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #fff;
    background-color: #e73c0c;
    border-color: #e73c0c;
}

.pagination .page-active{
    background-color: #e73c0c;
    color: #fff;
    border-color: #e73c0c;
}

@media (max-width: 767px){
    .pagination > li > a{
        margin: 0 2px 50px 2px
    }
    .storeLocator .tableCash .testRow > span {
    white-space: normal;
    font-size: 10px;
    line-height: 15px
    }
    .storeLocator .tableCash .testRow > span {
        padding: 15px 5px
    }
    .storeLocator .tableCash .testRow > span:last-child {
    word-break: break-all;
    }
}

/* CardPage */
img{
    max-width: 100%;
}

.subheader{
    background-color: #e73c0c;
    min-height: 35px;
    line-height: 35px
}
.subheader .subNav ul{
    list-style-type: none;
    text-align: center;
}
.subheader .subNav ul li{
    display: inline;
    padding: 0 15px;
}
.subheader .subNav ul li a{
    color: #fff;
    font-size: 14.04px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
}

.subheader .subNav ul li a:hover, .subheader .subNav ul li a:focus{
    border: 1px solid #fff;
    padding: 3px 10px;
}
.cardetails .col9{
    width: 70%;
    margin: auto;
}
.particiate p{
    font-size: 18px;
    color: #676767;
    line-height: 30px;
    text-align: center;
    margin-top: 30px
}
.benefit .bleft, .benefit .bleft h3{
    text-align: right
}
.imgBenefit img{
    position: relative;
    top: 5px;
    height: auto;
    max-width: 100%
}
.bottom0{margin-bottom: 0!important}
.benefit .row, .about-us .row{
    padding: 0!important
}
.cardDetails{
    border-top: 1px solid #e73c0c;
    padding-top: 0px!important;
}
.about-us p{
        text-align: right;
}

@media(max-width: 767px){
    .about-us p{
        text-align: left;
}
}
.about-us p, .about-patanjali p{
    font-size: 18px;
    color: #676767;
    line-height: 30px;
}
.bgTwo{
    background-color: #fff;
    padding-top:50px 
}
.bgOne{
    background-color: #f9f5e9;
    padding-top:50px 
}

.topUp .bleft img{
    max-width: 100%;
    height: 413px
}
.topUp .bleft, .topUp .bright{
    width: calc(100% / 2);
    position: relative;
    top: 5px;
    float:left
}
.topUp .bright{
    background-color: #e73c0c;
    min-height: 413px;
    padding: 70px 40px
}
.topUp .bright p{
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300
}
.topUp .bright h3{
    font-size: 42px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase
}

@media(max-width: 767px){
    
    .benefit .TxtSpecial{
        margin-top: 0
    }
    .benefit .bleft, .benefit .bleft h3 {
    text-align: center;
}
    .cardetails .col9 {
        width: 100%
    }
    .topUp .bleft img{
        height: auto;
        position: relative;
        top:5px
    }
    .topUp .bright{
       padding: 70px 15px  
    }
    .topUp .bright h3{
        font-size: 30px;
    }
    .topUp .bleft, .topUp .bright{
        width: 100%
    }
}
/* ---------------- For sticky header: class="float-panel"  ------------------*/
.float-panel {
    width:100%;background:white;z-index:300;transform: translateZ(0);
    transition:all 0.5s; /* Effect for switching from .fixed to static */
}
.float-panel .content-area {margin:10px auto;}
/*.float-panel a {font-size:16px;text-decoration:none;color:#444;display:inline-block;padding:10px 20px;}
.float-panel .fa-gg {color:#F0595C;font-size:30px;vertical-align:middle;transition:all 1s;}*/
/* when class="float-panel fixed" */
.fixed {box-shadow:0 2px 6px rgba(0,0,0,0.2);animation:slide-down 0.7s;opacity:1;}
@keyframes slide-down {
    
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}

.nav > li > a {
    text-transform: uppercase;
    position: relative;
    display: block;
    padding: 16px 8px !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dropdown-menu {
    min-width: 150px;
    border-color: transparent;
}

.dropdown-menu > li > a {
    padding: 6px 20px;
    color: #4f4f4f;
}



/* ---------------- For Animation on Scroll ---------------- */
.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {visibility: visible; animation:slide 1s;}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}

/* CopyRight */
.copyright{
    background-color: #1f2535;
    padding: 35px 0 25px;
    text-align: center;
    clear: both;
    
}
.copyright p{
    color: #999;
    font-size: 14px
}
.copyright p span{
    color: #e73c0c
}

/* get in touch form */


/* feedback form */
          .form-feedback{
              position: relative;
              background-color: rgba(255,255,255,1);
              padding: 25px 20px 25px;
              width: 290px;
              border: 2px solid #e73c0c;
          }
          .form-feedback input[type='text']{
          height: 40px;
          }
          .form-feedback input[type='text'], .form-feedback textarea{
              width: 100%;
              padding: 6px 15px;
              background-color: rgba(51,51,51,.2);
              /*border: 1px solid #ffc913;*/
              color: #fff;
          }
          .form-feedback input[type='text']::placeholder, .form-feedback textarea::placeholder{
              color: #000;
              opacity: 1;
              font-size: 12px;
          }
          .form-feedback p span{
              color: #ffc913;
          }
          .form-feedback p{
              font-size: 13px;
              color: #fff
          }
          .form-feedback button{
              background-color: #e73c0c;
              font-size: 15px;
              line-height: 15px;
              text-align: center;
              text-transform: uppercase;
              font-weight: 600;
              border: none;
              color: #fff;
              padding: 15px 100px;
          }
          @media(max-width: 767px){
              .form-feedback{
                  width: 100%;
                  right: 0;
              }
          }  
    
    .getbtn{
        position: absolute;
        padding: 10px 25px;
        background-color: #e73c0c;
        color: #fff;
        font-weight: 600;
        
        text-transform: uppercase;
        transform: rotate(-90deg);
        left: -92px;
        top: 50px;
    }
    #formSlide{
        position: fixed;
        z-index: 999;
        right: -290px;
        top: 39%;
        
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        
    }
    @media(max-width: 767px){
        
        .form-feedback {
            padding: 25px 10px 0;
        }
        #formSlide{
            margin-right: 13px;
        }
    }

.adress a{
    text-decoration: none;
    color: #a1a7b7;
}
.adress a:hover{
    color: #fff
}
a.TxtBtn{
 color: #e73c0c;
 margin-bottom: 20px;
display: inline-block
}
a.TxtBtn:hover{
    color: #333;
    text-decoration: none;
}
.tnc{
    margin: 30px 0 50px;
}
.tncImg{
    position: relative;
    top: 5px;
}
.tnc li p:first-child{
    margin-top: 7px;
}
.tnc li p{
    margin: 0
}
.tnc li{
color: #676767;
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
}
.tnc ol, ul {
    list-style:decimal;
}
.arow{
    position: relative;
    z-index: 2;
}
.l{
    position: absolute;
    right: 0;
    z-index: -1;
    top: 0;
   
}
.option{
    padding: 10px;
    color: #333;
    padding-bottom: 30px;
}
.StoreDropDown select{
    padding-left: 10px;
    padding-right: 10px;
    border: none;
    background-color: transparent;
    border:none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    width: 190px;
     -webkit-appearance:none;
   -moz-appearance:none;
   appearance:none;
    line-height: 50px;
    position: relative;
    
}
@media(max-width: 767px){
    .StoreDropDown {
     padding-right: 7px;
     padding-left: 7px;
    font-size: 12px;    
    }
    .StoreDropDown i{
        font-size: 12px
    }
    .StoreDropDown i:last-child{padding-left:0}
}

@media(max-width: 767px){
    .StoreDropDown select{
        width: 100px;
        font-size: 10px;
        padding: 0;
    }
}

/* contact_us */

#contact_us{
    padding: 50px 0 50px;
    display: inline-block;    
}
#contact_us input[type='text'], #contact_us textarea{

    padding: 6px 15px;
    margin-bottom: 20px;
    border:1px solid #eee;
    box-shadow: none;     
}
.Ownbtn{
        position: fixed;
        padding: 10px 25px;
        background-color: #e73c0c;
        color: #fff;
        font-weight: 600;
        z-index: 30;
        text-transform: uppercase;
        transform: rotate(-90deg);
        right: -58px;
        bottom: 140px;
    }
@media(max-width: 767px){
    #contact_us{
        display: block;
    }
    .Ownbtn{
        bottom: 70px;
    }
    .getbtn{
        top: 0;
    }
}

.invalid{
    color: #e73c0c;
}

.prev10{
    color:#a4a4a4;
    cursor: pointer;
    vertical-align: top;
    display:  inline-block;
    position: relative;
    top: 20px;
    right: 15px;
    border: 1px solid #ddd;
    padding: 6px 12px;
    width: auto;
    border-radius: 4px 0px 0px 4px;
}

.next10{
    color:#a4a4a4;
    cursor: pointer;
    vertical-align: top;
    display:  inline-block;
    position: relative;
    top: 20px;
    right: 4px;
    border: 1px solid #ddd;
    padding: 6px 12px;
    width: auto;
    border-radius: 0px 4px 4px 0px;
}



@media (max-width: 767px){
    .prev10,.next10{
        display: none;
    }

    .pagination>li>a, .pagination>li>span {
        padding: 6px 6px;
    }
    .pagination > li > .fa-chevron-right, .pagination > li > .fa-chevron-left {
    margin-left: 10px;
}
.pagination > li > .fa-chevron-left {
    margin-right: 10px;
}

.bgwhite{background-color:#fff!important; color:#e73c0c!important;border: 1px solid #e73c0c!important}

}
.navbar-brand>img{
    margin-top : -13px !important;
}

.float-none {
    float: none;
}


/* start samridhi card css */
#navbar .samridhi-card-nav-btn {
    background-color: #e73c0c;
    color: #fff;
    border-radius: 8px;
    padding: 10px 14px !important;
    display: block;
    font-size: 13px;
    margin-top: 5px;
}

.unlock-samridhi-card-section {
    padding: 40px 0;
    background-color: #fff;
}
.unlock-samridhi-card-heading {
    color: #333;
    font-size: 32px;
    font-weight: 600;
    line-height: 130%;
}
.unlock-samridhi-card-para {
    color: #757D8A;
    font-size: 18px;
    font-weight: 400;
}
.unlock-card-apply-btn {
    border: 1px solid #EDCB4D;
    background-color: #EDCB4D;
    color: #333;
    padding: 7px 14px!important;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    margin-top:6px;
}
#virtual-btn{
          padding: 11px 14px !important;
    color: #fff;
}
.desktop-virtual{
       display: inline-block;
    float: right !important;

}
.mobile-virtual{
    display:none;
}
#virtual-btn:hover{
    background:#e73c0c;
}
.unlock-card-apply-btn:hover {
    color: #333;
    text-decoration: none;
}

.samridhi-card-strip {
    padding: 16px;
    background-color: #F9F5E9;
    text-align: center;
}
.samridhi-card-strip-heading {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 0;
}

.samridhi-card-form {
    margin-top: 40px;
}
.samridhi-card-form-wrap {
    background-color: #F9F5E9;
    padding: 24px;
    margin-top: 40px;
    border-radius: 8px;
}
.samridhi-card-row {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    width: auto;
    margin-top: 0 !important;
}
.samridhi-card-input-group {
    margin-bottom: 20px;
}
.samridhi-card-input-label {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    position: relative;
    padding-right: 10px;
    margin-bottom: 8px;
}
.samridhi-card-input-label span {
    color: #E73C0C;
    position: absolute;
    right: 0;
}
.samridhi-card-input-input {
    font-size: 14px !important;
    font-weight: 400;
    padding: 12px 16px;
    padding-top: 12px !important;
    padding-left: 16px !important;
    border-radius: 4px;
    border: 1px solid #DBDEDE !important;  
    background-color: #fff;
    height: auto !important;
    width: 100%;
}
.samridhi-card-input-select {
    font-size: 14px !important;
    font-weight: 400;
    padding: 12px 16px;
    padding-top: 12px !important;
    padding-left: 16px !important;
    border-radius: 4px;
    border: 1px solid #DBDEDE !important;  
    background-color: #fff;
    height: auto !important;
    width: 100%;
}
.samridhi-card-input-input:focus {
     border: 1px solid #e6b500 !important;  
}

.upload-doc-wrap {
    border-radius: 20px;
    border: 1px dashed #DBDEDE;
    padding: 16px;
    margin-bottom: 20px;
}
.upload-doc-heading {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 16px;
}
.upload-doc-verify {
    color: #E73C0C;
    font-size: 14px;
    font-weight: 500;
    text-decoration-line: underline;
    background: transparent;
    border: none;
    padding: 0;
    text-transform: uppercase;
}
.samridhi-card-form-check {
    display: flex;
    gap: 12px
}
.samridhi-card-form-check input {
    width: 16px;
    height: 16px;
    margin-top: 1px;
    flex-shrink: 0;
}
.samridhi-card-form-check label {
    color: #757D8A;
    font-weight: 400;
    font-size: 14px;
}
.samridhi-card-form-check label a {
    color: #E73C0C;
}

.stepper-thanks {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    padding: 16px 0;
}
.stepper-thanks-img-wrap {
    margin-bottom: 24px;
}
.stepper-thanks-img-wrap img {
    max-width: 100%;
}
.step-heading {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 24px;
}
.stepper-thanks-heading {
    color: #333;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 16px;
}
.stepper-thanks-para {
    color:#757D8A;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 24px;
}
.stepper-thanks-notify {
    color:#757D8A;
    font-size: 16px;
}
.stepper-thanks-notify strong {
    color: #333;
}

.stepper {
    display: flex;
    gap: 32px;
}
.stepper li {
    list-style-type: none;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}
.stepper-content {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.stepper-content span {
    width: 28px;
    height: 28px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #EDCB4D;
    color: #333333;
    font-size: 14px;
    font-weight: 600;
}
.step-completed .stepper-content span {
    background-color: #E73C0C;
    color: #fff;
}
.stepper-content strong {
    color: #757D8A;
    font-size: 14px;
    font-weight: 400;
}
.step-completed .stepper-content strong {
    color: #333;
    font-weight: 500;
}
.stepper-line {
    height: 4px;
    width: 100%;
    background: #EDCB4D;
    border-radius: 4px;
}
.step-completed .stepper-line {
    background: #E73C0C;
}

.stepper-btns-group {
    display: flex;
    margin-top: 40px;
}
.stepper-btn {
    padding: 10px 14px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    background-color: #fff;
}
.stepper-btn i {
    font-size: 12px;
}
.stepper-btn-back {
    border-radius: 8px;
    border: 1px solid #757D8A;
    color: #757D8A;
}
.stepper-btn-next {
    border: 1px solid #E73C0C;
    background-color: #E73C0C;
    color: #fff;
    margin-left: auto;
}

.view-faq-btn-group {
    text-align: center;
    margin-top: 40px;
}
.view-faq-btn {
    margin-right: 20px;
}
.stroke-btn {
    border-radius: 8px;
    border: 1px solid #757D8A;
    background-color: #fff;
    color: #757D8A;
    padding: 10px 14px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
}
.fill-btn {
    border: 1px solid #E73C0C;
    background-color: #E73C0C;
    color: #fff;
    padding: 10px 14px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
}

.file-upload-wrap-verify {
    display: flex;
    gap: 50px;
}
.file-upload-wrap-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.file-upload-container {
    border-radius: 10px;
    background: #FFF;
    padding: 10px;
    aspect-ratio: 2 / 1.5;
    max-width: 220px;
}
.upload-area {
    border: 2px dashed #DBDEDE;
    text-align: center;
    cursor: pointer;
    width: 100%;
    border-radius: 8px;
    min-height: 152px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
}
.upload-icon {
    margin-top: 10px;
    margin-bottom: 10px;
}
#uploadText {
    color: #606060;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 15.09px;
    letter-spacing: 0.314px;
}
#uploadText strong {
    font-weight: 600;
    color: #e73c0c;
}
.file-name {
    font-weight: bold;
    color: #606060;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-left: 8px;
}
#fileInput {
    display: none;
}


@media(max-width: 768px) {
    .samridhi-card-strip-heading {
        font-size: 20px;
    }
    .stepper {
        gap: 12px;
        flex-direction: column;
    }
    .file-upload-wrap-verify {
        gap: 30px;
    }
    .file-upload-wrap {
        width: 100%;
    }
    .file-upload-container {
        max-width: 100%;
    }
    .upload-doc-verify {
        margin-top: auto;
        margin-bottom: 22px;
    }
    .stepper-thanks-heading {
        font-size: 30px;
    }
    .stepper-thanks-para {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .stepper-thanks-notify {
        font-size: 14px;
    }
}
/* end samridhi card css */