   .flexibleity-row-center:after, .flexibleity-row-center:before{display:block!important}
   .carousel {
   position: relative;
   }
   .carousel-inner {
   position: relative;
   width: 100%;
   overflow: hidden;
   }
   .carousel-inner > .item {
   position: relative;
   display: none;
   -webkit-transition: .6s ease-in-out left;
   -o-transition: .6s ease-in-out left;
   transition: .6s ease-in-out left;
   }
   .carousel-inner > .item > img,
   .carousel-inner > .item > a > img {
   line-height: 1;
   }
   @media all and (transform-3d), (-webkit-transform-3d) {
   .carousel-inner > .item {
   -webkit-transition: -webkit-transform .6s ease-in-out;
   -o-transition:      -o-transform .6s ease-in-out;
   transition:         transform .6s ease-in-out;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-perspective: 1000px;
   perspective: 1000px;
   }
   .carousel-inner > .item.next,
   .carousel-inner > .item.active.right {
   left: 0;
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
   }
   .carousel-inner > .item.prev,
   .carousel-inner > .item.active.left {
   left: 0;
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0);
   }
   .carousel-inner > .item.next.left,
   .carousel-inner > .item.prev.right,
   .carousel-inner > .item.active {
   left: 0;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   }
   }
   .carousel-inner > .active,
   .carousel-inner > .next,
   .carousel-inner > .prev {
   display: block;
   }
   .carousel-inner > .active {
   left: 0;
   }
   .carousel-inner > .next,
   .carousel-inner > .prev {
   position: absolute;
   top: 0;
   width: 100%;
   }
   .carousel-inner > .next {
   left: 100%;
   }
   .carousel-inner > .prev {
   left: -100%;
   }
   .carousel-inner > .next.left,
   .carousel-inner > .prev.right {
   left: 0;
   }
   .carousel-inner > .active.left {
   left: -100%;
   }
   .carousel-inner > .active.right {
   left: 100%;
   }
   .carousel-control {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   width: 15%;
   font-size: 20px;
   color: #fff;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
   background-color: rgba(0, 0, 0, 0);
   filter: alpha(opacity=50);
   opacity: .5;
   }
   .carousel-control.left {
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
   background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
   background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
   background-repeat: repeat-x;
   }
   .carousel-control.right {
   right: 0;
   left: auto;
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
   background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
   background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
   background-repeat: repeat-x;
   }
   .carousel-control:hover,
   .carousel-control:focus {
   color: #fff;
   text-decoration: none;
   filter: alpha(opacity=90);
   outline: 0;
   opacity: .9;
   }
   .carousel-control .icon-prev,
   .carousel-control .icon-next,
   .carousel-control .glyphicon-chevron-left,
   .carousel-control .glyphicon-chevron-right {
   position: absolute;
   top: 50%;
   z-index: 5;
   display: inline-block;
   margin-top: -10px;
   }
   .carousel-control .icon-prev,
   .carousel-control .glyphicon-chevron-left {
   left: 50%;
   margin-left: -10px;
   }
   .carousel-control .icon-next,
   .carousel-control .glyphicon-chevron-right {
   right: 50%;
   margin-right: -10px;
   }
   .carousel-control .icon-prev,
   .carousel-control .icon-next {
   width: 20px;
   height: 20px;
   font-family: serif;
   line-height: 1;
   }
   .carousel-control .icon-prev:before {
   content: '\2039';
   }
   .carousel-control .icon-next:before {
   content: '\203a';
   }
   .carousel-indicators {
   position: absolute;
   bottom: 10px;
   left: 50%;
   z-index: 15;
   width: 60%;
   padding-left: 0;
   margin-left: -30%;
   text-align: center;
   list-style: none;
   }
   .carousel-indicators li {
   display: inline-block;
   width: 10px;
   height: 10px;
   margin: 1px;
   text-indent: -999px;
   cursor: pointer;
   background-color: #000 \9;
   background-color: rgba(0, 0, 0, 0);
   border: 1px solid #fff;
   border-radius: 10px;
   }
   .carousel-indicators .active {
   width: 12px;
   height: 12px;
   margin: 0;
   background-color: #fff;
   }
   .carousel-caption {
   position: absolute;
   right: 15%;
   bottom: 20px;
   left: 15%;
   z-index: 10;
   padding-top: 20px;
   padding-bottom: 20px;
   color: #fff;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
   }
   .carousel-caption .btn {
   text-shadow: none;
   }
   @media screen and (min-width: 768px) {
   .carousel-control .glyphicon-chevron-left,
   .carousel-control .glyphicon-chevron-right,
   .carousel-control .icon-prev,
   .carousel-control .icon-next {
   width: 30px;
   height: 30px;
   margin-top: -10px;
   font-size: 30px;
   }
   .carousel-control .glyphicon-chevron-left,
   .carousel-control .icon-prev {
   margin-left: -10px;
   }
   .carousel-control .glyphicon-chevron-right,
   .carousel-control .icon-next {
   margin-right: -10px;
   }
   .carousel-caption {
   right: 20%;
   left: 20%;
   padding-bottom: 30px;
   }
   .carousel-indicators {
   bottom: 20px;
   }
   }
</style>
<style>
   *{margin:0px; padding:0px;}
   #main{padding:0!important}#main .fusion-row{width:100%!important;max-width:100%!important}
   a:hover, a:active, a:focus{
   text-decoration:none!important
   }
   body {
   font-family: 'Open Sans', sans-serif!important;
   overflow-x:hidden 
   }
   
   .circle-section {
   position: relative;
   }
   
   .circle-section ul {
   padding: 0px;
   list-style: none;
   display: flex;
   flex-wrap: wrap;
   margin: 0px;
   width: 1050px;
   margin: auto;
   position: relative;
   }
   .circle-section ul li {
   float: left;
   width: 350px;
   height: 350px;
   text-align: center;
   position: relative;
   background-color: #fff;
   backface-visibility: hidden;
   margin: 10px 0px;
   }
   .circle-section ul li figcaption {
   border-radius: 50%;
   width: 125px;
   height: 125px;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: .1s;
   padding: 25px;
   position: absolute;
   left: 0px;
   right: 0px;
   top: 0px;
   bottom: 0px;
   margin: auto;
   flex-direction: column;
   overflow: hidden;
   background-color: #fff;
   z-index: 991;
   backface-visibility: hidden;
   }
   .for-laggy-prob-ver{position: absolute;
    width: 475px;
    height: 100%;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
    z-index: 99;}
   .circle-section ul li:nth-child(even) figcaption {
   background: #F8BB00 
   }
   .circle-section ul li:nth-child(odd) figcaption {
   background: linear-gradient(270deg, #000000 0%, #000000 100%);
   }
   .circle-section ul li:nth-child(odd) figcaption p, .circle-section ul li:nth-child(odd) figcaption h4 {
   color: #fff 
   }
   .circle-section ul li figcaption i {
   font-size: 30px;
   color: #fff;
   position: absolute;
   top: 0px;
   bottom: 0px;
   margin: auto;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
    left: 0px;
    right: 0px;
   }
   .circle-section ul li figcaption p, .circle-section ul li figcaption h4 {
   opacity: 0;
   visibility: hidden;
   width: 185px;
   }
   .circle-section ul li h5 {
   color: #0C1612;
   font-size: 20px;
   position: absolute;
   left: 0px;
   right: 0px;
   top: 74%;
   bottom: 0px;
   margin: auto;
   z-index: 9;
   font-weight: bold 
   }
   .circle-section ul li figcaption p {
   font-size: 14px;
   font-weight: 600 ;
   padding:0px 10px;
   }
   .circle-section ul li figcaption h4 {
   font-size: 20px;
   font-weight: bold ;
   margin:10px 0px;
   }
   .circle-section ul li:nth-child(2) h5 {
   top: 70px;
   }
   .circle-section ul li:hover figcaption {
   width: 250px;
   height: 250px;
   }
   .circle-section ul li:hover h5, .circle-section ul li:hover figcaption i {
   display: none 
   }
   .circle-section ul li:hover figcaption h4, .circle-section ul li:hover figcaption p {
   opacity: 1;
   visibility: visible 
   }
   .circle-section ul li:nth-child(1) {
   top: 50px;
   left: 50px;
   }
   .circle-section ul li:nth-child(2) {
   top: -100px;
   }
   .circle-section ul li:nth-child(3) {
   top: 50px;
   right: 50px;
   }
   .circle-section ul li:nth-child(4) {
   bottom: 50px;
   left: 50px;
   }
   .circle-section ul li:nth-child(5) {
   bottom: -100px;
   }
   .circle-section ul li:nth-child(6) {
   bottom: 50px;
   right: 50px;
   }
   .circle-section ul li:before {
   content: "" 
   }
   .circle-section ul li:after {
   content: "" 
   }
   .circle-section ul li:nth-child(2)::before {
   width: 5px;
   height: 325px;
   position: absolute;
   background-color: #facc66;
   top: 125px;
   left: 0px;
   right: 0px;
   margin: auto;
   }
   .circle-section ul li:nth-child(5)::before {
   width: 5px;
   height: 325px;
   position: absolute;
   background-color: #facc66;
   bottom: 125px;
   left: 0px;
   right: 0px;
   margin: auto;
   }
   .circle-section ul li:nth-child(1)::before {
   width: 383px;
   height: 5px;
   position: absolute;
   background-color: #facc66;
   top: 106px;
   bottom: 0px;
   margin: auto;
   z-index: 9;
   left: 136px;
   right: 0px;
   transform: rotate(22deg);
   }
   .circle-section ul li:nth-child(6)::before {
   width: 383px;
   height: 5px;
   position: absolute;
   background-color: #facc66;
   top: -121px;
   bottom: 0px;
   margin: auto;
   z-index: 9;
   left: -256px;
   right: 0px;
   transform: rotate(24deg);
   }
   .circle-section ul li:nth-child(3)::before {
   width: 383px;
   height: 5px;
   position: absolute;
   background-color: #facc66;
   top: 82px;
   bottom: 0px;
   margin: auto;
   z-index: 9;
   left: -250px;
   right: 0px;
   transform: rotate(-22deg);
   }
   .circle-section ul li:nth-child(odd)::before {
   background-color: #000;
   }
   .circle-section ul li:nth-child(even)::before {
   background-color: #facc66;
   }
   .circle-section ul li:nth-child(4)::before {
   width: 383px;
   height: 5px;
   position: absolute;
   top: 0px;
   bottom: 117px;
   margin: auto;
   z-index: 9;
   left: 107px;
   right: 0px;
   transform: rotate(-24deg);
   }
   .circle-overlay {
   position: absolute;
   width: 285px;
   height: 285px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   z-index: 992;
   background-color: #E9EEEC;
   border-radius: 50%;
   left: 0px;
   right: 0px;
   top: 0px;
   bottom: 0px;
   margin: auto;
   box-shadow: 0 0 11px 0px rgba(0, 0, 0, 0.2);
   text-align: center;
   overflow: hidden;
   flex-direction: column;
   transition: .1s;
   backface-visibility: hidden;
   }
   .circle-overlay:hover {
   width: 370px;
   height: 370px;
   }
   .circle-overlay p {
   font-size: 12px;
   opacity: 0;
   visibility: hidden;
   margin-bottom: 5px;
   }
   .circle-overlay h4 {
   font-size: 24px;
   font-weight: bold ;
   margin:10px 0px;
       line-height: 1;
   }
   .circle-overlay:hover p {
   font-size: 16px;
   font-weight: bold 
   }
   /* .circle-overlay:hover.circle-section ul li figcaption {
   left: 411px;
   top: 210px
   }
   */
   .circle-section ul.conjust li h5 {
   opacity: 0;
   
   }
   .circle-section ul.conjust li figcaption {
   transition: all .3s .5s 
   }
   .circle-section ul.conjust li:nth-child(1) figcaption {
   left: 411px;
   top: 210px;
   }
   .circle-section ul.conjust li:nth-child(2) figcaption {
   top: 510px;
   }
   .circle-section ul.conjust li:nth-child(3) figcaption {
   left: -600px;
   top: 210px;
   }
   .circle-section ul.conjust li:nth-child(4) figcaption {
   left: 413px;
   top: -210px;
   }
   .circle-section ul.conjust li:nth-child(5) figcaption {
   top: -510px;
   }
   .circle-section ul.conjust li:nth-child(6) figcaption {
   top: -210px;
   left: -600px;
   }
   .for-laggy-prob {
   width: 100%;
   height: 125px;
   position: absolute;
   top: 0px;
   bottom: 0px;
   margin: auto;
   z-index: 10;
   opacity: 0;
   }
   .circle-section ul li figcaption i {
   -webkit-animation: spin 4s linear infinite;
   -moz-animation: spin 4s linear infinite;
   animation: spin 4s linear infinite;
   }
   @-moz-keyframes spin {
   100% {
   -moz-transform: rotate(360deg);
   }
   }
   @-webkit-keyframes spin {
   100% {
   -webkit-transform: rotate(360deg);
   }
   }
   @keyframes spin {
   100% {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
   }
   }
   .circle-overlay:before {
   width: 90%;
   height: 90%;
   border: 6px solid #000;
   position: absolute;
   content: "";
   border-radius: 50%;
   display:block;
   top: 0px;
   bottom: 0px;
   margin: auto;
   left: 0px;
   right: 0px;
   }
   .circle-overlay:after {
   width: 90%;
   height: 90%;
   border: 8px solid #040404;
   border-right: 6px solid #F8BB00;
   position: absolute;
   content: "";
   border-radius: 50%;
   -webkit-animation: spin 4s linear infinite;
   -moz-animation: spin 4s linear infinite;
   animation: spin 4s linear infinite;
   display:block;
   top: 0px;
   bottom: 0px;
   margin: auto;
   left: 0px;
   right: 0px;
   }
   .setting-hover {
   position: absolute;
   top: 160px;
   transition: .5s;
   bottom: 0px;
   margin: auto;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   height: 100%;
   z-index: 10;
   }
   .setting-hover p {
   transition: .5s;
   width: 100%;
   display: block;
       line-height: 1;
    margin: 5px;
   }
   .circle-overlay:hover .setting-hover {
   top: 0px;
   }
   .circle-overlay:hover .setting-hover p {
   opacity: 1;
   visibility: visible;
   }
   .setting-hover p a {
   background-color: #f8bb00;
   color: #000;
   display: inline-block;
   font-size: 14px;
   font-weight: 700;
   border-radius: 4px;
   padding: 6px 10px;
   margin-top: 13px;
   cursor:pointer;
   transition:.4s 
   }
   .setting-hover p a:hover{
   background-color:#000;
   color:#fff
   }
   .main-banner-full {
   background-size: cover;
   background-position: center bottom;
   position: relative;
   overflow: hidden;
   padding-top: 200px;
   padding-bottom: 300px;
   background-color: #232e2b;
   }
   .main-banner-full::before {
   left:0px;
   content: "";
   background-image: url(../png/taxiyellow-1.png);
   width: 100%;
   height: 200px;
   position: absolute;
   background-size: cover;
   background-position: center bottom;
   bottom: 0px;
   z-index: 1;
   }
   .flexible-row {
   height: 100vh;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   }
   .left-top-text {
   }
   .left-top-text h1 {
   font-size: 40px;
   color: #fff;
   font-weight: 700;
   line-height: 1.3;
   margin: 0px;
   }
   .left-top-text h1 span {
   color: #F8BB00;
   }
   .left-top-text h5 {
   color: #fff;
   font-size: 20px;
   line-height: 1.3;
   margin: 20px 0px;
   }
   .left-top-text p {
   }
   .left-top-text p a {
   font-weight: 600;
   text-shadow: none;
   opacity: .8;
   color: #fff!important;
   transition:.5s;
   cursor:pointer 
   }
   .left-top-text p a:hover{
   opacity:1
   }
   .road-walking1 {
   position: absolute;
   left: 480px;
   right: 0px;
   width: 100%;
   margin: auto;
   height: 23px;
   background-color: #222d2a;
   top: 221px;
   -ms-transform: rotate(-140deg);
   -webkit-transform: rotate(-140deg);
   transform: rotate(-140deg);
   border: 3px solid #0e1714;
   }
   .car-walking1 {
   width: 90px;
   position: absolute;
   top: -8px;
   left: -5%;
   -webkit-animation: mymove 10s infinite;
   animation: mymove 10s infinite;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   }
   .road-walking2 {
   position: absolute;
   left: 30%;
   right: 0px;
   width: 130%;
   margin: auto;
   height: 23px;
   background-color: #222d2a;
   top: 0px;
   -ms-transform: rotate(-130deg);
   -webkit-transform: rotate(-130deg);
   transform: rotate(116deg);
   border: 3px solid #0e1714;
   }
   .car-walking2 {
   width: 90px;
   position: absolute;
   top: -12px;
   left: -5%;
   -webkit-animation: mymove 15s infinite;
   animation: mymove 15s infinite;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   }
   @keyframes mymove {
   0% {
   left: -5%;
   }
   100% {
   left: 100%;
   }
   }
   .commonsection {
   padding: 80px 0px;
   }
   .common-heading {
   margin-bottom: 30px;
   }
   .common-heading h4 {
   font-size: 30px;
   font-weight: 700;
   position: relative;
   margin: 0px;
   padding-bottom: 25px;
   margin-bottom: 15px;
   color: #000;
   line-height: 1.5 
   }
   .common-heading h4:before {
   content: "";
   width: 120px;
   height: 1px;
   background-color: #ccc;
   position: absolute;
   bottom: 0px;
   }
   .common-heading h4:after {
   content: "";
   position: absolute;
   width: 60px;
   height: 10px;
   background-color: #f8bb00;
   left: 0px;
   bottom: -5px;
   }
   .common-heading p {
   font-size: 20px;
   color: #0C1612;
   line-height: 1.5;
   margin-top: 30px;
   font-weight:400 
   }
   .lister-two-grid {
   list-style: none;
   padding: 0px;
   margin: 0px;
   display: flex;
   flex-wrap: wrap;
   }
   .lister-two-grid li {
   width: 50%;
   float: left;
   position: relative;
   padding-left: 130px;
   margin-top: 50px;
   padding-right: 40px;
   }
   .lister-two-grid li:hover span {
   background-color: #2d3633;
   }
   .lister-two-grid li:hover span img {
   filter: brightness(0) invert(1);
   }
   .lister-two-grid li span {
   position: absolute;
   left: 0px;
   background-color: #eaefed;
   width: 100px;
   height: 100px;
   padding: 0px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   transition: .5s 
   }
   .lister-two-grid li span img {
   width: 50px;
   }
   .lister-two-grid li h4 {
   margin: 0px;
   color: #0C1612;
   font-size: 20px;
   font-weight: 700;
   }
   .lister-two-grid li p {
   color: #0C1612;
   font-size: 16px;
   margin: 15px 0px;
   font-weight:400 
   }
   .lister-two-grid li:hover span::before {
   background-color: #F8BB00 
   }
   .lister-two-grid li span::before {
   content: "";
   width: 20px;
   height: 20px;
   background-color: #eaefed;
   position: absolute;
   right: -10px;
   top: -10px;
   border-radius: 50%;
   border: 3px solid #fff;
   }
   .centerlly-align {
   text-align: center;
   }
   .centerlly-align h4:before {
   left: 0px;
   right: 0px;
   margin: auto;
   width: 160px;
   }
   .centerlly-align h4:after {
   right: 0px;
   margin: auto;
   }
   .three-images {
   position: relative;
   margin-bottom: 50px;
   }
  
   .three-images img:nth-child(1) {
   position: absolute;
   bottom: 0px;
   width:250px;
   z-index:1
   }
   .three-images img:nth-child(3) {
   position: absolute;
   right: 0px;
   bottom: 0px;
   width:250px;
   z-index:1
   }
   .cta-middle {
   padding: 70px 50px;
   border-radius: 20px;
   }
   .cta-middle {
   padding: 70px 50px;
   border-radius: 20px;
   }
   .flexibleity-row-center {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   }
   .cta-middle p {
   font-size: 26px;
   font-weight: 500;
   line-height: 1.5;
   margin: 0px;
   color: #000;
   position: relative;
   padding-top: 30px;
   }
   .black-color{
   background: linear-gradient(229deg, #0C1612 0%, #3b4340 100%);
   }
   .cta-middle p::before {
   content: "";
   width: 55px;
   height: 10px;
   position: absolute;
   background-color: #febf00;
   top: 0px;
   }
   .yellow-color.cta-middle p::before {
   background-color: #000
   }
   .black-color p{
   color: #fff
   }
   .yellow-color{
   background: #FEBF00;
   }
   .cta-middle a {
   font-size: 18px;
   font-weight: 600;
   line-height: 1.3;
   text-align: center;
   color: #fff;
   display: inline-block;
   padding: 18px 45px;
   border-radius: 4px;
   transition:.5s;
   cursor:pointer 
   }
   .cta-middle a:hover{
   background-color:#fff;
   color:#000
   }
   .btn-yello{
   background-color: #FEBF00;
   }
   .btn-black{
   background-color: #000;
   border: 1px solid
   }
   .taxi-nav {
   list-style: none;
   display: flex;
   justify-content: center;
   margin: 50px 0px;
   padding: 0px;
   border: none;
   }
   .taxi-nav li {
   width: 25%;
   text-align: center;
   color: #B6BDBA;
   font-size: 21px;
   font-weight: 500;
   line-height: 1.3;
   position: relative;
   padding-bottom: 20px;
   cursor:pointer
   }
   .taxi-nav li a{
   color: #B6BDBA;
   font-size: 21px;
   font-weight: 500;
   line-height: 1.3;
   display: block;
   border: none!important;
   margin:0px;
   text-decoration: none!important;
   position: relative;
   padding-bottom: 35px;
   }
   .taxi-nav li img {
   display: block;
   margin: auto;
   margin-bottom: 15px;
   height: 50px;
   }
   .taxi-nav>li.active, .taxi-nav>li.active:focus, .taxi-nav>li.active:hover {
   color: #000;
   outline: none!important;
   }
   .taxi-nav li.active:before{
   width: 80%;
   }
   .taxi-nav li:before {
   width: 0%;
   position: absolute;
   content: "";
   height: 5px;
   background-color: #febf00;
   left: 0px;
   bottom: 0px;
   right: 0px;
   margin: auto;
   transition: .5s;
   }
   .grid-images ul {
   list-style: none;
   width: 100%;
   padding: 0px 0px;
   margin: 0px;
   margin-left: 30px;
   float: left;
   position: relative;
   /*background-image: url(images/bg_image.png);
   */
   background-size: contain;
   background-position: left center;
   padding-left: 40px;
   background-repeat: no-repeat;
   margin-bottom: 30px 
   }
   .grid-images ul li:nth-child(1), .grid-images ul li:nth-child(3){
   top: 30px;
   }
   .grid-images ul:before{
   content: ""
   }
   .grid-images ul li {
   width: calc(50% - 30px);
   float: left;
   margin: 15px;
   position: relative;
   overflow: hidden;
   }
   .grid-images ul li img {
   width: 100%;
   border-radius:4px;
   }
   .grid-images ul li h5 {
   position: absolute;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 0px;
   margin: auto;
   display: flex;
   align-items: center;
   padding: 10px;
   justify-content: center;
   font-size: 28px;
   font-weight: bold;
   line-height: 1.3;
   text-align: center;
   color: #fff;
   transition: .5s 
   }
   .grid-images ul li .on-hover {
   position: absolute;
   background: linear-gradient(900deg,rgba(0,0,0,.5) 27%,#f9bb00 100%);
   width: 100%;
   height: 100%;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-end;
   flex-direction: column;
   text-align: center;
   top: 100%;
   transition: .5s;
   padding: 15px;
   border-radius: 4px;
   }
   .grid-images ul li:hover h5{
   opacity:0
   }
   .grid-images ul li:hover .on-hover {
   top:0px;
   }
   .grid-images ul li .on-hover h4{
   font-size: 20px;
   font-weight: bold;
   line-height: 1.3;
   text-align: center;
   color: #fff
   }
   .grid-images ul li .on-hover p{
   font-size: 16px;
   color: #fff;
   line-height: 1.3 
   }
   .dark-section {
   background: linear-gradient(229deg, #0C1612 0%, #0C1612 100%);
   margin-top: 100px;
   }
   .dark-section .common-heading h4{
   color: #fff
   }
   .dark-section .common-heading h4 span{
   color: #F8BB00
   }
   /* progressbar code start*/
   .progress {
   width: 70px;
   height: 70px;
   line-height: 150px;
   background: none;
   margin: 0 auto;
   box-shadow: none;
   position: relative;
   }
   .progress:after {
   content: "";
   width: 100%;
   height: 100%;
   border-radius: 50%;
   border: 7px solid #eee;
   position: absolute;
   top: 0;
   left: 0;
   }
   .progress > span {
   width: 50%;
   height: 100%;
   overflow: hidden;
   position: absolute;
   top: 0;
   z-index: 1;
   }
   .progress .progress-left {
   left: 0;
   }
   .progress .progress-bar {
   width: 100%;
   height: 100%;
   background: none;
   border-width: 7px;
   border-style: solid;
   position: absolute;
   top: 0;
   border-color: #ffb43e;
   }
   .progress .progress-left .progress-bar {
   left: 100%;
   border-top-right-radius: 75px;
   border-bottom-right-radius: 75px;
   border-left: 0;
   -webkit-transform-origin: center left;
   transform-origin: center left;
   }
   .progress .progress-right {
   right: 0;
   }
   .progress .progress-right .progress-bar {
   left: -100%;
   border-top-left-radius: 75px;
   border-bottom-left-radius: 75px;
   border-right: 0;
   -webkit-transform-origin: center right;
   transform-origin: center right;
   }
   .progress .progress-value {
   display: flex;
   border-radius: 50%;
   font-size: 36px;
   text-align: center;
   line-height: 20px;
   align-items: center;
   justify-content: center;
   height: 100%;
   font-weight: 300;
   }
   .progress .progress-value div {
   margin-top: 10px;
   }
   .progress .progress-value span {
   font-size: 12px;
   text-transform: uppercase;
   }
   /* This for loop creates the     necessary css animation names 
   Due to the split circle of progress-left and progress right, we must use the animations on each side. 
   */
   .progress[data-percentage="10"] .progress-right .progress-bar {
   animation: loading-1 1.5s linear forwards;
   }
   .progress[data-percentage="10"] .progress-left .progress-bar {
   animation: 0;
   }
   .progress[data-percentage="20"] .progress-right .progress-bar {
   animation: loading-2 1.5s linear forwards;
   }
   .progress[data-percentage="20"] .progress-left .progress-bar {
   animation: 0;
   }
   .progress[data-percentage="30"] .progress-right .progress-bar {
   animation: loading-3 1.5s linear forwards;
   }
   .progress[data-percentage="30"] .progress-left .progress-bar {
   animation: 0;
   }
   .progress[data-percentage="40"] .progress-right .progress-bar {
   animation: loading-4 1.5s linear forwards;
   }
   .progress[data-percentage="40"] .progress-left .progress-bar {
   animation: 0;
   }
   .progress[data-percentage="50"] .progress-right .progress-bar {
   animation: loading-5 1.5s linear forwards;
   }
   .progress[data-percentage="50"] .progress-left .progress-bar {
   animation: 0;
   }
   .progress[data-percentage="60"] .progress-right .progress-bar {
   animation: loading-5 1.5s linear forwards;
   }
   .progress[data-percentage="60"] .progress-left .progress-bar {
   animation: loading-1 1.5s linear forwards 1.5s;
   }
   .progress[data-percentage="70"] .progress-right .progress-bar {
   animation: loading-5 1.5s linear forwards;
   }
   .progress[data-percentage="70"] .progress-left .progress-bar {
   animation: loading-2 1.5s linear forwards 1.5s;
   }
   .progress[data-percentage="80"] .progress-right .progress-bar {
   animation: loading-5 1.5s linear forwards;
   }
   .progress[data-percentage="80"] .progress-left .progress-bar {
   animation: loading-3 1.5s linear forwards 1.5s;
   }
   .progress[data-percentage="90"] .progress-right .progress-bar {
   animation: loading-5 1.5s linear forwards;
   }
   .progress[data-percentage="90"] .progress-left .progress-bar {
   animation: loading-4 1.5s linear forwards 1.5s;
   }
   .progress[data-percentage="100"] .progress-right .progress-bar {
   animation: loading-5 1.5s linear forwards;
   }
   .progress[data-percentage="100"] .progress-left .progress-bar {
   animation: loading-5 1.5s linear forwards 1.5s;
   }
   @keyframes loading-1 {
   0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   }
   100% {
   -webkit-transform: rotate(36);
   transform: rotate(36deg);
   }
   }
   @keyframes loading-2 {
   0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   }
   100% {
   -webkit-transform: rotate(72);
   transform: rotate(72deg);
   }
   }
   @keyframes loading-3 {
   0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   }
   100% {
   -webkit-transform: rotate(108);
   transform: rotate(108deg);
   }
   }
   @keyframes loading-4 {
   0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   }
   100% {
   -webkit-transform: rotate(144);
   transform: rotate(144deg);
   }
   }
   @keyframes loading-5 {
   0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   }
   100% {
   -webkit-transform: rotate(180);
   transform: rotate(180deg);
   }
   }
   .progress {
   margin-bottom: 1em;
   }
   /* progressbar code end*/
   /*odo Meter*/
   .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   position: relative;
   }
   .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   position: relative;
   }
   .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   visibility: hidden;
   }
   .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
   text-align: left;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   }
   .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
   display: block;
   }
   .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
   display: block;
   -webkit-backface-visibility: hidden;
   }
   .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
   display: block;
   -webkit-transform: translateZ(0);
   }
   .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
   position: absolute;
   }
   .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
   -webkit-transition: -webkit-transform 2s;
   -moz-transition: -moz-transform 2s;
   -ms-transition: -ms-transform 2s;
   -o-transition: -o-transform 2s;
   transition: transform 2s;
   }
   .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   transform: translateY(-100%);
   }
   .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   transform: translateY(-100%);
   }
   .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
   -webkit-transition: -webkit-transform 2s;
   -moz-transition: -moz-transform 2s;
   -ms-transition: -ms-transform 2s;
   -o-transition: -o-transform 2s;
   transition: transform 2s;
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
   }
   .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
   font-family: "Helvetica Neue", sans-serif;
   line-height: 1.1em;
   display:inline-block!important 
   }
   .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
   text-align: center;
   }
   /*odo Meter*/
   .digitizer {
   padding: 0px;
   margin: 0px;
   display: flex;
   flex-wrap: wrap;
   list-style: none;
   }
   .digitizer li {
   width: 33.33%;
   padding-left: 90px;
   position: relative;
   margin-top: 60px;
   padding-right: 30px;
   }
   .digitizer li .side-fixx {
   position: absolute;
   left: 0px;
   }
   .digitizer li h5{
   font-size: 44px;
   line-height: 1;
   color: #fff;
   margin: 0px;
   font-weight: 600;
   }
   .digitizer li h5 i{
   font-style: normal;
   }
   .digitizer li p {
   font-size: 16px;
   font-weight: 600;
   line-height: 25px;
   color: #fff;
   margin: 0px;
   }
   .caption{
   display:none
   }
   .carousel-one .caption{
   display:none
   }
   .carousel-one ol {
   position: absolute;
   width: 100%;
   left: inherit;
   height: 400px;
   top: 0px;
   bottom: 0px;
   margin: auto;
   }
   .carousel-one .item img {
   height: 550px;
   }
   .carousel-one ol li, .carousel-one ol li.active{
   height: auto;
   text-indent: inherit;
   position: absolute;
   width: 380px!important;
   text-align: left;
   padding: 20px;
   padding-left: 90px;
   background-color: #fff;
   }
   .carousel-one ol li.active{
   box-shadow: 0 12px 43px 4px rgba(23,23,23,0.19);
   }
   .carousel-one ol li img {
   position: absolute;
   left: 10px;
   top: 30px;
   width: 70px;
   }
   .carousel-one ol li:nth-child(1){
   left: 0px;
   top: 0px
   }
   .carousel-one ol li:nth-child(2){
   left: 0px;
   bottom: 0px;
   }
   .carousel-one ol li:nth-child(3){
   right: 0px;
   top: 0px;
   }
   .carousel-one ol li:nth-child(4){
   right: 0px;
   bottom: 0px
   }
   .carousel-one ol li h4{
   margin:0px;
   color: #0C1612;
   font-size: 20px;
   font-weight: bold;
   line-height: 1.3;
   margin-bottom: 10px;
   }
   .carousel-one ol li p{
   margin:0px;
   color: #0C1612;
   font-size: 16px;
   line-height: 1.5;
   font-weight:400
   }
   .carousel-fade .carousel-inner .item {
   opacity: 0;
   transition-property: opacity;
   }
   .carousel-fade .carousel-inner .active {
   opacity: 1;
   }
   .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
   left: 0;
   opacity: 0;
   z-index: 1;
   }
   .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
   opacity: 1;
   }
   .carousel-fade .carousel-control {
   z-index: 2;
   }
   .bb1{
   font-size: 18px;
   font-weight: 900;
   line-height: 1.3;
   text-align: center;
   color: #fff;
   display: inline-block;
   text-shadow: 0px 0px 1px #000;
   padding: 18px 45px;
   border-radius: 4px;
   background-color: #f8bb00;
   }
   .bb2{
   font-size: 18px;
   font-weight: 900;
   line-height: 1.3;
   text-align: center;
   color: #fff;
   display: inline-block;
   text-shadow: 0px 0px 1px #000;
   padding: 18px 45px;
   border-radius: 4px;
   }
   .bb2 i{
   background-color: #f8bb00;
   width: 50px;
   height: 50px;
   vertical-align: middle;
   border-radius: 50%;
   line-height: 2.2;
   font-size: 22px;
   margin-left: 15px;
   }
   .arrow-narrow{display:none}
   .tab_drawer_heading { display: none; }
   body a.common-btn-yelo {
   padding: 13px 0px;
   font-size: 18px;
   font-weight: 600;
   opacity: 1;
   color: #000!important;
   position: relative;
   background-color: #f9bb00!important;
   transition: .5s;
   padding-left: 15px;
   padding-right: 50px;
   line-height: 1.3;
   overflow:hidden;
   transition:.5s;
   cursor:pointer;
   border:1px solid #faba00!important
   }
   .btn-black.common-btn-yelo{background-color:#000!important; color:#fff!important}
   .btn-black.common-btn-yelo:hover{color:#000!important; }
   body a.common-btn-yelo:hover{background-color:#fff!important}
  

   .btn-black.common-btn-yelo:after{color:#fff;}
   body a.common-btn-yelo:after {
    position: absolute;
    content: "\f178";
    font: normal normal normal 14px/1 FontAwesome;
    top: 0px;
    bottom: 0px;
    margin: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    right: 15px;
    font-size: 18px;
    transition:.5s
}

   body a.common-btn-yelo:before {
   position: absolute;
   content: "\f178";
   font: normal normal normal 14px/1 FontAwesome;
   top: 0px;
   bottom: 0px;
   margin: auto;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   left: -100%;
   font-size: 18px;
   transition:.5s
   }
   body a.common-btn-yelo:hover{ padding-right: 15px;
   padding-left: 50px;}
   body a.common-btn-yelo:hover:before{ left: 15px;}
   body a.common-btn-yelo:hover:after{ right: -100%;}
   body a.common-btn-yelo.register-btn {
   padding-top: 8px ;
   padding-bottom: 8px ;}
   .side-fixxer{width: 70px;
   height: 70px;
   position: absolute;
   background-color: transparent;
   left: 0px;
   border: 12px solid #fff;
   border-radius: 50%;}
   body .setting-dashboared {
   position: relative;
   height: auto;
   margin-top: 50px;
   float: left;
   }
   html body .setting-dashboared li {
   position: relative!important;
   width: 25%!important;
   padding: 15px;
   margin: 0px;
   float: left;
   }
   .setting-dashboared li img {
   position: static!important;
   margin-bottom: 10px;
   }
   .setting-dashboared li h4{}
   .setting-dashboared li p{} 
   @media(max-height:750px){
   .circle-section{transform:scale(.8)}
   }
   @media(max-width:1200px){
   .circle-section ul {
   display: none;}
   .circle-overlay {
   position: relative;
   width: 370px;
   height: 370px;}
   .setting-hover {
   top: 0px;
   }
   .setting-hover p {
   opacity: 1;
   visibility: visible;
   font-size: 16px;
   font-weight: bold;
   }
   .carousel-one ol{display:none}
   .carousel-one .caption {
   display: block;
   text-align: center;
   margin-top: 20px;
   width: 300px;
   margin: 20px auto;
   }
   .carousel-one .caption h4{    margin: 0px;
   color: #0C1612;
   font-size: 20px;
   font-weight: bold;
   line-height: 1.3;
   margin-bottom: 10px}
   .carousel-one .caption  p{
   margin: 0px;
   color: #0C1612;
   font-size: 16px;
   line-height: 1.5;
   font-weight: 400;
   }
   .carousel-one .carousel-inner img{
   width:200px;
   height:auto;
   }
   .arrow-narrow{display:block}
   .arrow-narrow a {
   background-image: none!important;
   color: #000;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   font-size: 35px;
   justify-content:center
   }
   .road-walking1, .road-walking2{display:none}
   .dark-section {
   margin-top: 20px;
   }
   .setting-services{margin-top:20px;}
   }
   @media(max-width:991px){
   .carousel-one{float: none;
   width: 100%;}
   body .setting-dashboared {
   display: block!important;
   position: relative;
   height: auto;
   margin-top: 50px;
   float: none;
   }
   html body .setting-dashboared li {
   position: static!important;
   width: calc(100% - 30px)!important;
   text-align: center;
   padding: 15px;
   margin: 15px;
   float: none;
   display: block;
   }
   .left-top-text h5 {
   font-size: 18px;}
   .left-top-text h1 {
   font-size: 26px;}
   body a.common-btn-yelo {
   padding-top: 10px;
   padding-bottom:10px;}
   .three-images img:nth-child(1) {
   width: 25%;
   }
   .three-images img:nth-child(2) {
   width: 100%;
   }
   .three-images img:nth-child(3) {
   width: 25%;
   }
   .main-banner-full {
   background-size: cover;
   background-position: center bottom;
   position: relative;
   overflow: hidden;
   padding-top: 130px;
   padding-bottom: 170px;
   text-align: center;
   }
   .lister-two-grid li {
   width: 100%;
   float: left;
   position: relative;
   padding: 15px;
   text-align: center;
   margin-top: 15px;
   }
   .lister-two-grid li span img {
   width: 40px;
   filter: brightness(0) invert(1);
   }
   .lister-two-grid li span::before {
   background-color: #F8BB00;
   }
   .lister-two-grid li span {
   width: 65px;
   height: 65px;
   position: relative;
   margin: auto;
   margin-bottom: 25px;
   background-color: #2d3734;
   }
   .commonsection {
   padding: 40px 0px;
   }
   .common-heading h4 {
   font-size: 24px;
   text-align: center;}
   .common-heading h4:after {
   right: 0px;
   margin: auto;}
   .common-heading h4:before {
   content: "";
   left: 0px;
   right: 0px;
   margin: auto;}
   .cta-middle {
   padding: 50px 15px;
   border-radius: 20px;
   text-align: center;
   width: calc(100% - 30px);
   margin: 0px 15px;
   }
   .cta-middle p::before {
   left: 0px;
   right: 0px;
   margin: auto;}
   .cta-middle .text-center{width: 100%;
   margin-top: 20px}
   .cta-middle a{    padding: 11px 25px;}
   .digitizer li {
   width: 50%;
   padding-left: 70px;
   margin-top: 50px;}
   .digitizer {
   padding: 0px 15px;}
   .digitizer li h5 {
   font-size: 30px;}
   .progress {
   width: 50px;
   height: 50px;
   margin-bottom:0px;}
   .common-heading p {
   font-size: 18px;
   text-align: center;}
   .grid-images ul {padding:0px; margin:0px;}
   .grid-images ul li {
   top: 0px!important;
   width: calc(50% - 15px);
   margin: 7.5px;
   }
   .grid-images ul li .on-hover{display:none}
   .grid-images ul li h5 {
   font-size: 14px;
   opacity:1!important
   }
   .taxi-nav li a {
   font-size: 14px;
   padding-bottom: 20px;
   }
   .taxi-nav li img {
   margin-bottom: 15px;
   height: 40px;
   }
   .cta-middle p {
   font-size: 20px;}
   }
   @media(max-width:600px){
   .circle-overlay:hover {
   width: 300px;
   height: 300px;
   }
   .digitizer li {
   width: 100%;}
   .circle-overlay {
   position: relative;
   width: 300px;
   height: 300px;
   }
   .setting-hover {
   transform: scale(.8);
   }
   .tabs {
   display: none;
   }
   .tab_drawer_heading {
   border: 1px solid #fff;
   font-size: 18px;
   background-color: #000;
   color: #fff;
   border-top: none;
   margin: 0;
   padding: 10px 15px;
   display: block;
   cursor: pointer;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   margin: 0px;
   position:relative
   }
   .d_active {
   background-color: #f9ba00;
   color: #000;
   }
   .tab_content {
   padding: 30px 0px;
   }
   .carousel-one .caption{margin-bottom:0px;}   
   .tab_drawer_heading:before {
   content: "\f107";
   font: normal normal normal 14px/1 FontAwesome;
   position: absolute;
   right: 15px;
   font-size: 22px;
   }
   .tab_drawer_heading.d_active:before{content:"\f106"}
   .three-images {
   position: relative;
   margin-bottom: 50px;
   margin-left: -15px;
   margin-right: -15px;
   }
   .three-images img:nth-child(3) {
   right: 7px;
   }
   .three-images img:nth-child(1) {
   left: 7px;
   }
   .main-banner-full::before {
   left: 0px;
   content: "";
   background-image: url(../png/taxiyellow.png);
   width: 100%;
   height: 82px;
   position: absolute;
   background-size: 600px;
   background-repeat: no-repeat;
   background-position: center bottom;
   bottom: 10px;
   z-index: 1;
   }
   .main-banner-full {
   padding: 180px 0px;}
   }
.faq-row {
    padding: 15px 0;
    border-bottom: 1px solid #000;
}
.faq-title{
    display: block;
    padding: 25px 80px 25px 0;
    position: relative;
    font-weight: 700;
    color: #161616;
    transition: .2s linear;
}
.faq-row h3 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.6px;
    color: #030218;
}
.faq-title:before {
    content: "";
    position: absolute;
    height: 35px;
    width: 35px;
    background: #000;
    border-radius: 50%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.faq-title:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    width: 11px;
    height: 11px;
    -webkit-transform: rotate(45deg);
    transform: translatey(-75%) rotate(45deg);
    -webkit-transition: .2s linear;
    transition: .2s linear;
}
.faq-answer {
    padding: 0 0 20px;
}
.faq-answer p {
    font-size: 20px;
    line-height: 1.7;
    color: #030218;
    text-align: justify;
}
.faq-row.is-active .faq-title:before {
    background-color: #c5de3b;
}
.faq-row.is-active .faq-title:after {
    -webkit-transform: translatey(-30%) rotate(-135deg);
    transform: translatey(-30%) rotate(-135deg);
    border-right: 3px solid rgb(0 0 0);
    border-bottom: 3px solid rgb(0 0 0);
}