body{font-family: "Poppins", sans-serif;}
.navbar-brand img {width: 100%;max-width: 175px;}
.navbar-brand img {width: 100%; max-width: 175px;}
.navbar-nav .nav-link {color: #000;}
.navbar-nav .nav-link.active{color:#FFA300;}
.navbar-nav .nav-link.active::after{content:""; position:absolute;  display:block;width:54px;height: 2px;bottom: 0;left:0;background-image: url("../img/line1.png");}
.navbar-nav li.nav-item {margin-right: 15px;}
.navbar-nav li.nav-item:last-child {margin-right: 0px;}
.rightlogin {display: flex;align-items: center; justify-content: space-evenly;flex-wrap: wrap;flex-direction: row;}
div#navbarCollapse {position: relative;}
.rightlogin button {background: #000;border: none;color: #fff;font-size: 16px;font-family: "Poppins", sans-serif;font-weight: 600;font-style: normal;padding: 10px 20px;}
.rightlogin button:hover{background-color: #FFA300;}
.rightlogin i {margin-right: 10px;}
.rightlogin i:nth-child(2) {margin-right: 0px;}
.rightlogin li:nth-child(2) button{background-color: #FFA300;}
.rightlogin li:nth-child(2) button:hover{background-color: #000;}
.firstmenu{justify-content: center;}
.firstmenu li.nav-item {position: relative;}
.bannertop{background-image: url(../img/bannerimg.png);background-repeat: no-repeat;background-size: cover;width:100%;height: 86vh; padding: 100px 0 0;}
.bannerleft br {display: none;}
.bannerleft h1{font-size: 42px;font-family: "Poppins", sans-serif; color:#000;font-weight: 600;}
.bannerleft h1 span{color:#fff;}
.bannerleft p{font-size: 16px;line-height: 24px; color: #fff; letter-spacing: 1px;padding: 0;margin: 0;}
.bannerleft a{margin-top: 75px;background-color: #000;padding: 10px 20px;color:#fff;font-size: 18px;font-weight: 500;border-radius: 25px;display: inline-block;text-decoration: none; text-align: center;}
.bannerleft a:hover{background-color: #FFA300;}
.call2second{padding: 60px 0; background-image: url("../img/backcar.png");background-repeat: no-repeat; background-size: cover;background-position: center bottom;}
.headingsecond {position: relative;}
.headingsecond h2 {position: relative;}
.headingsecond h2 {color:#000;font-size: 52px;font-family: "Poppins", sans-serif;font-weight: 600; text-align: center; }
.headingsecond p {color:#000;font-size: 24px;font-family: "Poppins", sans-serif;font-weight: normal; text-align: center; }
.headingsecond h2::after{content:""; position:absolute;  display:block;width:215px;height: 3px;bottom: 0;left:325px;background-image: url("../img/line1.png");}
.trustedcenter {text-align: center;justify-content: center;margin: 50px 0 0;}
span.circleone {background-color: #e0e0e0;width: 180px;height: 180px;display: flex;border-radius: 50%;padding: 20px;flex-wrap: wrap;   align-items: center;
    justify-content: center;}
span.circleone.active {background-color: #FFA300;}
span.circleone:hover {background-color: #FFA300;}
.boxone h3{color: #000; font-size: 24px; font-weight: 500;text-align: center;padding: 15px 0;}
.boxone h3:hover{color: #FFA300;}
.utilityrecharge{background-color: #000;padding: 60px 0;position: relative;}
.leftutilityimg img {width: 100%;
}
.leftutilityrecharge h2{color:#fff;font-size: 45px;font-family: "Poppins", sans-serif;font-weight: 600; text-align: center;position: relative;}
.leftutilityrecharge p{color: #fff;font-size: 18px;padding: 10px 0;text-align: left;margin-left: 42px;margin-bottom: 0;}
.leftutilityrecharge h2:after{content:""; position:absolute;  display:block;width:215px;height: 3px;bottom: -10px;left:42px;background-image: url("../img/line1.png");}
ul.rechargebill {display: flex;align-items: center;flex-wrap: wrap;list-style: none;padding: 0; margin: 20px 0 0; width: 100%;justify-content: center;}
.rechargebill li span {width: 100px;height: 100px;border-radius: 50%;background: #FFA300;display: flex;align-items: center; justify-content: center;
padding: 10px;color: #000;margin: 0 auto 20px;}
.rechargebill li {margin: 0 auto 20px auto;text-align: center; padding: 0; width: 210px;}
.rechargebill li a {text-align: center;text-decoration: none;color: #fff;}
.rechargebill li span:hover {background-color: #000;}
.rechargebill li a:hover{color:#FFA300;}
.challantrafic{background-image: url("../img/buildind1.png"); background-repeat: no-repeat; background-size: cover; padding: 30px 0;}
.righttrafficetext h2{color:#000;font-size: 40px;font-family: "Poppins", sans-serif;font-weight: 600; text-align: center;position: relative;}
.righttrafficetext h2:after{content:""; position:absolute;  display:block;width:215px;height: 3px;bottom: -10px;left:16px;background-image: url("../img/line1.png");}
.lefttrafficimg img{width:100%;}
.righttrafficetext p{font-size: 16px; color:#000; line-height: 24px; text-align: center;padding: 10px 0;}
.righttrafficetext{padding: 30px;}
.righttrafficetext ul{ margin: 15px 0; padding: 0;}
.righttrafficetext ul li{color:#000; font-size: 16px; line-height: 24px;padding: 10px; margin-left: 40px;font-weight: 500;list-style: none;}
.righttrafficetext ul li img{margin-right: 15px;}
.fastageserives{background-color:#FFA300 ; padding:30px 0; position: relative;}
.fastageserives:before{content: ""; background-image: url("../img/servicesbg1.png"); background-repeat: no-repeat; background-size: cover; width: 100%; height: 580px;top: 0; left: 0;right: 0;position: absolute;z-index: 0;}
.fastageserivestext{z-index: 9; position: relative;padding: 30px;}
.fastageserivestext h2{color:#000;font-size: 40px;font-family: "Poppins", sans-serif;font-weight: 600;position: relative;}
.fastageserivestext h2:after{content:""; position:absolute;  display:block;width:215px;height: 3px;bottom: -10px;left:16px;background-image: url("../img/line1.png");}
.fastageserivestext ul{ margin: 30px 0 0; padding: 0;}
.fastageserivestext ul li{color:#000; font-size: 16px; line-height: 24px;padding: 10px; margin-left: 0px;font-weight: 500;list-style: none;}
.fastageserivestext ul li img{margin-right: 15px;}
.fastageserivesimg {z-index: 9;}
.fastageserivesimg img {width: 100%; max-width: 580px;}
.calltwoowner{width: 100%; height: 686px; background-image: url("../img/callownertag.png"); background-repeat: no-repeat;background-size: cover; padding: 60px 0;}
.callownerfull{text-align: center;}
.callownerfull h2{color:#000;font-size: 40px;font-family: "Poppins", sans-serif;font-weight: 600;position: relative;}
.callownerfull h2:after{content:""; position:absolute;  display:block;width:215px;height: 3px;bottom: -10px;left:420px;background-image: url("../img/line1.png");}
.callownerfull p{font-size: 16px; color:#000; line-height: 24px; text-align: center;padding: 10px 0;max-width: 600px; margin: 0 auto;}
ul.callowner {list-style: none;display: flex;align-items: center;justify-content: space-evenly; margin: 20px 0;}
ul.callowner li{color:#000; font-size: 16px; line-height: 24px; line-height: 24px;}
.callcar img {position: absolute; right: 0;display: flex; justify-content: flex-end;align-items: flex-end; text-align: right;margin: 70px 0 0;}
.howtoworks{width: 100%; height: 686px; background-image: url("../img/worksbg.png"); background-repeat: no-repeat;background-size: cover; padding: 60px 0;text-align: center}
.howtoworks h2{color:#000;font-size: 40px;font-family: "Poppins", sans-serif;font-weight: 600;position: relative;}
.howtoworks h2:after{content:""; position:absolute;  display:block;width:215px;height: 3px;bottom: -10px;left:517px;background-image: url("../img/line1.png");}
.howtoworks p{font-size: 16px; color:#000; line-height: 24px; text-align: center;padding: 10px 0; margin: 0 auto;}
.worksstep2 {display: flex;align-items: center;justify-content: center;padding: 20px 130px;}
.reasoncallowner {padding: 60px 0;text-align: center;}
.headingowner h2{color: #000;font-size: 40px;font-family: "Poppins", sans-serif;font-weight: 600;position: relative;max-width: 500px;margin: 20px auto;}
.headingowner h2:after{content:""; position:absolute;  display:block;width:215px;height: 3px;bottom: -10px;left:68px;background-image: url("../img/line1.png");}
.secongreasongbox {padding: 60px 0;justify-content: center;}
.boxreason {background-color: #000;margin-right: 8px; width: 22%;padding: 20px;}
.boxreason img {max-width: 100px;width: 100%;margin: 20px 0}
.boxreason h5 {color: #fff;font-size: 22px;font-weight: 500;}
.boxreason p {color: #fff;font-size: 16px;line-height: 24px;}
.boxreason:hover {background-color: #fef3e0;}
.boxreason:hover h5 {color: #000000;}
.boxreason:hover p {color: #000;}
.businesscall{background-image: url("../img/Maskgroup.png"); background-size: cover; background-repeat: no-repeat;height: 680px;padding: 60px 0;}
.businesscall .headingowner h2{color:#fff;max-width: 700px;text-align: center;}
.businesscall .headingowner h2:after{left:80px;}
.businesscall .headingowner p{font-size: 16px; color:#fff; line-height: 24px; text-align: center;padding: 10px 0;}
.imgcontentimg img{width:100%;}
.tabatab .nav-link {padding: 10px 20px; width: 255px;display: flex; align-items: center; justify-content: flex-start;font-size: 16px; color: #000;border-radius: 8px 0px 0px 8px;}
.tabatab.nav-link .active {background: #fff;}
.tabatab button {background: #e7e4e4;margin: 15px 0;font-size: 16px;}
.tabatab button.active {background: #ff9e06!important;}
.tabatab .nav-link img {width: 35px;height: 35px;text-align: left; margin-right: 15px;}
div#v-pills-tabContent {border: 2px solid #FFA300; padding: 30px; margin: 15px 0;}
.contenttabtext p {color: #fff;font-size: 16px;line-height: 28px;}
.contenttabtext li {color: #fff; font-size: 16px; list-style: disc;}
.benefituse{padding: 60px 0;}
.benefituse .headingowner p{font-size: 16px; color:#000; line-height: 24px; text-align: center;padding: 10px 0;}
.benefituse .headingowner h2{color:#000;text-align: center;}
.benefituse .headingowner h2:after{left:104px;}
.circleuseimg {border-radius: 50%; background: #EFEFEF; width: 300px;height: 300px;padding: 38px 0; margin-bottom: 30px;border: 1px solid #000;
 text-align: center;}
.boxuse h4{font-size: 24px; color:#000; line-height: 32px; font-weight: bold;text-align: center;}
.boxuse p{font-size: 18px; color: #000;text-align: center;}
.boxuse {justify-content: center;display: flex;flex-wrap: wrap;}
.circleuseimg:hover{background: #000; border:1px solid #FFA300;}
.getconnected{background-image: url("../img/Maskgroup.png"); background-size: cover; background-repeat: no-repeat;height: 435px;padding: 60px 0;position: relative;}
.getconnecttext h4{font-size: 45px; font-weight: 600; color:#FFA300;padding: 20px 0;text-align: center;line-height: 62px;}
.getconnecttext p{font-size: 18px; color:#fff;padding: 0;text-align: center;}
.getconnecttext .getbutton{border-radius: 5px;background-color: #FFA300;padding: 15px 20px;margin: 30px auto;text-align: center; text-decoration: none;color: #fff;font-size: 18px;display: flex;font-weight: 600;justify-content: center;align-items: center;width: 190px;}
.getconnecttext:after{content: "";position: absolute;top:30px; right:60px; background-image: url("../img/rightget.png");background-repeat: no-repeat;background-size: cover;width: 179px;height: 163px;}
.getconnecttext:before{content: "";position: absolute;bottom:20px; left:50px; background-image: url("../img/rightget.png");background-repeat: no-repeat;background-size: cover;width: 179px;height: 163px;}
.getconnecttext i.fa-solid.fa-address-book {font-family: 'Font Awesome 5 Free';font-size: 18px;font-style: normal; margin-right: 10px;}
.getconnecttext .getbutton:hover{background-color: #000; color: #FFA300; border: 1px solid #FFA300; border-radius: 5px;}
.carsoulslider{padding: 60px 0; text-align: center;}
.downloadapp{padding: 90px 0; background-image: url("../img/downloadbackgrond.png"); background-repeat: no-repeat;background-size: cover; background-position: center bottom;}
.appdownload h2{font-size: 45px; font-weight: 600; color: #000; line-height: 62px;}
.appdownload h2 span{color:#FFA300;}
.appdownload p{font-size: 18px; color: #000; line-height: 28px;max-width: 500px;}
.appbutton{display: flex; flex-wrap: wrap; align-items: center;justify-content: flex-start; list-style: none; padding: 0;}
.appbutton li{background-color: #000;width:55px;height: 55px;border-radius: 50%;margin-right: 15px;padding: 2px;text-align: center;display: flex
;align-items: center; justify-content: center;}
.appbutton li:nth-child(2){background-color: #FFA300;}
.appbutton li a i{font-family: "Font Awesome 6 Brands"; font-size: 32px;font-style: normal;}
.appbutton li a{color: #fff; text-decoration: none;}
.appdownloadright img{width: 100%;}
.appbutton li:hover{background-color: #FFA300;}
.link1fotter li img{margin-right: 3px;}
.appbutton li:hover:nth-child(2){background-color: #000;}
.footer{padding: 60px; background-image: url("../img/footerbg.png");background-repeat: no-repeat; background-size: cover;height: 460px;}
.companydetail p {font-size: 16px;color: #fff;max-width: 410px; line-height: 24px;margin: 15px 0;font-weight: 500;}
.link1fotter h6, .addressfotter h6 {font-size: 24px; color: #FFA300;line-height: 32px;}
.otherlink {display: flex; align-items: baseline; justify-content: space-evenly;margin: 60px 0;}
.link1fotter ul {list-style: none;padding: 10px 0;}
.link1fotter ul li {margin-bottom: 10px;}
.link1fotter ul li a {font-size: 16px;color: #fff;text-decoration: none;}
.addressfotter ul{list-style: none;padding: 10px 0;}
.addressfotter ul li{font-size: 16px;color: #fff;}
.addressfotter ul li a {font-size: 16px;color: #FFA300;text-decoration: none;padding: 5px 0;display: inline-block;margin: 10px 0 0;}
.copyright p{color: #fff;font-size: 14px;margin: 0;padding: 0;}
.socialmedia ul{display: flex; flex-wrap: wrap; align-items: center;justify-content: right; list-style: none;}
.socialmedia ul li{margin-right:15px;}
.socialmedia ul li:last-child{margin-right:0}
.socialmedia ul li a i{font-family: "Font Awesome 6 Brands"; font-size: 22px;font-style: normal;color: #fff; }
.copyrightsection{background-color: #FFA300;padding: 15px ;}
.socialmedia ul li a{text-decoration: none;}
.copyrightsection .row {align-items: center;}
.scrolltop {position: fixed;bottom: 49px;right: 16px; width: 60px; height: 60px;}
.grid {list-style: none; margin-left: 0;display: flex; align-items: flex-start;}
.naccs .gc.gc--2-of-3 { margin: 0;border: 2px solid #FFA300; padding: 20px;height: 380px;}
.gc {box-sizing: border-box; display: inline-block; vertical-align: top;}
.gc--1-of-3 { width: 33.33333%;}
.gc--2-of-3 { width: 66.66666%;}
.naccs {position: relative; margin: 25px 0;}
.naccs .menu div {padding: 15px 20px 15px 20px;margin-bottom: 10px; color: #000; background: #e0e0e0; cursor: pointer; position: relative; vertical-align: middle;font-weight: 700;
 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);border-radius: 8px 0 0px 8px;margin-bottom: 37px;}
.naccs .menu div:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.display span.light {margin-right: 40px; text-align: left;}
.naccs .menu div.active span.light {left: 0; height: 100%; width: 3px; top: 0; border-radius: 0;}
.naccs .menu div.active { padding: 15px 20px 15px 20px;background: #FFA300;}
ul.nacc {position: relative; list-style: none; margin: 0;padding: 0; transition: .5s all cubic-bezier(0.075, 0.82, 0.165, 1);}
ul.nacc li {opacity: 0; transform: translateX(50px); position: absolute; list-style: none; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);}
ul.nacc li.active {transition-delay: .3s; z-index: 2;opacity: 1; transform: translateX(0px);}
ul.nacc li p {color: #fff; font-size: 16px;margin: 0;}
img{max-width: 100%;}
span.imgbusiness {float: right;width: 40%;}
span.imgbusiness img {max-width: 358px; }
ul.nacc li div dt {color: #fff;font-size: 16px;  font-weight: 400;}
i.fa-solid.fa-envelope, i.fa-solid.fa-phone {font-family: 'Font Awesome 5 Free';font-style: normal;font-size: 16px; color: #fff;}
.authentication-item {flex: 0 0 50%; -ms-flex: 0 1 auto;max-width: 50%;  width: 50%;}
.authentication-user-panel { padding: 0px 0px; height: 100%;  display: flex; flex-direction: column; align-items: center;justify-content: center;
}
.mt-30 { margin-top: 30px;}
.authentication-user-header {display: flex; flex-direction: column;align-items: center; justify-content: center; text-align: center;}
.authentication-user-body {width: 100%;}
.authentication-user-body p {font-size: 15px;  font-weight: 400; text-align: center;}
.bg-white { background: #fff;}
.authentication-form { margin-top: 40px;}
.input-area {  border-bottom: 1px solid #d8d8d8; background: #fff;   border-radius: 3px;  position: relative; display: flex;padding: 9px 16px;
    width: 100%;}
.mb-15 { margin-bottom: 15px;}
.input-label-icon {color: #7f7f7f; flex: 0 0 19px;-ms-flex: 0 1 auto; max-width: 19px; width: 19px; margin-right: 30px;}
label { margin: 0;}
.authentication-form .input-area .input-full { background-color: transparent;}
.input-full { width: 100%; padding: 0;  margin: 0; border: 0; outline: 0;  resize: none; color: #000; font-size: 24px;}
.authentication-user-body p {font-size: 15px;font-weight: 400;text-align: center;}
.authentication-user-body p {font-size: 15px; font-weight: 400; text-align: center;}
.btn1 {padding: 15px 25px; border-radius: 5px; background: #fff;color: #000;font-size: 16px;font-weight: 400;}
.btnDisabled {background: #f5f5f5;color: #939393;  font-weight: 700;}
.input-label-icon { color: #7f7f7f; flex: 0 0 19px;-ms-flex: 0 1 auto; max-width: 19px; width: 19px; margin-right: 30px;}
.input-label-icon span {width: 100%;font-size: 24px;color:#000;}
.full-width {width: 100%;}
button { border: 0;
outline: 0;}
icon.iconsame {background-image: url("../img/icon1.png"); width: 108px;height: 108px; background-repeat: no-repeat;background-size: cover;
margin: 10px 0 42px;}
icon.iconsame:hover {background-image: url("../img/icon1hover.png");width: 108px;height: 108px;background-size: cover;background-repeat: no-repeat;}
icon.iconsame2 {background-image: url("../img/icon2.png"); width: 108px;height: 108px; background-repeat: no-repeat;background-size: cover;
margin: 10px 0 42px;}
icon.iconsame2:hover {background-image: url("../img/icon2hover.png");width: 108px;height: 108px;background-size: cover;background-repeat: no-repeat;}
icon.iconsame3 {background-image: url("../img/icon3.png"); width: 108px;height: 108px; background-repeat: no-repeat;background-size: cover;
margin: 10px 0 42px;}
icon.iconsame3:hover {background-image: url("../img/icon3hover.png");width: 108px;height: 108px;background-size: cover;background-repeat: no-repeat;}
icon.iconsame4 {background-image: url("../img/icon4.png"); width: 108px;height: 108px; background-repeat: no-repeat;background-size: cover;
margin: 10px 0 42px;}
icon.iconsame4:hover {background-image: url("../img/icon4hover.png");width: 108px;height: 108px;background-size: cover;background-repeat: no-repeat;}
icon.iconsame5 {background-image: url("../img/icon5.png"); width: 108px;height: 108px; background-repeat: no-repeat;background-size: cover;
margin: 10px 0 42px;}
icon.iconsame5:hover {background-image: url("../img/icon5hover.png");width: 108px;height: 108px;background-size: cover;background-repeat: no-repeat;}
.advancedoffer {float: left;width: 60%;}





/*aboutus*/
section#aboutbanner {
    padding: 120px 0;
    text-align: center;background-image: url("../img/about-page.png"); background-repeat: no-repeat; background-size: cover;
}
.aboutpara {padding: 60px 0 0;}
.bannerabout h2{color:#fff; font-size: 45px;padding:0; margin:0 0 10px 0;}
ol.breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
}
.breadcrumb a, .breadcrumb-item {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    font-weight: 500;
}
.breadcrumb-item+.breadcrumb-item::before {color: #ffa300;}
.breadcrumb-item.active{color:#FFA300;}
.leftaboutpara h2{color:#FFA300; font-size: 45px;padding:0; margin:0 0 10px 0;}
.aboutpara .row {align-items: center;}
.chooseabout{pad: 60px 0; background-color: #FFA300;}
.leftchoose{padding: 60px 0;}
.rightchoose{padding: 60px 0;display: flex;flex-wrap: wrap; align-items: center;}
.rightchoose .choosefirst .innerchhose {background: #fff;border-radius: 8px;padding: 12px;text-align: center;margin-right: 15px;}
.choosesecond .innerchhose {background: #fff;padding: 12px; border-radius: 8px;text-align: center; }
.choosethird{background: #fff;padding: 20px; border-radius: 8px;margin: 15px 0 0;}
.innerchhose img {height: 100px; max-width: 100px;}
.rightchoose h3 {font-size: 24px; margin: 10px 0;line-height: 28px;color: #000;}
.rightchoose  {font-size: 16px; margin: 10px 0; line-height: 24px;color: #000;}
.leftchoose h2{color:#000; font-size: 45px;padding:0; margin:0 0 10px 0;}
.chooseabout .row {align-items: center;}
ul.listchoose {list-style: none;padding: 0 0 0 50px;}
ul.listchoose li {color: #fff;font-size: 16px;line-height: 31px;text-indent: -37px;max-width: 500px;}
.listchoose img {margin: 0 15px 0 0;}
.box-card {box-shadow: 0px 11px 95.12px 5.88px rgba(196, 196, 196, 0.21); border-radius: 5px;}
.box-card-inner {display: flex;  flex-direction: column;  align-items: center; justify-content: center;    padding: 40px;}
.box-card-details {margin-top: auto; height: 100%; display: flex;flex-direction: column; align-items: center; justify-content: center;    text-align: center;
    width: 100%;}
.box-card-title {color: #000;font-size: 23px; font-weight: 700; width: 100%;}
.box-card-para {font-size: 17px; color: #6f6f6f;font-weight: 400;width: 100%;}
.bg-off-white {background: #f5f7fd;}
.home-facility-item {position: relative;}
.contact-comment-leave-area {background: #fff; box-shadow: 0px 11px 61.1px 3.9px rgba(193, 193, 193, 0.22);}
.blog-comment-leave-area .sub-section-title { font-size: 30px; color: #000;}
.form-group { margin-bottom: 20px;}
.input-group {border: 1px solid #d8d8d8; background: #fff;border-radius: 3px;padding: 15px 20px; align-items: baseline;}
.input-group-text {border: 0; border-radius: 0; padding: 0;background: transparent; color: #7f7f7f;font-size: 15px; margin-right: 10px;
}
.help-block.with-errors {background: linear-gradient(90deg, #f20f10 0%, #ec600d 100%);-webkit-text-fill-color: transparent;
    font-size: 14px;}
.pb-70 {padding-bottom: 70px;}
.pt-100 {padding-top: 100px;}
.contact-comment-leave-area {background: #fff; box-shadow: 0px 11px 61.1px 3.9px rgba(193, 193, 193, 0.22);}
.blog-comment-leave-area {background: #fff;border-radius: 3px; padding: 65px 45px 55px; box-shadow: 0px 11px 61.1px 3.9px rgba(193, 193, 193, 0.22);
}
.form-control {color: #000;height: auto; font-size: 15px;font-weight: 400; background-color: transparent; border: 0; border-radius: 0;
box-shadow: none; color: #000;background-color: transparent;border-color: transparent;outline: 0;box-shadow: none;padding: 0; resize: none;}
input.menunav {display: none;}
.menunav { --s: 100px; /* control the size */ --c: black; /* the color */ height: var(--s);  aspect-ratio: 1;  border: none;  padding: 0; border-inline: calc(var(--s)/2) solid #0000;  box-sizing: content-box; --_g1: linear-gradient(var(--c) 20%,#0000 0 80%,var(--c) 0) no-repeat content-box border-box;--_g2: radial-gradient(circle closest-side at 50% 12.5%,var(--c) 95%,#0000) 
         repeat-y content-box border-box;  background:  var(--_g2) left  var(--_p,0px) top,   var(--_g1) left  calc(var(--s)/10 + var(--_p,0px)) top, var(--_g2) right var(--_p,0px) top,
    var(--_g1) right calc(var(--s)/10 + var(--_p,0px)) top;
  background-size: 20% 80%, 40% 100%;position: relative;  clip-path: inset(0 25%); cursor: pointer; transition:   background-position .3s var(--_s,.3s), clip-path 0s var(--_s,.6s); -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.menunav:before,
.menunav:after {content:""; position: absolute; border-radius: var(--s); inset: 40% 0; background: var(--c); transition: transform .3s calc(.3s - var(--_s,.3s));}
.menunav:checked {clip-path: inset(0); --_p: calc(-1*var(--s)); --_s: 0s;}
.menunav:checked:before {transform: rotate(45deg);}
.menunav:checked:after {transform: rotate(-45deg);}
.menunav:focus-visible {clip-path: none;border: none;outline: 2px solid var(--c);  outline-offset: 5px;}
.box-card-para a.link-us {font-size: 17px;color: #6f6f6f;font-weight: 400; text-decoration: none;}
button.btn1.orange-gradient {background: #ffa300;color: #fff; font-weight: 500;font-size: 18px;}
.terms-page-section{padding: 60px 0 ;}
.terms-privacy .mb-2 a {color: #ffa300;}
h3.sub-section-title {margin-bottom: 20px;font-size: 24px; color: #ffa300;}

.modal-backdrop.fade.show {display: none;}
#userForm .col-sm-2.col-md-2.col-lg-2 {width: 70px;}




@media (max-width: 480px) { 
    input.menunav {
    display: block;right: 0;position: absolute; --s: 20px;top:20px}
.bannerleft h1{font-size: 26px; text-align: center;}
.bannerleft h1 span {color: #fff;font-size: 22px;}
.bannerleft a{margin-top: 15px;background: #000; margin-bottom: 15px;}
.bannerleft p{text-align: center;padding-bottom: 0;margin-bottom: 0;font-size: 16px;line-height: 24px;}
.bannerleft {text-align: center;}
.bannerright img {max-width: 320px;margin: 0 auto; display: inherit;}
.headingsecond h2, .leftutilityrecharge h2, .righttrafficetext h2, .fastageserivestext h2, .callownerfull h2, .howtoworks h2, .headingowner h2, .appdownload h2{font-size: 24px;}
.headingsecond h2::after, .leftutilityrecharge h2::after, .righttrafficetext h2::after, .fastageserivestext h2::after, 
.callownerfull h2::after, .howtoworks h2::after{left:0;right:0;margin: 0 auto;}
.headingsecond p{font-size: 16px;}
.boxone {flex-wrap: wrap;display: flex;justify-content: center; align-items: baseline;width: 160px;}
span.circleone{width:120px;height: 120px;}
span.circleone img { max-width: 70px;}
.boxone h3{width:100%;font-size: 16px;}
.rechargebill li span {width: 80px;height: 80px; padding: 0;color: #000;margin-left: 15px;margin-bottom: 20px;}
.rechargebill li a{font-size: 14px;}
.righttrafficetext {padding: 30px 15px;}
.trustedcenter {margin: 20px 0 0;}
ul.rechargebill{width: 100%;justify-content: center;}
.righttrafficetext ul li, .fastageserivestext ul li{display: flex;align-items: center;justify-content: flex-start;width: 100%; margin: 0 auto;        padding: 10px 0 0 0;}
.fastageserivestext h2{text-align: center;}
ul.callowner {list-style: none; display: flex; align-items: flex-start; justify-content: flex-start; margin: 20px 0;flex-wrap: wrap;}
.boxreason {margin-right: 15px; width: 42%; margin-bottom: 15px;}
.secongreasongbox {padding: 40px 0 0;justify-content: center;}
.boxreason img{max-width: 60px;}
.boxreason h5 {font-size: 18px;height: auto;margin: 0 0 10px 0; padding: 0;}
.howtoworks {height: auto;}
.stepguid {display: none;}
.worksstep2 {padding: 20px 0px;flex-wrap:wrap;}
.workfirst { width: 50%;}
.workfirst img {max-width: 140px;}
.howtoworks p{        padding: 6px 10px;}
.reasoncallowner {padding: 30px 0 0; text-align: center;}
.scrolltop{right: 22px;bottom: 110px;width: 30px;  height: 30px;}
.getconnecttext h4{font-size: 18px;line-height: 28px;}
.getconnecttext::before, .getconnecttext::after{z-index: -1;}
.appdownload h2{line-height: 40px; text-align: center;}
.downloadapp{background-size: 100%;}
.footer {padding: 15px;height: auto;}
.otherlink {display: flex; align-items: flex-start;justify-content: flex-start; margin: 10px 0;flex-wrap: wrap;}
.socialmedia ul{justify-content: center;}
.navbar-toggler {background: #fff;}
.wrapper {width: 100%;overflow: hidden;}
.businesscall{height: auto;}
.grid {list-style: none;  margin-left: 0; display: flex;align-items: flex-start; justify-content: center; flex-wrap: wrap;    }
.gc--1-of-3 {width: 100%;overflow: scroll; overflow-y: hidden;}
.menu {display: flex;flex-direction: row;}
.gc--2-of-3 {width: 100%;}
.naccs .gc.gc--2-of-3{height: 380px;padding: 10px;}
ul.nacc li p {color: #fff; font-size: 14px; margin: 0;}
.bannertop{height:auto;padding: 100px 0 50px;}
.naccs .menu div.active {padding: 10px; background: #FFA300;text-align: center;display: flex; flex-wrap: wrap;justify-content: center;
align-items: center;}
.naccs .menu div.active span.light {left: 0;height: auto;width: 100%;top: 0;border-radius: 0;text-align: center; margin: 0 auto;}
.naccs .menu div{display: flex;flex-wrap: wrap;justify-content: center; align-items: center;margin-right: 10px;border-radius: 8px;}
.display span.light {display: flex;justify-content: center; flex-wrap: wrap; text-align: center; margin: 0 auto;}
.display span {font-size: 18px;font-weight: 400;line-height: 20px;}
.benefituse { padding: 0px 0;margin: 0;}
.boxuse {display: inline-block; padding: 0;}
.circleuseimg {width: 100px; height: 100px;padding: 10px 0; margin-bottom: 20px; text-align: center;float: left;}
.circleuseimg img {width: 75px;height: 75px;        max-width: 75px;}
.boxuse h4 {font-size: 16px;line-height: 24px;text-align: left;}
.lefttextbenefit {padding: 0 15px;float: right;width: 70%;}
.boxuse p{font-size: 14px;        text-align: left;}
.getconnected{height: auto;padding: 20px 0;}
.carsoulslider { padding: 30px 0;text-align: center;}
.downloadapp{padding: 30px 0;}
.owl-carousel .owl-item img{max-width: 250px; margin: 0 auto;}
.blog-comment-leave-area .sub-section-title {font-size: 22px;color: #000;}
icon.iconsame{width: 72px; height: 72px;margin: 0 0 15px 0;}
icon.iconsame2 {width: 72px; height: 72px;margin: 0 0 15px 0;}
icon.iconsame3{width: 72px; height: 72px;margin: 0 0 15px 0;}
icon.iconsame4{width: 72px; height: 72px;margin: 0 0 15px 0;}
icon.iconsame5{width: 72px; height: 72px;margin: 0 0 15px 0;}
icon.iconsame:hover {background-image: url("../img/icon1hover.png");width: 72px;height: 72px;background-size: cover;background-repeat: no-repeat;}
icon.iconsame2:hover {background-image: url("../img/icon2hover.png");width: 72px;height: 72px;background-size: cover;background-repeat: no-repeat;}
icon.iconsame3:hover {background-image: url("../img/icon3hover.png");width: 72px;height: 72px;background-size: cover;background-repeat: no-repeat;}
icon.iconsame4:hover {background-image: url("../img/icon4hover.png");width: 72px;height: 72px;background-size: cover;background-repeat: no-repeat;}
icon.iconsame5:hover {background-image: url("../img/icon5hover.png");width: 72px;height: 72px;background-size: cover;background-repeat: no-repeat;}
.rechargebill li{width: auto;}
.advancedoffer {float: left;  width: 100%;}
span.imgbusiness {float: none; width: 100%; display: inline-block;  text-align: center;}
span.imgbusiness img { max-width: 290px;}

#userForm .col-sm-2.col-md-2.col-lg-2 {
    width: 70px;
}


}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
span.circleone{width:100px;height:100px;}
.boxone h3{font-size: 16px;}
.headingsecond h2, .leftutilityrecharge h2, .righttrafficetext h2, .fastageserivestext h2, .callownerfull h2, .howtoworks h2, .headingowner h2, .appdownload h2{font-size: 24px;}
.addressfotter ul li a{font-size: 16px;}
.wrapper .navbar .container {padding: 0 15px;margin: 0;}
.rightlogin button{padding: 10px 15px;}
.navbar-brand{width:21%;}
.firstmenu{width:65%;}
ul.rechargebill{width:100%;}
.rechargebill li {margin: 0 15px 20px 0;}
.rechargebill li a{font-size: 13px;}
.rechargebill li span {width: 50px;height: 50px; margin-left: 15px; margin-bottom: 10px;}
ul.callowner{justify-content: space-between; flex-wrap: wrap;}
.businesscall .headingowner h2::after {left: 0;right: 0; margin: 0 auto;}
.naccs .menu div{font-size: 15px;}
.circleuseimg{width:240px; height: 240px;}
.circleuseimg img {max-width: 195px;}
.footer{padding: 15px;}
.link1fotter ul li a, .addressfotter ul li a{font-size: 12px;}
.navbar-nav .nav-link{font-size: 12px;}
.rightlogin button{font-size: 12px;}
.bannerleft h1{font-size: 26px;}
.bannertop{height: auto;}
.bannerleft p {font-size: 16px;line-height: 24px;}
.bannerleft a{margin-top: 34px; margin-bottom: 34px;}
.leftutilityrecharge h2::after{left:0;margin:0 auto;right: 0;}
.headingsecond h2::after, .righttrafficetext h2::after, .howtoworks h2::after, .headingowner h2::after{left:0; margin: 0 auto;right:0;}
icon.iconsame{background-size: 85%;background-position: top center;height: 50px;}
icon.iconsame2{background-size: 85%;background-position: top center;height: 50px;}
icon.iconsame3{background-size: 85%;background-position: top center;height: 50px;}
icon.iconsame4{background-size: 85%;background-position: top center;height: 50px;}
icon.iconsame5{background-size: 85%;background-position: top center;height: 50px;}
.rechargebill li {width: 85px;}
.worksstep2{padding: 20px 65px;}
.fastageserivestext ul li{font-size: 14px;}
.advancedoffer {float: left;width: 100%;}
span.imgbusiness img { max-width: 177px;}
.link1fotter h6, .addressfotter h6{font-size: 15px;}





}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
span.circleone{width:140px;height:140px;}
.boxone h3{font-size: 18px;}
.headingsecond h2, .leftutilityrecharge h2, .righttrafficetext h2, .fastageserivestext h2, .callownerfull h2, .howtoworks h2, .headingowner h2, .appdownload h2{font-size: 35px;}
.addressfotter ul li a{font-size: 16px;}
.wrapper .navbar .container {padding: 0 15px;margin: 0;}
.rightlogin button{padding: 10px 15px;}
.navbar-brand{width:21%;}
.firstmenu{width:65%;}
.advancedoffer{width:100%;}
span.imgbusiness img {max-width: 250px;}
.bannertop{height: auto;}
.bannerleft h1{font-size: 28px;}
.bannerleft p{font-size: 16px;line-height: 24px;}
.bannerleft a{margin-top:50px; margin-bottom: 50px;}
.rechargebill li{width: 115px;}
.rechargebill li span { width: 65px; height: 65px;  margin-left: 27px;  margin-bottom: 10px;  }
.leftutilityrecharge h2::after{left:0;margin:0 auto;right: 0;}
.headingsecond h2::after, .righttrafficetext h2::after, .howtoworks h2::after{left:0; margin: 0 auto;right:0;}
icon.iconsame{background-size: 85%;background-position: top center;}
icon.iconsame2{background-size: 85%;background-position: top center;}
icon.iconsame3{background-size: 85%;background-position: top center;}
icon.iconsame4{background-size: 85%;background-position: top center;}
icon.iconsame5{background-size: 85%;background-position: top center;}



}




@media (min-width: 1200px) {
.rechargebill li {width:165px;}
.leftutilityrecharge h2::after{left:0;margin:0 auto;right: 0;}
.headingsecond h2::after, .righttrafficetext h2::after{left:0; margin: 0 auto;right:0;}
.leftutilityrecharge p{left:0;text-align: center;}






}