/* Slider */

.slider-head{
    font-size: 50px;
    line-height: 65px;
    font-weight: 700;
}
.slider-para{
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  color: var(--white);
}
#slider{
    position: relative;
    top: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.carousel-caption{
  margin: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carousel-control-prev i,.carousel-control-next i{
    background: rgb(59 57 57 / 80%);
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
     font-size: 25px;
}
.carousel-control-next, .carousel-control-prev{
  opacity: 1;
}
.carousel-control-prev i:hover, .carousel-control-next i:hover{
  background-color: var(--yellow);
}
#slider .btn-wrap:hover .btn-arrow::after {
  background: var(--black);
}
.slider-banner-img{
    height: 960px;
  width: 100%;;
}
.slider-box  .theme-btn{
  color: #000;
}

/* counter */
#counter{
  position: relative;
  top: 6rem;
}
#services{
    padding-top: 10%;
}
.counter-row{
  background:var(--yellow);
  padding: 50px 20px;
  border-radius: 20px;
}
.counter-img img{
    width: 100%;
    padding: 30px;
}
.counter-left-wrap{
  display: flex;
  flex-direction: column;
  background: #000000;
  height: 100%;
  border-radius: 15px;
  align-items: center;
  justify-content: center;
  padding: 20px 20px 30px 20px;
}
#progress-bar {
  width: 200px;
  height: 130px;
  margin: 0 auto;
  position: relative;
}

#progress-bar svg {
  height: 115px;
  width: 200px;
  fill: none;
  stroke: #fafafa;
  stroke-width: 15;
  stroke-linecap: round;
}
/* #progress-bar::after{
  content: '';
  position: absolute;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: #FFBF28;
  bottom: 22px;
  right: -3px;
  border: 2px solid #FFFFFF;
} */
 .progressbar__label{
  bottom: unset !important;
  top: 30px !important;
  color: white !important;
  font: 700 34px / 49px var(--theme-font);
 }
.progressbar-text{
    display: none;
}
.counter-text{
    margin-top: -5px;
}
.counter-text h5,.counter-text h2{
    color: #fff;
}
.counter-no-wrap{
    position: relative;
    top: -20px;
}
#counter h5{
  font-weight: 500;
}
/* Feature */
#feature>.container{
  background: var(--yellow);
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  border-radius: 15px !important; 
}

#feature .owl-stage-outer{
  padding: 3% 0;
}
.feature-count{
  position: absolute;
  top: -20px;
  right: -70px;
  left: 0;
  margin: 0 auto;
  text-align: center;
  background: linear-gradient(180deg, #FFBF28 0%, #000000 100%);
  opacity: 15%;
  font-weight: 600;
  line-height: 60px;
  font-size: 70px;
  background-clip: text !important;
      z-index: -1;
}
.feature-inner-content-box:hover .feature-count{
  opacity: 1;
  right: -125px;
transition: all 1s ease-out;
}
.feature-inner-content-box{
  margin: 10px 35px;
}

.feature-inner-content:hover .feature-img img ,.counter-inner:hover .counter-img img{
  animation: flipInX 3s infinite;
}
@keyframes flipInX{
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
  }
  60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
  }
  80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
  }
}
/* testimonial */
#feature{
  position: relative;
  z-index: 1;
}
#testimonial{
  margin-top: -8%;
  position: relative;
  padding-top: 12%;
  padding-bottom: 5%;
}
/* Choose */

.choose-points-wrap{
display: grid;
grid-template-columns: 1fr 1fr;
}
.choose-img-main .choose-main-iner:nth-child(1) img{
  height: 58px;
  width: 58px;
}
.choose-track-wrap{
  clip-path: polygon(0% 3.614%, 0% 3.614%, 0.033% 3.028%, 0.127% 2.472%, 0.278% 1.953%, 0.48% 1.48%, 0.729% 1.059%, 1.019% 0.697%, 1.345% 0.403%, 1.703% 0.184%, 2.086% 0.047%, 2.49% 0%, 97.51% 0%, 97.51% 0%, 97.914% 0.047%, 98.297% 0.184%, 98.655% 0.403%, 98.981% 0.697%, 99.271% 1.059%, 99.52% 1.48%, 99.722% 1.953%, 99.873% 2.472%, 99.967% 3.028%, 100% 3.614%, 100% 60.422%, 100% 60.422%, 99.967% 61.013%, 99.873% 61.574%, 99.722% 62.097%, 99.519% 62.575%, 99.27% 63%, 98.979% 63.364%, 98.652% 63.661%, 98.292% 63.882%, 97.907% 64.02%, 97.5% 64.069%, 97.5% 64.069%, 94.027% 64.101%, 89.411% 64.22%, 83.925% 64.47%, 77.844% 64.895%, 71.443% 65.541%, 64.995% 66.454%, 58.775% 67.676%, 53.059% 69.255%, 48.119% 71.234%, 44.232% 73.659%, 44.232% 73.659%, 41.873% 75.756%, 39.662% 78.057%, 37.599% 80.513%, 35.684% 83.078%, 33.92% 85.702%, 32.306% 88.338%, 30.845% 90.938%, 29.538% 93.454%, 28.385% 95.838%, 27.388% 98.042%, 27.388% 98.042%, 26.997% 98.741%, 26.523% 99.278%, 25.987% 99.655%, 25.412% 99.87%, 24.82% 99.925%, 24.233% 99.819%, 23.674% 99.553%, 23.165% 99.128%, 22.728% 98.543%, 22.385% 97.799%, 22.385% 97.799%, 21.649% 95.719%, 20.841% 93.503%, 19.975% 91.199%, 19.059% 88.852%, 18.106% 86.509%, 17.126% 84.218%, 16.128% 82.025%, 15.125% 79.976%, 14.127% 78.118%, 13.145% 76.498%, 13.145% 76.498%, 11.969% 74.815%, 10.733% 73.247%, 9.459% 71.795%, 8.173% 70.462%, 6.9% 69.249%, 5.663% 68.159%, 4.486% 67.193%, 3.395% 66.354%, 2.414% 65.643%, 1.567% 65.063%, 1.567% 65.063%, 1.296% 64.855%, 1.045% 64.607%, 0.816% 64.323%, 0.611% 64.006%, 0.432% 63.659%, 0.282% 63.286%, 0.162% 62.89%, 0.073% 62.475%, 0.019% 62.045%, 0% 61.601%, 0% 3.614%);
  background: #000;
  width: 100%;
  height: 155px;
  position: relative;
  display: flex;
  gap: 11px;
}
.choose-track-wrap::after{
  content: '';
  position: absolute;
  background: #FFBF28;
  clip-path: polygon( 43.58% 92.35%,43.58% 92.35%,44.596% 93.967%,45.791% 95.225%,47.119% 96.124%,48.537% 96.663%,50% 96.843%,51.463% 96.663%,52.881% 96.124%,54.209% 95.225%,55.404% 93.967%,56.42% 92.35%,95.423% 15.507%,95.423% 15.507%,96.229% 13.458%,96.639% 11.342%,96.682% 9.226%,96.385% 7.177%,95.776% 5.261%,94.881% 3.544%,93.729% 2.093%,92.347% 0.975%,90.762% 0.255%,89.002% 0%,10.998% 0%,10.998% 0%,9.238% 0.255%,7.653% 0.975%,6.271% 2.093%,5.119% 3.544%,4.224% 5.261%,3.615% 7.177%,3.318% 9.226%,3.361% 11.342%,3.771% 13.458%,4.577% 15.507%,43.58% 92.35% );
  height: 20px;
  width: 20px;
  bottom: 5px;
    left: 58px;
}
.choose-img-main{
  display: grid;
  position: relative;
  grid-template-columns: repeat(13, 1fr);
  grid-template-rows: repeat(10, 20px);
  grid-gap: 15px;
  z-index: 1;
  width: 95%;
}

.choose-img-main .choose-main-iner:nth-child(1){
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 6;
  position: relative;
}
.choose-img-main .choose-main-iner:nth-child(2){
  grid-column-start: 7;
  grid-column-end: 14;
  grid-row-start: 1;
  grid-row-end: 7;
  justify-content: center;
    position: relative;
}

.choose-img-main .choose-main-iner:nth-child(1) img{
  height: 57px;
  width: 57px;
}
.choose-img-main .choose-main-iner:nth-child(3){
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 7;
  grid-row-end: 13;
  position: relative;
}
.choose-img-main .choose-main-iner:nth-child(4){
  grid-column-start: 7;
  grid-column-end: 13;
  grid-row-start: 7;
  grid-row-end: 13;
  position: relative;
}
.choose-img-main .choose-main-iner:nth-child(3)::after,.choose-img-main .choose-main-iner:nth-child(2)::after,.choose-img-main .choose-main-iner:nth-child(4)::after{
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 0px;
  border-radius: 15px;
  opacity: 0.5;
  background-color: var(--black);
  transition: height 0.5s ease-in-out;
}
.choose-img-main .choose-main-iner:nth-child(3):hover::after,.choose-img-main .choose-main-iner:nth-child(2):hover::after,.choose-img-main .choose-main-iner:nth-child(4):hover::after{
  height: 100%;
}

.choose-img-main img{
  height: 100%;
  width: 100%;
  object-fit: cover;
    border-radius: 15px;
}

.choose-track-wrap-iner{
      padding: 20px;
    display: flex;
    gap: 11px;
    justify-content: center;
}
.choose-track-wrap-iner h5{
  color: var(--white);
}
.choose-points-main svg{
    background: #FFBF28;
    border-radius: 50%;
    height: 32px;
    width: 32px;
    padding: 7px;
    animation: blinkRing 2.2s ease-in-out infinite;
}
  @keyframes blinkRing {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.1;
    }
  }
/* book features */
#book-features{
  background: #F2F2F2;
      overflow: visible;
}
#taxi-feature{
  padding: 5% 0;
  position: relative;
}
.taxi-feature-wrap {
  padding: 15px 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: var(--white);
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.taxi-feature-wrap::after{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: var(--yellow);
  opacity: 0;
  border-radius: 12px;
  transform: translateX(-50%) scale(0);
  transition: all 0.5s ease 0s;
  border-radius: 6px;
  z-index: -1;
}
.taxi-feature-wrap:hover::after{
  opacity: 1;
    transform: translateX(-50%) scale(3);
}

/* blog */
#blog-news .owl-carousel {
  margin-bottom: 10%;
}

#blog-news .theme-btn,#about-us .theme-btn{
  color: var(--black);
}
#blog-news .theme-btn:hover,#about-us .theme-btn:hover{
  color: var(--white);
}
/* Team */
.custom-owl-nav {
  margin-top: 20%;
}
#team{
      background: #F2F2F2;
}
.team-img img{
  height: 278px;
  object-fit: cover;
  border-radius: 15px 15px 0 0;
}
.team-bottom-content {
  background: #FFFFFF;
  height: 100%;
  width: 100%;
  padding: 10px;
  border-radius: 0 0 15px 15px;
  position: relative;
  z-index: 0;
}
.team-bottom-content::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
  border-radius: 0 0 15px 15px;
  transition: height 0.3s ease-in-out;
  background-color: var(--yellow);
  z-index: -1;
}
.team-inner-wrap:hover .team-bottom-content::after{
  height: 100%;
}

.team-social-icon-box-main{
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: -45px;
  transition: all 500ms ease 0s;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  vertical-align: top;
}
.team-social-icon-box i{
  background: #FFFFFF;
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--black);
  font-size: 16px;
}
.team-social-icon-box i:hover{
  background: var(--yellow);
}
.team-social-icon-box  {
    position: relative;
    text-align: center;
    right: 0;
    left: 0;
    z-index: 1;
    transition: all .4s linear;
    justify-content: center;
    align-items: center;

}
.team-inner-content:hover .team-social-icon-box-main{
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  bottom: 8px;
}
.team-inner-content:hover .team-social-icon-box i{
  transition: all .8s linear;
  /* transform: rotate(360deg); */

}
.team-inner-wrap{
  transition: 0.5s ease all;
}

#blog-news{
  padding-bottom: 10%;
}
.team-title a{
  color: var(--black);
}