:root{
    /*DEVELOPER NOTE*/
    /*Changes were made to these globals to match the chitchat brand colors the
      original values are commented out */

  /*--bannerColor:#039be5;*/
  --bannerColor:#cc9933;
  /*--bannerLight:#3594cb;*/
  --bannerLight:#cc9933;
  /*--bannerLightButton:#46a4da;*/
  --bannerLightButton:#cc9933;
  --footerBackground:#062e48;

  --firstSectionBox:;
  /*#68c3cb*/

  /*--lightBanner:#cce5ff;*/
  --lightBanner:#cc9933;

  /*--buttonBackground:#007bff;*/
  --buttonBackground:#cc9933;
  --buttonBackgroundHover:#0069d9;


  --buttonBackgroundSelected:#6098d4;
  --buttonTextColor:#000;
  --buttonTextSelectedColor:#fff;

  --navbarColor:#fff;
  --navbarColorSelected:#aaa;
  --navbarColorHover:#ccc;
  
  /*#08c65b;*/
}
body{ 
  font-size: 16px; font-family: 'Open Sans', sans-serif;
}
p{
  margin-bottom: 10px;
}

.mainsection {
    padding: 10px;
    min-height: -webkit-calc(100% - 154px);     /* Chrome */
    min-height: -moz-calc(100% - 154px);     /* Firefox */
    min-height: calc(100% - 154px);     /* native */
}


/*footer bottom alignment  */

.foot-bot{
 margin-bottom: 8%;
}
/*/footer bottom alignment  */

/*common class*/
.top{ margin-top: 80px!important; }
.col-pad{ padding: 0px 50px; }
.comn-top-bot{ padding: 75px 0px; }
/* .section-border{ border-bottom: 1px solid #eaeaea; } */
.med-top{margin-top: 0px!important;}
.r-m{
  margin-left: 0!important;
  margin-right: 0!important;
}
/*nav bar*/
.navigtion-img{
width: auto;
    padding: 3px 10px 9px;
}
.bor-on-menu {
border-bottom: 1px solid #fff0;
  padding: 0;
}
.bg-light{background: var(--bannerColor)!important; padding:5px 0px; border-bottom: 1px solid rgba(241,241,241,.5);     box-shadow:0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);}
.navbar-expand-lg .navbar-nav .nav-link{padding-left: 0px;
    width: auto;
    line-height: 30px;
    padding-right: 0px;
    font-weight: 500;
    color:var(--navbarColor); } 
.navbar-expand-lg .navbar-nav .nav-link:hover{ padding-left: 0px; line-height: 30px; padding-right: 0px; 
   color: var(--navbarColorHover); } 
.navbar-brand {
  width: 200px;
  height: auto;
}
.navbar-brand img{ width: 100%; }
.logo-text{
  color: #fff;
}

/*
togglebar
*/
.navbar-light .navbar-toggler {	
  color:#fff0;	
  border-color: #fff0;	
  outline: none!important;	
}	
.navbar-toggler i{	
font-size: 10px;	
padding: 2px;	
}	
.pnk{	
color: #e04172;	
}	
.ylw{	
color: #d5ca3a;	
}	
.bl{	
color:#438ac9;	
}

/*section styles*/
.first-section-prop{
  background-color:var(--firstSectionBox);
}
.second-sec-properties{
  background-color: var(--bannerColor);
}
.third-sec-prop {
    background-color: #fafafa;
    width: 100%;
    background-image: url(../img/bgm.png);
    background-repeat: no-repeat;
     width: 100%;
       background-position: right -119px top -69px;
    
}
.forth-sec-pop{

   background-image: url(../img/bgs.jpg);
    background-repeat: no-repeat;
   background-size: cover;
    background-position: center;
}


.sec-clr{
  color: #fff!important;
}
/*ullas updated styles 10/07/2019 */
.step-number {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #e2dede85;
    margin: 0 auto;
    display: table;
    box-shadow: -2px 3px 4px #828282;
}
.step-number h2 {
    text-align: center;
    padding: 8px 0px;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

/*ullas updated styles 10/07/2019 */
/*sim choose ullas changed 10-07-2019*/
.sim-choose-sec {
    padding: 20px 20px;
    width: 100%;
    height: 270px;
    transition: .1s ease;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2);
}
.chose-bund{	
  background-color: #e04172!important;	
  }	
  .act-bund{	
    background-color: #d5ca3a!important;	
  }	
  .us-sim{	
    background-color: #438ac9!important;	
  }	
/*new code by ullas*/	
.rspve{	
  display: block;	
}
.mob-rspve{
  display: none;
}
.mob-rspve-off-table{
  display: none;
}
.rspve-off-table{
  display: block;
}
.same-line {
    display: inline-block;
    float: left;
    padding: 8px 27px !important;
    margin: 0px 6px 0px!important;
}
.separate{
width: 40%;
}
.check-same{
padding: 8px 41px!important;
    margin: 0px 6px 0px -1px!important;
}

  /*new code by ullas*/




/*sim choose ullas changed 10-07-2019*/
/*sim choose*/
.sim-choose-sec h3 {
    color: #212529;
    text-align: center;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 12px;
}
.sim-choose-sec p{ color: #212529; text-align: center; line-height: 30px; }
.sim-choose-sec h3 small{ color:var(--bannerColor); padding-left: 10px; }
.second-sec p{ margin-bottom: 20px; }
.second-sec p span{ font-weight: 600; font-size: 20px; line-height: 30px; padding-left: 10px;}
.effect1 {
    box-shadow: 0 10px 6px -6px #bfbfbf;
}
.sim-choose-sec:hover {
  transform: scale(1.025);
   
}

/*offer sec*/
.offer-sec{ margin-bottom: 25px; background: #fff;}
.offer-sec p{display: inline;}
.offer-sec p img {
    max-width: 17%;
}
.offer-sec p:nth-of-type(2){ font-weight: 600; font-size: 26px; padding-left:5%; }
.offer-sec p:nth-of-type(3){ font-weight: 600; font-size: 22px; padding-left:10%; }
.offer-sec p:nth-of-type(4) {
    font-weight: 600;
    font-size: 25px;
    padding-left: 5%;
    color: #009ce6!important;
}
.rate-img {
    width: 100px;
    height: 45px;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.rate-img h3{
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}


.rate-img img{ width:100%; max-width:100%;}
.blue-section {
    background:rgba(0, 13, 113, 0.5411764705882353);
    border-radius: 10px;
    width: 100%;
    height: auto;
    box-shadow: 0px 1px 6px #031827;
    padding: 10px;
}

.grey-section {
    background: rgba(2, 2, 2, 0.7490196078431373);
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 10px;
    box-shadow: 0px 4px 13px #5d5d5d;
}

.blue-section-border{border-bottom: 1px solid #fff;}
.gray-section-border {
    border-bottom: 1px solid #ffffff;
}
.order-clr{
  color: #000;
}
.order-clr:hover{
  color: #000;
  text-decoration: none;
}
.align-padd {
    font-size: 22px;
    padding-left: 9%;
    font-weight: 700;
    color:#231f20;	
  }	
  .off-divide{	
    background-color: #68c3cb;	
    padding: 2%;	
  }	
.new-size{
  font-size: 18px!important;
  font-weight: normal!important;
}
.u-line {
    width: 6%;
    height: 20px;
    border-top: 4px solid #fff;
    /* margin: 0 auto; */
    margin-left: 9.2%;
    /* display: table; */
}
.u-line-black{
   width: 6%;
    height: 20px;
    border-top: 4px solid #000;
    /* margin: 0 auto; */
    margin-left: 9.2%;
    /* display: table; */
}

.blocks {
    width: 18%;
    display: inline-block;
    margin: 0% 1%;
}
.ic-images{
  width: 8%;
  display: inline-block;
  float: left;
}
.ic-images img {
    width: 100%;
    display: block;
    padding: 5% 1%;
    margin: 28% 0% 0%;
}
.off-content {
    float: left;
    width: 90%;
    padding: 0px 0px;
    display: inline-block;
}
.new-props
{
padding: 4px 11px!important;
    line-height: 27px!important;

  }.off-content p {
    font-weight: 600;
    margin-top: 0%;
    font-size: 20px;
    color: #fff;
    line-height: 23px;
    /* padding-left: 10px; */
    padding: 16px 11px;
}

.off-sec-all-divs{
  width: 100%;
}
/*home-last-sec*/
.last-sec p {
    text-align: center;
    color: #000;
    font-weight: 600;
    line-height: 33px;
}
.last-sec2 p{ text-align: center;  font-weight: 600;line-height: 33px }
.blue-sec-last {
    background: #039be500;
    padding: 20px 10px;
    color: #fff;
}
.gray-sec-last{ background:#ccc0;padding: 20px 10px; color: #212529;  }
.blue-sec-last .grid-content-blue,.grid-list-blue{ display: inline-block; }
.grid-content-blue {
    width: 50px;
    border-radius: 50%;
    position: absolute;
    height: 50px;
    padding: 10px 0px;
    box-shadow: -4px 3px 4px #00080c96;
    background: #fff;
}
.off-span{
  font-size: 10px;
  font-weight: 600;
}
.grid-list-blue {
    width: 65%;
    margin-left: 28%;
}
.grid-content-gray {
    width: 50px;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    padding: 10px 0px;
    box-shadow: -5px 4px 7px #323333;
    background: #fff;
}
.grid-list-gray {
    width: 65%;
    margin-left: 28%;
}
.grid-list-blue ul{ list-style: none!important;  text-align: center;   padding-left: 13px; color: #fff; font-size: 12px; margin-bottom: 0px; }
.gray-sec-last .grid-content-gray,.grid-list-gray{ display: inline-block; }
.grid-list-gray ul{ list-style: none!important ; text-align: center; padding-left: 24px;color: #fff; font-size: 12px; margin-bottom: 0px; }


/*assistance page*/
.assistance-head h1{ text-align: center;  font-weight: 600;}
.assiatance-first-sec{ margin-bottom:25%; }
.assiatance-first-sec img{ margin: 0 auto; display: table; margin-bottom: 20px;  }
.assiatance-first-sec h3{ text-align: center; font-weight: 600; font-size: 24px; }
.assiatance-first-sec h3 a{ text-align: center; font-weight: 600; font-size: 24px; color: #212529; text-decoration: none; }
.block{width: 55px;box-shadow: 2px 4px 8px #a5a5a5;  height: 55px;  background:var(--bannerColor); margin: 0 auto; display: block; margin-bottom: 20px;  }


/*profile*/
.gbutton{ 
  border-radius: 50px; padding:7px 20px;color: #fff!important;
    background-color: var(--buttonBackground)!important;box-shadow:0 8px 10px 2px rgba(0,0,0,0.1)!important;
    border-color:var(--buttonBackground)!important;cursor: pointer; }
.profile-form input {
    border-radius: 50px;
    padding: 7px 20px;
    background-color: #e2e2e2;
}
.profile-form textarea{
  background-color: #e2e2e2;
}
.new-botton-style{
  
    padding: 8px 15px!important;
    border: 1px solid var(--bannerColor)!important;
    background-color: var(--bannerColor)!important;
}


.profile-form select{-webkit-appearance: none;  border-radius: 50px; padding:5px 20px; margin: 0px 25px 0px 0px; box-shadow: none; outline: none; background-color: #e2e2e2;}


footer {
    background:var(--footerBackground);
    padding: 15px 20px;
    box-shadow: 1px 2px 10px #00000099;
    color: #fff;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 1px;
    -webkit-appearance: none;
}
footer p{
    text-align: center;
    padding: 0!important;
    margin:0!important;
}
.total{ margin-top: 5%; }
.total h6{ display: inline; margin-bottom: 0px;  }
.total h6:nth-of-type(2){ float: right!important;}
.total-grand{ margin-top: 10%; }
.total-grand h4{ display: inline; margin-bottom: 0px;  }
.total-grand h4:nth-of-type(2){ float: right!important;}
 .mob-padd{
    padding-bottom: 0px;
  }
/*register page*/

.payment{
  width: 100%;
  padding: 0;
}

.payment li{
list-style: none;
    display: inline-block;
    padding: 10px 21px;

}
.payment li img{

 width: 40px;
 height: auto;
}
.txtarea{
  border-radius: 25px;
    padding: 14px 23px;
}
.check-head{
  text-align: center;
  margin-bottom: 5%;
}
/*register page*/
/*cookies page*/
.cookies-head{
  font-weight: bold;line-height: 30px;font-size: 20px;
}
.cookies-content{
  font-size: 16px!important;
 
  line-height: 27px;
}
.cookie-list li{
  font-size:16px;
  padding: 10px 10px;


}
/*cookies page*/
/*privacy page*/
.privacy-block{
  background-color: #fff0!important;
  border: none!important;
}
/*privacy page*/
.selector-btn{
    font-weight: bold;
    text-decoration: none;
    font-style: none;
    font-size: 20px;
    color: #000;
    width: 100%;
    text-align: left;
    padding: 10px;
    background: #fff0;
    border: none;
    outline: none;
}
.selector-btn:hover{
    font-weight: bold;
    text-decoration: none;
    font-style: none;
    font-size: 20px;
    color: #000;
    width: 100%;
    text-align: left;
    padding: 10px;
    background: #fff0;
    border: none;
     outline: none;
}
.selector-btn:active{
    font-weight: bold;
    text-decoration: none;
    font-style: none;
    font-size: 20px;
    color: #000;
    width: 100%;
    text-align: left;
    padding: 10px;
    background: #fff0;
    border: none;
     outline: none;
}
.term-list li{

padding: 10px 10px;
font-size: 20px;

}
/*order-checkout page*/
.order-details{
  margin-top: 3%;
}
.cart-item{
  text-align: left;
}
.cart-price{
  text-align:right;
}
.rtn-button{
  padding: 10px 10px;
  border-radius: 5px;
}
/*web-mobile*/
.web-mobile td{ text-align: center!important; }
/**/

/*mystyle*/
/*activate sim*/
.activate-sim{ width: 400px; margin: 0 auto; display: table; }
.activate-img img{ margin:0 auto; display:table; max-width: 100%;}
/*close*/
/*manage account*/
.manage-form {
    box-shadow: -2px 6px 18px #8a898945;
    height:100%;
}
.manage-form h4{ color: #000; background: #ccc; padding: 15px 15px; }
.manage-form-email{ color: #000; padding: 25px 15px; border-bottom: 2px solid #ccc; }
.manage-form-password{ color: #000; padding: 25px 15px; border-bottom: 2px solid #ccc; }
.manage-form-change {
    color: #000;
    padding: 25px 15px;
    height: 71px;
    border-bottom: none;
}
.manage-form-address{ color: #000; padding: 25px 15px; border-bottom: none; height: 165px; }
.manage-form-address p{ margin-bottom:0px;}
.manage-form-address h5{ font-weight: bold; margin-bottom: 25px;}
.goback a{  background: var(--buttonBackground); color: #fff; font-size: 16px; border-radius: 25px; padding: 10px 25px; line-height: 75px; }
.goback a:hover{  background: var(--buttonBackgroundHover); color: #fff; font-size: 16px; border-radius: 25px; padding: 10px 25px; line-height: 75px; text-decoration: none; }
.sep-sec-1{
  width: 60%;
  float: left;
  display: inline-block;
}
.sep-sec-2 {
    width: 40%;
    float: left;
    padding-left: 14%;
    display: inline-block;
}
.edit {
    background: var(--buttonBackground);
    color: #fff;
    font-size: 16px;
    border-radius: 25px;
    padding: 10px 31px;
    bottom: 8%;
    right: 6%;
    position: absolute;
}
.edit:hover{  background: var(--buttonBackgroundHover); color: #fff; font-size: 16px; border-radius: 25px;  padding: 10px 31px; text-decoration: none; }
.goback-prop{
  padding: 10px 31px!important;
}
/*close*/

/*edit profile*/
.edit-submit{ background: var(--buttonBackground); color: #fff; font-size: 16px; border-radius: 25px; padding: 10px 25px!important; box-shadow: none; outline: none; border:none; }
.edit-submit:hover{ background: var(--buttonBackgroundHover); color: #fff; font-size: 16px; border-radius: 25px; padding: 10px 25px!important; box-shadow: none; outline: none; border:none; }

/*close*/

/* acount activity*/
.yellow-section{ padding: 30px 15px; background: #ffc518; 
  border-radius: 10px;box-shadow:0 8px 10px 2px rgba(0,0,0,0.1) }
.yellow-section h4{ text-align: center; font-weight: bold; }
.yellow-section p{ text-align: center; }
.yellow-sec{ margin: 2% auto 1%; display: table; }
.yellow-sec-btn{ box-shadow:0 8px 10px 2px rgba(0,0,0,0.1)!important;background:var(--buttonBackground)!important; color: #fff; font-size: 16px; border-radius: 25px; padding: 7px 25px!important; box-shadow: none; outline: none; border:none; margin: 0px 5px; }
.yellow-sec-btn:hover{ background:var(--buttonBackground)!important; color: #fff; font-size: 16px; border-radius: 25px; padding: 7px 25px!important; box-shadow: none; outline: none; border:none; margin: 0px 5px; }
.table-btn{ background: #fff; color: #007bff; font-size: 14px; border-radius: 25px; padding: 5px 15px!important; box-shadow: none; outline: none; border:1px solid #007bff; }
.table-btn:hover{ background: #fff; color: #007bff; font-size: 14px; border-radius: 25px; padding: 5px 15px!important; box-shadow: none; outline: none; border:1px solid #007bff; }
.activity-grid-sec{ background: #f5f5f5; padding: 15px 5px; }
.activity-grid-sec h5{ text-align: center; }
.activity-grid-sec a{ margin: 0 auto; display: table;}
.inline-feild{ display: inline;  width: 45%;}
.budle-prize p{display: inline;  }
.budle-prize p:nth-of-type(2){ float: right; }
/*close*/
/*new customer*/
.new-customer{margin-bottom: 5%;}
.new-customer h4{ text-align: center; margin-bottom: 30px; }
.new-customer a {
    background: var(--buttonBackground);
    color: #fff;
    padding: 7px 25px;
    margin: 0 auto;
    display: table;
    border-radius: 20px;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
    padding: 2% 2%;
}
.shades-tab{
  box-shadow: 0px 0px 14px #d6cbcb94;
}
.customer-forgot{
  background-color: #fff!important;
  color: var(--bannerColor)!important;
}
.continue-butt-padd {
    width: 31%!important;
    margin: 0 auto!important;
    display: table;
}
/*close*/

/*add bundle */

/*close*/
/*close mystyle*/
/*my account*/
.table-responsive{
  display: table!important;
}
.log-but{
 
      padding: 11px 13px!important;
}
.forgot {
    text-decoration: none;
     margin: 0 auto; 
    display: table;
    color: #6eb9d0;
}
.forgot:hover{
  text-decoration: none;
  color: #6eb9d0;
}
.font-clr-demo{
  color: #ccc0!important;
 
}
.tab-only{
    margin-left: 0%;
  }
  .swaps{
  width: 100%;
}
.swaps h3{
  font-size: 1.75rem;
  font-weight: 600;
}
.swaps p{
  font-size: 16px;
}
.swaps1{
  width: 100%;
}
  .swap-divs{
  flex-direction: column;
  margin-top: 0%;
  }
  
.check-bill-amt{
  display: inline-block;
  float: left;
  width: 80%;
  padding:0px 20px;
}
.check-bill-cash{
    display: inline-block;
  float: left;
  width: 20%;
  padding:0px 20px;
}
.assist-padd{
 margin-top: 100px!important;
 padding-bottom: 1rem!important;
}  



.last-botm-mar{
  margin-bottom: 0%;
}
.m-prop{
  top: 10%;
}
.m-content{
padding: 2% 1%;
}
.modal-header {
  border:none!important;
}

.m-title{

 margin: 0 auto;
 font-size: 24px;
 font-weight: 600;
}
.modal-header .close{
  padding: 0!important;
  margin: 0!important;
}
.modal-but {
    float: right!important;
    padding: 7px 20px!important;
    width: 78%!important;
}
.m-form-i {
  width: 70%;
  float: left;
  display: inline-block;
}
.m-form-b {
  width: 30%;
  float: left;
  display: inline-block;
}
.m-rate-list ul {
    padding: 0;
    list-style: none;
    margin: 14% 8% 1%;
}
.m-rate-list ul li{
  font-size: 18px;
  padding: 10px 5px;
  font-weight: 600;
}
.offer-sec{
  width: 100%;
  height: 80px;
}
.off-desc{
  width: 70%;
  float: left;
  display: inline;
}
.off-prce{
  width: 30%;
  float: left;
  display: inline;
}
.off-prce p a{
  font-weight: 600;
  font-size: 20px
}
.eq-start-sec {
    margin-top: 22%;
}
.diff-line {
    display: inline-block;
    float: left;
    padding: 9px 20px !important;
    margin: 0px 13px 3px!important;
}
/*rates page*/
.rate-check {
    width: 100%;
    background-image: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-position: top 300px;
    /* margin-top: 39%; */
    background-position: top 350px left 70px;
    background-position-y: top 200px;
    background-size: 100%;
    background-size: top;
}
.rate-check h1{
  text-align: center;
  font-weight: 500;
}
.rate-check h1 span{
  font-weight: bold;
}
.frm-cntry{
  width: 100%;
  display: inline;
}
.frm-cntry p{
  display: inline;
  font-weight: 600;
  font-size: 18px
}
.frm-cntry .frm-cntry-img{
  width: 100px;
  height: 100px;
  display: inline;
  margin-left: 7%;
}
.frm-cntry-img img{
  width: 15%;
  display: inline;
}
.cuntry-prop {
    font-weight: 600!important;
    font-size: 20px!important;
    margin-left: 5%;
}
.to-cntry{
  width: 100%;

}
.to-cntry img{
position: absolute;
    width: 5%;
    top: 33%;
    right: 12%;
}
.search-inp {
    width: 90%;
    margin: 0 auto;
    display: table;
    padding: 15px 18px;
    border: none;
    outline: none;
    box-shadow: 0px 6px 17px #ccc;
    border-radius: 30px;
    margin-top: 2%;
}
.borders-r{
border-right: 2px solid #000;  
}
.land-line{
  width: 100%;
 
}
.land-ic{
  width: 50%;
  float: left;
}
.land-ic img{
  width: 55%;
  margin: 13px auto;
  display: table;
}
.land-ic p{
  text-align: center;
  margin-bottom: 0px;

}
.land-rate{
  width: 50%;
  float: left;
}
.land-rate p{
  font-size: 16px;
  line-height: 23px;
}
.land-rate span{
  font-weight: bold;
  font-size: 20px;
  line-height: 35px;
}
.mobile{
   width: 100%;
 
}
.mobile-ic{
  width: 50%;
  float: left;
}
.mobile-ic img{
  width: 55%;
  margin: 13px auto;
  display: table;
}
.mobile-ic p{
  text-align: center;
  margin-bottom: 0px;

}

.sms{
   width: 100%;
 
}
.sms-ic{
  width: 50%;
  float: left;
}
.sms-ic img{
   width: 55%;
  margin: 13px auto;
  display: table;
}
.sms-ic p{
  text-align: center;
  margin-bottom: 0px;

}
.back-butt-prop {
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 7%;
    color: #000;
    font-weight: 400;
    font-size: 20px;
    border-radius: 24px;
    border: 1px solid #000;
    padding: 7px 45px;
    text-decoration: none;
    border: 1px solid #000;
}
.back-butt-prop:hover{
  color: #000;
  text-decoration: none;
}

/*new assistance page*/

.assist{
  width: 70%;
  margin: 0 auto;
  display: table;
  
}
.main {
  width: 90%;
  max-width: 69em;
  margin: 0 auto;
  padding: 0 1.875em 3.125em 1.875em;
}
.cbp_tmtimeline {
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
  position: relative;
} 
.cbp_tmtimelines {
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
  position: relative;
} 

/* The line */
.cbp_tmtimeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 100px;
  width: 10px;
  /*background: #afdcf8;*/
  background: black;
  left: 50%;
  margin-left: -10px;
}

/* The date/time */
.cbp_tmtimeline > li {
  position: relative;
}

.cbp_tmtimeline > li .cbp_tmtime {
  display: block;
  width: 25%;
  padding-right: 100px;
  position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
  display: block;
  text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
  font-size: 0.9em;
  color: #bdd0db;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
  font-size: 2.9em;
  color: var(--bannerLight);
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
  color: #6cbfee;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0 0 15px 55%;
    box-shadow: 0px 0px 10px #ccc;
    background: var(--bannerLight);
        box-shadow: -3px 5px 17px #8c8888;
    color: #fff;
    padding: 30px;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
    border-radius: 5px;
}



.cbp_tmtimeline > li .cbp_tmlabel h2 { 
  margin-top: 0px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.4);
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: var(--bannerLight);
  border-width: 10px;
  top: 10px;
}


.cbp_tmlabels {
    width: 45%;
}
.cbp_tmlabel{
  width: 45%;
}
.assist-read{
  color:#fff;
text-decoration: none;
}
.assist-read:hover {
    color: #fff;
    text-decoration: none;
}
/*left*/
.cbp_tmtimeline > li .cbp_tmlabels {
    margin: 0 0 15px -1%;
    background: var(--bannerLight);
    color: #fff;
    padding: 30px;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
    border-radius: 5px;
        box-shadow: -3px 5px 17px #8c8888;
}



.cbp_tmtimeline > li .cbp_tmlabels h2 { 
  margin-top: 0px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.4);
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabels:after {
 left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    transform: rotate(180deg);
    border-right-color: var(--bannerLight);
    border-width: 10px;
    top: 10px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabels:after {
  border-right-color: #6cbfee;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
  width: 40px;
  height: 40px;
  font-family: 'ecoico';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.4em;
  line-height: 40px;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  color: #fff;
  background: var(--bannerLightButton);
  border-radius: 50%;
  /*box-shadow: 0 0 0 8px #afdcf8;*/
    box-shadow: 0 0 0 8px black;
  text-align: center;
  left: 50%;
  top: 0;
  margin: 0 0 0 -25px;
}


.assising-ic{
  line-height: 40px;
}
/* Example Media Queries */
@media screen and (max-width: 65.375em) {

  .cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 47.2em) {
  .cbp_tmtimeline:before {
    display: none;
  }

  .cbp_tmtimeline > li .cbp_tmtime {
    width: 100%;
    position: relative;
    padding: 0 0 20px 0;
  }

  .cbp_tmtimeline > li .cbp_tmtime span {
    text-align: left;
  }

  .cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0 0 30px 0;
    padding: 1em;
    font-weight: 400;
    font-size: 95%;
  }

  .cbp_tmtimeline > li .cbp_tmlabel:after {
    right: auto;
    left: 20px;
    border-right-color: transparent;
    border-bottom-color: (var(--bannerLight));
    top: -20px;
  }

  .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: transparent;
    border-bottom-color: #6cbfee;
  }


}
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@font-face {
  font-family: 'ecoico';  src:url('https://tympanus.net/Blueprints/VerticalTimeline/fonts/timelineicons/ecoico.eot'); src:url('https://tympanus.net/Blueprints/VerticalTimeline/fonts/timelineicons/ecoico.eot?#iefix') format('embedded-opentype'),    url('https://tympanus.net/Blueprints/VerticalTimeline/fonts/timelineicons/ecoico.woff') format('woff'),   url('https://tympanus.net/Blueprints/VerticalTimeline/fonts/timelineicons/ecoico.ttf') format('truetype'),    url('https://tympanus.net/Blueprints/VerticalTimeline/fonts/timelineicons/ecoico.svg#ecoico') format('svg');
  font-weight: normal;
  font-style: normal;
} /* Made with https://icomoon.io/ */

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }


.bg-assist{
  background-color: #f5f5f5;
}

.promo-content-section{
  width: 100%;
  margin: 0 auto;
  display: table;
}
.pointing-tick {
    width: 20px;
    height: 20px;
    margin-right: 2%;
}
.promo-content-section ul {
 padding: 0;
  list-style: none;
}
.promo-content-section ul li {
    padding: 5px 10px;
    
}
.promo-gb-img {
position: absolute;
    width: 375px;
    top: -9%;
}
.promo-fix {
  position: absolute;
  width: 420px;
  right: 15%;
  top: -26%;
}
.promo-rate-5gb {
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  bottom: 0;
  right: 30%;
  cursor: pointer;
}
.promo-rate-5gb p {
font-size: 40px;
color: black;
font-weight: 600;
/* padding: 26px 31px; */
z-index: 100;
width: 200px;
height: 200px;
position: absolute;
line-height: 200px;
text-align: center;
cursor: pointer;
}
.d-view{
  display:block;
}
.m-view{
  display: none;
}
/*promo section*/
/*tab section*/	
.pay-meth-blocks{	
  padding: 3px 0px!important;	
}	
.credit-det{	
  padding: 10px 11px 50px!important;	
}	
.space-betwn-crd	
{	
  margin: 0px 0px 10px;	
}	
.crd-arw{	
  width: 100%;	
  text-align: left;	
}	
.ar-d{	
  position: absolute;	
  right: 5%;	
margin-top: 2%;	
}	
/*tab section*/
@media(max-width: 1024px){
    /*promo-section*/
  .promo-fix {
    position: absolute;
    width: 350px;
    right: 10%;
    top: -20%;
}
.promo-rate-5gb {
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  bottom: 0;
  right: 30%;
}
 /*promo-section*/
.cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0 0 15px 56.5%;
    box-shadow: 0px 0px 10px #ccc;
    background: var(--bannerLight);
    box-shadow: -3px 5px 17px #8c8888;
    color: #fff;
    padding: 30px;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
    border-radius: 5px;
}
   .cbp_tmtimeline > li .cbp_tmlabels {
    margin: 0 0 15px -18%;
    background: var(--bannerLight);
    color: #fff;
    padding: 30px;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
    border-radius: 5px;
    box-shadow: -3px 5px 17px #8c8888;
}
 .cbp_tmlabels {
    width: 60%;
}
  .cbp_tmlabel {
    width: 60%;
}
.table-responsive{
  display: block!important;
}
.eq-start-sec {
    margin-top: 31%;
}
  /*new code by ullas*/
  .goback-prop {
    padding: 10px 21px!important;
}
.rspve{
  display: block;
}
.mob-rspve{
  display: none;
}
.mob-rspve-off-table{
  display: none;
}
.rspve-off-table{
  display: block;
}
.same-line {
    display: inline-block;
    float: left;
    padding: 5px 15px !important;
    margin: 0px 5px 0px!important;
}
.separate{
width: 32%;
}
.check-same {
    padding: 8px 25px!important;
    margin: 0px 6px 0px -1px!important;
}
.manage-form-change {
    color: #000;
    padding: 25px 15px;
    height: 94px;
    border-bottom: none;
}
.manage-form-address {
    color: #000;
    padding: 25px 15px;
    border-bottom: none;
    height: 164px;
}
.edit {
    background: #007bff;
    color: #fff;
    font-size: 16px;
    border-radius: 25px;
    padding: 10px 31px;
    bottom: 9%;
    right: 5%;
    position: absolute;
}
  /*new code by ullas*/

  .sim-choose-sec {
    padding: 20px 20px;
    width: 100%;
    height: 300px;
    background-color: #fff;
}
 .blocks {
    width: 18%;
    display: inline-block;
    margin: 0% 1%;
}
  .table-btn {
    background: #fff;
    color: #007bff;
    font-size: 14px;
    border-radius: 25px;
    padding: 5px 5px!important;
    box-shadow: none;
    outline: none;
    border: 1px solid #007bff;
}

 .table-btn:hover {
    background: #fff;
    color: #007bff;
    font-size: 14px;
    border-radius: 25px;
    padding: 5px 8px!important;
    box-shadow: none;
    outline: none;
    border: 1px solid #007bff;
}
.grid-list-blue {
    width: 53%;
}
.grid-content-blue {
    width: 50px;
    border-radius: 50%;
    height: 50px;
    padding: 7px;
    background: #fff;
}
.grid-list-gray ul {
    list-style: none!important;
    text-align: center;
    padding-left: 11px;
    color: #fff;
    font-size: 12px;
    margin-bottom: 0px;
}
.font-clr-demo {
    color: #ccc0!important;
    padding: 0px;
}
.grid-list-gray {
    width: 59%;
}
.tab-only{
    margin-left: 0%;
  }

.payment li {
    list-style: none;
    display: inline-block;
    padding: 10px 13px;
}
 .off-content p {
    font-weight: 600;
    margin-top: 0%;
    font-size: 20px;
    color: #fff;
    line-height: 23px;
    /* padding-left: 10px; */
    padding: 12px 11px 11px;
}
.diff-line {
    display: inline-block;
    float: left;
    padding: 9px 13px !important;
    margin: 0px 7px 3px!important;
}
 .mar-at-mob-rate{
  margin-bottom: 0%!important;
}
}

@media(max-width: 768px){
   /*promo-section*/
    .promo-gb-img {
    position: absolute;
    width: 270px;
    top: 12%;
}
.promo-rate-5gb {
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  bottom: 0;
  right: 16%;
}
.promo-fix {
    position: absolute;
    width: 250px;
    right: -1%;
    top: -1%;
}
 /*promo-section*/
 .ar-d {	
  position: absolute;	
  right: 5%;	
  margin-top: 1%;	
  }
   .bor-on-menu{
        border-bottom: 1px solid #cac4c459;
    padding: 10px 30px;
}

  .cbp_tmtimeline > li .cbp_tmlabels {
    margin: 0 0 15px -3%;
    background:var(--bannerLight);
    color: #fff;
    padding: 30px;
    font-size: 16px!important;
    font-weight: 400!important;
    line-height: 1.4;
    position: relative;
    border-radius: 5px;
    box-shadow: -3px 5px 17px #8c8888;
}


  .assist {
    width: 100%;
    margin: 0 auto;
    display: table;
}
.cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0px 0 15px 56.5%;
    box-shadow: 0px 0px 10px #ccc;
    background:var(--bannerLight);
    box-shadow: -3px 5px 17px #8c8888;
    color: #fff;
    padding: 30px;
    font-size: 16px!important;
    font-weight: 400!important;
    line-height: 1.4;
    position: relative;
    border-radius: 5px;
}
.cbp_tmlabels {
    width: 45%;
}
.cbp_tmlabel {
    width: 45%;
}
  /*new code by ullas*/
  .mob-rspve-off-table{
  display: block;
}
.rspve-off-table{
  display: none;
}
  .rspve{
  display: block;
}
.eq-start-sec {
    margin-top: 2%;
}
.mob-rspve{
  display: none;
}
.mob-res-rate-comp1 {
    width: 50%;
    float: left;
    display: inline;
    padding: 2% 6px 0px 6px;
}
.mob-res-rate-comp2 {
    width: 50%;
    float: left;
    display: inline;
    padding: 2% 3px 0px 7px;
}
.same-line {
    display: inline-block;
    float: left;
    padding: 9px 110px !important;
    margin: 0px 20px 3px!important;
}
.diff-line {
    display: inline-block;
    float: left;
    padding: 9px 75px !important;
    /* margin: 0px 0px 10px 45px!important; */
}
.separate {
    width: 40%;
}
.check-same {
    padding: 8px 44px!important;
    margin: 0px 21px 0px -1px!important;
}
.top-class-for-tab{
  margin-top: 5%
}
.edit {
    background: #007bff;
    color: #fff;
    font-size: 16px;
    border-radius: 25px;
    padding: 10px 31px;
    bottom: 9%;
    right: 14%;
    position: absolute;
}
  /*new code by ullas*/

  .sim-choose-sec {
    padding: 20px 6px;
    width: 100%;
    height: 321px;
    background-color: #fff;
}

.swap-divs{
  margin-top: 0%;
}
.swaps h3{
     font-size: 20px;
    font-weight: 600;
}
.swaps p{
  font-size: 15px;
}
.blue-section {
    background:rgba(0, 13, 113, 0.5411764705882353);
    border-radius: 10px;
    width: 100%;
    height: auto;
    box-shadow: 0px 1px 6px #031827;
    padding: 10px;
}

.grey-section {
    background: rgba(2, 2, 2, 0.7490196078431373);
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 10px;
    box-shadow: 0px 4px 13px #5d5d5d;
}




    .tab-only-up{
   
    margin-left: 5%;
  }
  .bg-light {
    background: var(--bannerColor)!important;
    padding: 5px 10px;
    border-bottom: 1px solid rgba(241,241,241,.5);
    box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.table-btn {
    background: #fff0;
    color: #007bff;
    font-size: 13px;
    border-radius: 25px;
    padding: 5px 1px!important;
    box-shadow: none;
    outline: none;
    border: 0px solid #007bff;
}
.off-content p {
    font-weight: 600;
    margin-top: 0%;
    font-size: 20px;
    line-height: 23px;
    /* padding-left: 10px; */
    padding: 4px 11px 11px;
}
.offer-sec p:nth-of-type(2) {
    font-weight: 600;
    font-size: 20px;
    padding-left: 5%;
}
.offer-sec p:nth-of-type(3) {
    font-weight: 600;
    font-size: 20px;
    padding-left: 10%;
}
.table-btn:hover {
    background: #fff0;
    color: #007bff;
    font-size: 13px;
    border-radius: 25px;
    padding: 5px 1px!important;
    box-shadow: none;
    outline: none;
    border: 0px solid #007bff;
}
 .sim-choose-sec h3 {
    color: #212529;
    text-align: center;
    font-weight: 600;
    font-size: 19px;
    margin-bottom: 10px;
}
.sim-choose-sec p {
    color: #212529;
    text-align: justify;
    line-height: 24px;
    padding: 6px 9px;
}
.blocks {
    width: 65%;
    display: table;
    margin: 0% auto;
}
.last-sec p {
    text-align: center;
    color: #000;
    font-weight: 600;
    line-height: 26px;
}


.align-padd {
    font-size: 20px;
    padding-left: 9%;
}
.second-sec p span {
    font-weight: 600;
    font-size: 17px;
    line-height: 30px;
    padding-left: 10px;
}
.forth-sec-pop{

   background-image: url(../img/bgs.jpg);
    background-repeat: no-repeat;
   background-size: cover;
    background-position:  center; ;
}
.blue-sec-last .grid-content-blue,.grid-list-blue{ display: inline-block; }

.grid-list-blue,.grid-list-blue ul{ padding-left: 0px;}
.grid-list-gray,.grid-list-gray ul{ padding-left: 0px;}

.profile-form select
{ -webkit-appearance: none; border-radius: 50px; padding:15px 20px; margin: 0px 10px 0px 0px; box-shadow: none; outline: none; }

.frm-cntry .frm-cntry-img {
    width: 100px;
    height: 100px;
    display: inline;
    margin-left: 0%;
}
.cuntry-prop {
    font-weight: 800!important;
    font-size: 18px!important;
    margin-left: 1%;
}

.search-inp {
    width: 97%;
    margin: 0 auto;
    display: table;
    padding: 9px 18px;
    border: none;
    outline: none;
    box-shadow: 0px 6px 17px #ccc;
    border-radius: 30px;
    margin-top: 0%;
}
.land-ic img {
    width: 50%;
    margin: 8px auto;
    display: table;
}
.frm-cntry {
    width: 100%;
    display: inline;
    margin: 49px 15%;
}
.frm-cntry-img img {
    width: 10%;
    display: inline;
}
.mar-at-mob{
  margin-bottom: 0%!important;
}
}


@media (max-width: 760px) and (min-width: 580px){



  .sim-choose-sec {
    padding: 20px 20px;
    width: 100%;
    height: auto;
    margin-top: 28px;
    background-color: #fff;
}
}


@media(max-width: 580px){	
  .off-divide {	
    background-color: #68c3cb;	
    padding: 5%;	
}	
  .navbar-toggler i {	
    font-size: 7px;	
    padding: 2px;	
}	
 .yellow-sec {	
    padding: 40px 39px!important;	
  	
    width: 215px!important;	
    height: 200px!important;	
}	
.yellow-btn {	
    margin: 0 auto;	
    display: table;	
    background: #d5ca3ac4;	
    width: 80%;	
    padding: 10px 0px;	
    text-align: center;	
    font-size: 24px;	
    margin-top: 10px;	
}	
.blu-btn {	
    margin: 0 auto;	
    display: table;	
    background: #438ac9b0;	
    width: 80%;	
    padding: 10px 0px;	
    text-align: center;	
    font-size: 24px;	
    margin-top: 10px;	
}	
   /*promo-section*/	
   .forth-sec-pop{	
    height: 920px;	
   }	
   .blu-sec {	
    margin-top: 15%;	
     padding: 40px 39px!important;	
  	
    width: 215px!important;	
    height: 200px!important;	
}
   .d-view{
    display: none;
  }
  .m-view{
    display: block;
  }
.promo-gb-img {
    position: static;
    width: 279px;
    margin: 0 auto;
    display: table;
}
.promo-rate-5gb {
  position: static;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  /* bottom: 0; */
  margin: 0 auto;
  /* right: 16%; */
}
.promo-content-section h4{
  margin-top: 15%;
  
}
.promo-content-section ul li {
    padding: 6px 1px;
}
.promo-fix {
    position: static;
    width: 280px;
    margin: 0px auto;
    display: table;
}
  /*promo-section*/
.navbar-expand-lg .navbar-nav .nav-link{padding-left: 0px;
    width: auto;
    line-height: 30px;
    padding-right: 0px;
    font-weight: 500;
    color:var(--navbarColor); } 

  .cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0 0 30px 0;
    padding: 2em;
    font-weight: 400;
    font-size: 95%;
}

.cbp_tmtimeline > li .cbp_tmlabels h2 {
    margin-top: 0px;
    padding: 0 0 10px 0;
    font-size: 24px;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
.cbp_tmtimeline > li .cbp_tmlabel h2 {
    margin-top: 0px;
    font-size: 24px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
.cbp_tmtimeline > li {
    position: relative;
    padding: 5% 0%;
}

    .cbp_tmlabel {
    width: 100%;
}
   .cbp_tmlabels {
    width: 100%;
}
.assist {
    width: 100%;
    margin: 0 auto;
    display: table;
}
.cbp_tmtimeline > li .cbp_tmlabels:after {
   content: "";
   display: none;
}
  .cbp_tmtimeline > li .cbp_tmicon {
    position: relative;
    float: left;
    left: auto;
    margin: -21px 5px 0 15px;
    z-index: 1000;
}
  .rate-check {
    width: 100%;
    background-image: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-position: top 300px;
    margin-top: 39%;
    background-position: top 350px left 429px;
    background-position-y: top 200px;
    background-size: 100%;
    background-size: top;
}
.borders-r {
    border-right: 0px solid #000;
}
  .mar-at-mob{
  margin-bottom: 5%!important;
}
 .mar-at-mob-rate{
  margin-bottom: 8%!important;
}
  .modal-but {
    float: right!important;
    padding: 7px 14px!important;
    width: 78%!important;
}
  .table-responsive{
  display: block!important;
}
  /*new code by ullas*/
  .same-line {
    display: inline-block;
    float: left;
    padding: 5px 12px !important;
    margin: 0px 2px 0px!important;
}
  .rspve{
  display: none;
}
.mob-rspve{
  display: block;
}
.goback-prop {
    padding: 8px 15px!important;
}
.new-props {
    padding: 4px 18px!important;
    line-height: 27px!important;
}

 .sim-imgs{
    width: 20%;
    float: left;
    display: inline-block;
  }
  .sim-imgs a img {
    width: 90px;
    padding: 12% 20%;
}
.off-text {
    width: 40%;
    float: left;
    padding: 10px;
    display: inline-block;
}
.off-text ul {
  padding: 0;
}
.off-text ul li {
   
    font-size: 22px;
    font-weight: 600;
    list-style: none;
    padding: 0px 0px 25px;
}
.off-text ul li a{
   color: #000;
   text-decoration: none;

} 
.off-text ul li a:hover{
   color: #000;
   text-decoration: none;

} 
.rate-text{
  width: 10%;
  float: left;
    padding: 5px;
    display: inline-block;
}
.rate-text ul {
  padding: 0;
}
.rate-text ul li {
    font-size: 22px;
    font-weight: 600;
    list-style: none;
    padding: 3px 0px 22px;
}
.rate-text ul li a{
   color: #000;
   text-decoration: none;

} 
.rate-text ul li a:hover{
   color: #000;
   text-decoration: none;

}

.off-content p {
    font-weight: 600;
    margin-top: 0%;
    font-size: 20px;
    line-height: 23px;
    /* padding-left: 10px; */
    padding: 6px 19px 12px;
}


.arr-text {
    width: 12%;
    float: left;
    padding: 3px 19px;
    display: inline-block;
}
.arr-text ul {
  padding: 0;
}
.arr-text ul li {
    font-size: 22px;
    font-weight: 600;
    list-style: none;
    padding: 3px 0px 22px;
}
.arr-text ul li a{
   color: #000;
   text-decoration: none;

} 
.arr-text ul li a:hover{
   color: #000;
   text-decoration: none;

}


  /*new code by ullas*/
  .forth-sec-pop{

   background-image: url(../img/bgs.jpg);
    background-repeat: no-repeat;
   background-size: cover;
    background-position:  left ;
}


  .third-sec-prop {
    background-color: #fafafa;
    /* width: 100%; */
    background-image: url(../img/bgm.png);
    background-repeat: no-repeat;
    /* width: 100%; */
    background-size: 1014px;
    background-position: right -73px top 50px;
}

  .u-line {
    width: 14%;
    height: 20px;
    border-top: 4px solid #fff;
   
    margin-left: 0.2%;
  
}

.sim-choose-sec {
  padding: 20px 20px;
  width: 100%;
  height: 250px;
  margin-top: 30px;
  background-color: #fff;
}



  .last-botm-mar{
  margin-bottom: 15%!important;
}
   .swap-divs{
  flex-direction: column-reverse;
  margin-top: 10%;
  margin-bottom: 5%;
  }

  .mob-padd{
    padding-bottom: 15px!important;
    padding-top: 15px!important;
  }
  
.tab-only-up {
   margin-top: 3%;
    margin-left: 0%;
}
.yellow-sec-btn {
    background: #3eb7dc;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    border-radius: 25px;
    padding: 9px 22px!important;
    box-shadow: none;
    outline: none;
    text-align: center;
    border: none;
    margin: 4px ;
}

  .activate-sim {
    width: 370px;
    margin: 0 auto;
    display: table;
}

  .align-padd {
    padding-left: 0%;
}
.last-sec p{ text-align: center; color:#212529; line-height: 30px;  }
.profile-form select{ -webkit-appearance: none; border-radius: 50px; padding:15px 20px; margin: 0px 10px 0px 0px; box-shadow: none; outline: none; }
.blocks {
    width: 100%;
    display: inline-block;
    margin: 0% 1%;
}

.edit {
    background: #007bff;
    color: #fff;
    font-size: 16px;
    border-radius: 25px;
    padding: 7px 29px;
    bottom: 5%;
    right: 17%;
    position: absolute;
}
.sep-sec-1 {
    width: 50%;
    float: left;
    display: inline-block;
}
.sep-sec-2 {
    width: 50%;
    float: left;
    display: inline-block;
}
.diff-line {
    display: inline-block;
    float: left;
    padding: 9px 75px !important;
    /* margin: 0px 0px 10px 45px!important; */
}
footer {
    background: var(--footerBackground);
    padding: 15px 20px;
    box-shadow: 1px 2px 10px #00000099;
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 1px;
    -webkit-appearance: none;
}
}
@media (max-width: 580px) and (min-width: 480px){
  .off-content p {
    font-weight: 600;
    margin-top: 0%;
    font-size: 20px;
    line-height: 23px;
    /* padding-left: 10px; */
    padding: 20px 12px 0px;
}
}

@media (max-width: 480px){
  .diff-line {
    display: inline-block;
    float: left;
    padding: 9px 30px !important;
    /* margin: 0px 0px 10px 45px!important; */
}

  .same-line {
    display: inline-block;
    float: left;
    padding: 5px 54px !important;
    margin: 8px 2px 7px!important;
}
.separate{
width: 32%;
}
  .tab-only{
    margin-left: 0%;
  }
  .blocks {
    width: 100%;
    display: inline-block;
    margin: 0% auto;
}
.mob-res-rate-comp1 {
    width: 50%;
    float: left;
    display: inline;
    padding: 2% 6px 0px 6px;
}
.mob-res-rate-comp2 {
    width: 50%;
    float: left;
    display: inline;
    padding: 2% 3px 0px 7px;
}
.ic-images img {
    width: 100%;
    display: block;
    padding: 5% 1%;
    margin: 10% 0% 0%;
}
}



@media(max-width: 380px)
{
.grid-list-blue {
    width: 65%;
    margin-left: 42%;
}
.grid-list-gray {
    width: 65%;
    margin-left: 42%;
}
  .grid-content-blue {
    width: 45px;
    border-radius: 50%;
    height: 45px;
    padding: 7px;
    background: #fff;
}
.grid-content-gray {
    width: 45px;
    border-radius: 50%;
    height: 45px;
    padding: 10px 0px;
    box-shadow: -5px 4px 7px #323333;
    background: #fff;
}
 .last-sec p {
    text-align: center;
    color: #212529;
    line-height: 30px;
}
  .grid-list-blue {
    width: 59%;
}
.sim-imgs a img {
    width: 90px;
    padding: 15% 20%;
}
.goback-prop {
    padding: 10px 19px!important;
    font-size: 15px;
}
.edit {
    background: #007bff;
    color: #fff;
    font-size: 16px;
    border-radius: 25px;
    padding: 7px 31px;
    bottom: 5%;
    right: 12%;
    position: absolute;
}
.check-same {
    padding: 8px 39px!important;
    margin: 0px 6px 0px -1px!important;
}
  .same-line {
    display: inline-block;
    float: left;
    padding: 6px 30px !important;
    margin: 0px 2px 12px!important;
}
  .tab-only{
    margin-left: 0%;
  }
  .yellow-sec-btn {
    background: #3eb7dc;
    color: #fff;
    font-size: 16px;
    display: block;
    border-radius: 25px;
    padding: 9px 22px!important;
    box-shadow: none;
    outline: none;
    text-align: center;
    border: none;
    margin: 4px ;
}
.activate-sim {
    width: 330px;
    margin: 0 auto;
    display: table;
}
.diff-line {
    display: inline-block;
    float: left;
    padding: 9px 23px !important;
    /* margin: 0px 0px 10px 45px!important; */
}
}


@media (max-width: 320px){
.grid-list-blue {
    width: 65%;
    margin-left: 42%;
}
.diff-line {
    display: inline-block;
    float: left;
    padding: 9px 19px !important;
    /* margin: 0px 0px 10px 45px!important; */
}
.grid-list-gray {
    width: 65%;
    margin-left: 42%;
}
.last-sec p {
    text-align: center;
    color: #212529;
    line-height: 25px;
}
.grid-content-gray {
    width: 40px;
    border-radius: 50%;
    height: 40px;
    padding: 10px 0px;
    box-shadow: -5px 4px 7px #323333;
    background: #fff;
}
.grid-content-blue {
    width: 40px;
    border-radius: 50%;
    height: 40px;
    padding: 7px;
    background: #fff;
}
  .sim-imgs a img {
    width: 90px;
    padding: 22% 20%;
}
  .modal-but {
    float: right!important;
    padding: 6px 7px!important;
    width: 87%!important;
}
 
.goback-prop {
    padding: 10px 17px!important;
    font-size: 15px;
}
.check-same {
    padding: 8px 25px!important;
    margin: 0px 6px 0px -1px!important;
}

  .activate-sim {
    width: 302px;
    margin: 0 auto;
    display: table;
}
  .tab-only{
    margin-left: 0%;
  }
.ic-images img {
    width: 100%;
    display: block;
    padding: 5% 1%;
    margin: 25% 0% 0%;
}
.payment li {
    list-style: none;
    display: inline-block;
    padding: 10px 14px;
}

.same-line {
    display: inline-block;
    float: left;
    padding: 6px 20px !important;
    margin: 0px 2px 12px!important;
}

}


/** SPINNER CREATION **/

.loader {
    position: relative;
    text-align: center;
    margin: 15px auto 35px auto;
    z-index: 9999;
    display: block;
    width: 80px;
    height: 80px;
    border: 10px solid var(--bannerColor);
    border-radius: 50%;
    border-top-color: #cd1156;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
  }
  
  @keyframes spin {
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @-webkit-keyframes spin {
    to {
      -webkit-transform: rotate(360deg);
    }
  }

  .selectedButton{
    background: var(--buttonBackgroundSelected)!important;
    box-shadow: none!important;
    color:var(--buttonTextSelectedColor);
  }