@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
*{margin: 0px; padding: 0px}
body{
 font-family: "Nunito Sans", sans-serif !important; color:  #333333}
.nav-link{color: #000; font-size: 14px;    padding: 0% 23px !important;    height: 40px;
    line-height: 40px;white-space: nowrap;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover {
   border-radius: 50px;
        background: #ccc;
}
.btn-primary{background: #094080; color: #fff; border:1px solid #094080}
.rounded-5{border-radius: 50%}
.tx-14{font-size: 14px}
.signinbtn{padding: 5px 20px}
.banner{background: url('../assets/home_header_img.png') no-repeat right top #052141; height: 500px; margin-bottom: 30px;background-size: contain;}
.banner-box{background: linear-gradient(to right, #052040, #094080); color: #fff; border-radius: 0px 100px 100px 0px; height: 500px; padding-top: 8%; padding-bottom: 50px; padding-right: 5%}
.banner-box h1{    font-size: 55px;
    font-weight: 600;}
.banner-box p{font-size: 24px;font-weight: 200; margin-bottom: 0px}
.banner-box p strong{font-size: 30px}
.banner-box p span{font-size: 34px;font-weight: 400;}
.padding{padding: 50px 0px}
.content-style h2{    font-size: 58px;
    font-weight: 700;}
.content-style p{font-size: 20px; font-weight: 300}
.content-style ul li{font-size: 20px;font-weight: 300; margin-bottom:5px; }
.content-style ul li::marker {
color: #094080;
}
.content-style ul li span{font-weight: bold}
.content-style2 h2{font-size: 36px; font-weight: 400}
.content-style2 p{font-weight: 300; font-size: 18px}
.w-96{width: 96%}
.list-box{margin-top: 20px; display: block; float:left}
.list-box img{width:30px; float: left}
.list-box .list-content{float: left; padding-left: 15px}
.topup-box{position: relative; background:linear-gradient(#f7f7f7, #e7e7e7); border-radius: 40px; text-align: center; padding: 80px 20px 20px 20px; margin-top: 60px}
.topup-box strong{float: left; width: 100%; font-size: 26px; font-weight: 500}
.topup-box p{font-weight: 300; font-size: 18px}
.topup-box img{position: absolute; top:-30px; height:80px; left:32%}
.tx-36{font-size: 36px}
footer{background: linear-gradient(to right, #052243,#052243, #094080); color: #fff; padding: 50px;}
.tx-medium{font-weight: 300}
.footer_list{list-style:none; margin: 0px; padding: 0px;opacity: 0.7;font-size: 14px;}
.footer_list strong{font-size: 14px;  font-weight: 400}
.footer_list p{font-weight: 200; font-size: 14px;}
.footer_list a{color: #fff; text-decoration: none; font-weight: 200; margin-bottom: 10px; float: left; width: 100%}
footer small{font-weight: 200; font-size: 12px; line-height: 16px}
.input-form{width: 100%; border-radius: 10px; border: none; padding: 7px 10px; margin-top: 10px}
.input-form::placeholder{color: #000; font-weight: 200}
.sendbtn{position: absolute; right: 5px; border: none; top: 15px}
.bottom{padding: 15px 0px 50px 0px; font-weight: 400}
.bottom a{color: #000; text-decoration: none; padding: 0px 10px; border-right: 1px solid #333}
.bottom a:last-child{border-right: none}
.sub-menu{background: #fff; display: none; position:absolute;
    box-shadow: 2px 3px 12px #00000047;
    padding: 8px;
    margin: 0px;
    float: left;
    border-radius: 10px;}
.sub-menu li {list-style: none}
.sub-menu li a{color: #625f5f;
    text-decoration: none;
    display: block;
    padding: 5px 19px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;}
.sub-menu li:last-child a{border-bottom: none}
.sub-menu li a:hover{text-decoration: underline}
.nav-item:hover .sub-menu{display: block} 
.nav-item{margin-top: 7px;}
.about-banner{background: url('../assets/about_header_bg.png'); background-size: 100%; height: 300px}
.about-img{width: 580px; margin-top: 50px}
.about-heading{font-size: 36px; color: #fff; font-weight: 300; text-decoration: 0px 5px #000; margin-top: 50px}
.about-heading span{font-size: 46px; font-weight: 500}
.about-container {padding-top: 150px}
.about-container h3{font-size: 40px; font-weight: 300; margin-bottom: 30px}
.about-container p{font-size: 17px}
.spendvideo{background: #f3f3f3; margin-top: 70px; padding: 50px; text-align: center; }
.spendvideo h4{font-size: 36px; font-weight: 400; margin-bottom: 20px}
.spendvideo img{width: 80%}
.bottom-padding{padding-bottom: 90px}
.consumer-banner{background: url('../assets/consumers_header_bg.png'); background-size: 100%; height: 300px}
.consumer-heading{font-size: 26px; color: #fff; font-weight: 300; text-decoration: 0px 5px #000; margin-top: 50px}
.consumer-heading span{font-size: 52px; font-weight: 600}
.grey-box{background: #f3f3f3; border-radius: 30px; padding: 20px; width: 86%; height: 435px; position: relative}
.grey-box p{width: 70%; margin-top: 20px}
.mobile_img{position: absolute; top: 15px; right: -16%; width:190px}
.grey-box-100{background: #f3f3f3; padding: 30px;border-radius: 30px; margin-top: 30px}
.spendsave{margin: 50px 0px; padding: 20px 0px; background: linear-gradient(to right, #666, #211e1e, #000);}
.spendsavebox{border-top:1px solid #fff; border-bottom:1px solid #fff; padding: 40px 0px; color: #fff; margin-top: 70px}
.spendsavebox h3{font-weight: 300; font-size: 36px;}
.spendsavebox p{font-weight: 300; width: 70%; font-size: 17px; margin-top: 5px}
.spendImg{width: 550px; float: right}
.consumertopbox .topup-box{height: 300px; margin-top: 100px}
.consumertopbox img{    left: 38%;}
.faq-box{padding: 80px 0px;}
.faq-box h3{font-size: 40px; font-weight: 300; background: #f3f3f3; border-radius: 20px; padding: 15px 35px; margin-top: 40px}
.accordion{--bs-accordion-border-color: none}
.accordion .accordion-item {
  border-bottom: none;
}

.accordion .accordion-item button[aria-expanded='true'] {
  border-bottom: none;
}

.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #333;
  font-size: 1.15rem;
  font-weight: 600;
  border: none;
  background: none;
  outline: none;
}

/*
.accordion button:hover,
.accordion button:focus {
  cursor: pointer;
  color: #03b5d2;
}
*/

.accordion button:hover::after,
.accordion button:focus::after {
  cursor: pointer;
  color: #03b5d2;
  border: 1px solid #03b5d2;
}

.accordion button .accordion-title {
  padding: 1em 0 1em 2.5em;
}

.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
    content: '';
  left: 0;
  width: 35px;
  height: 35px;
  border-radius: 22px;
  background: url('../assets/down_arrow.png') no-repeat;
      background-size:90%
}

.accordion button .icon::before {
  display: block;
  position: absolute;
    content: '';
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
    background: url('../assets/up_arrow.png')
 
}
.accordion button .icon::after {
  display: block;
  position: absolute;
    content: '';
   top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
 background: url('../assets/up_arrow.png')
}

/*
.accordion button[aria-expanded='true'] {
  color: #03b5d2;
}
*/
.accordion button[aria-expanded='true'] .icon::after {
  width: 0;
}
.accordion button[aria-expanded='true'] + .accordion-content {
  opacity: 1;
  max-height: 450px;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content p, .accordion .accordion-content ul {
 font-size: 18px;
    font-weight: 300;
    /* margin: 2em 0; */
    padding: 0em 0 0em 2.5em;
    line-height: 31px;
}
.videoframe{height: 300px !important; width: 100%; border-radius:20px; border: 8px solid #f3f3f3}
.h-350{max-height: 400px !important; min-height: 100px}
.tx-20{font-size: 20px}
.business-heading{font-size: 62px !important; font-weight: 200 !important}
.mobile_img_bussiness{position: absolute;
    top: 15px;
    right: -18%;
    width: 222px;}
.pricelist{background: #fff; border-radius: 20px; text-align: center; padding: 30px 0px}
.pricelist h4{font-size: 28px; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px}
.business_maildiv{background: #094080; color: #fff; padding: 20px; border-radius: 20px; text-align: center; margin: 15px 0px; letter-spacing: 1px}
.table thead th{font-size: 24px; font-weight: 600; background: #f3f3f3 !important; padding: 20px 35px; margin-top: 40px; color: #333; border-bottom: none }
.table td{padding: 15px 35px 15px 35px;  color: #666; font-size: 17px; font-weight: 400 }
.table td strong{font-size: 24px; font-weight: 500}
.table td p{margin-bottom: 0px}
.search{border: 1px solid #ccc;
    background: url(../assets/search_ic.png) no-repeat;
    border-radius: 30px;
    width: 200px;
    float: right;
    font-size: 16px;
    padding: 7px;
    background-position: 10px;
    padding-left: 37px; margin-top: 10px;}
@media only screen and (max-width: 600px) {
    .about-heading{font-size: 24px;}
    .about-img{display: none}
    .about-container {
    padding-top: 30px;
}
    .spendvideo{padding: 30px 0px}
    .consumer-heading span{font-size: 44px;}
    .grey-box{width: 100%; margin-top: 20px}
    .mobile_img, .mobile_img_bussiness {
    top: 15px;
    right: -16%;
    width: 50%;
    float: left;
    margin: 0 auto;
    display: block;
}
    .spendImg {
        width: 100%;}
    .spendsavebox p{width: 100%}
    .banner-box h1{font-size: 26px;}
    .banner-box{padding-left:5%;height: 359px;}
    .banner{height: 359px;background: none;}
    .banner-box p {
        font-size: 18px;}
    .banner-box p span {
        font-size: 22px;}
    .content-style h2 {
    font-size: 40px;
    font-weight: 400;
}
    .content-style2 h2{margin-top: 20px;}
    .list-box .list-content{width: 90%;}
    .padding {
    padding: 20px 0px;
}
    .tx-36 {
    font-size: 32px;
}
    .topup-box img{left: 35%;}
}
.tx-18 {
    font-size: 18px;
}

.mb-3 {
    margin-bottom: 1rem !important;
}
.w-100 {
    width: 100% !important;
}
.bookbuybox {
    background: #fff;
    padding: 50px 50px 30px 50px;
    border-radius: 30px;
    margin-top: 130px;
}
.bg-lightbody {
    background: #F0F2F4;
}

.p-5 {
    padding: 3rem !important;
}
.rounded-4 {border-radius: 1rem}
.recharge-form-border {
    border-bottom: 1px solid #70707096 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px;
    color: #333333;
    height: 40px !important;
    padding: 0px;
}
.bg-none {
    background: none !important;
}
.bookbuybox h3 {
    font-size: 40px;
    font-weight: bold;
    color: #000;
}
.aboutsection p {
    font-size: 16px;
    font-weight: 300;
    text-align: justify;
    line-height: 28px;
    padding-right: 50px;
}
.contact_socialicon img {
    height: 22px;
    margin: 10px 20px 40px 0px;
}
.btn-send{background: #333333 !important; color: #fff}
.contactbanner h1 {
    color: #333333;
    font-size: 60px;
    font-weight: 400;
    padding-top: 70px;
}
.contactbanner h1 span{font-weight: bold}
.appicon img {
    height: 60px;
    margin-right: 10px;
}
.bookbuybox {
    background: #fff;
    padding: 50px 50px 30px 50px;
    border-radius: 30px;
    margin-top: 130px;
}