:root {
  --themedeepyellow: #c6aa64;
  --themelightyellow: #dac77c;
  --background: #f9fdff;
  --themegray: rgba(0, 0, 0, 0.03);
  --themeblack: #32373b;
}

.herosection {
  min-height: 476px;
}
.herosection .carousel-inner {
  min-height: 476px;
}
.herosection .carousel-inner .carousel-item {
  min-height: 476px;
  background: linear-gradient(
      90deg,
      rgba(50, 55, 59, 0.82) 9.51%,
      rgba(50, 55, 59, 0.42) 82.19%
    ),
    url("../img/singlefleetbg.webp") no-repeat;
}
.booking-process .container{
  align-items: center;
}
.booking-process .container .booking-left .mySwiper2 {
  height: 385px;
  border-radius: 10px;
  overflow: hidden;
}
.booking-process .container .booking-left .mySwiper2 .swiper-button-next,
.booking-process .container .booking-left .mySwiper2 .swiper-button-prev {
  display: none;
}
.booking-process .container .booking-left .mySwiper {
  height: 60px;
  bottom: 15px;
  right: 55px;
}
.booking-process .container .booking-left .mySwiper .swiper-wrapper {
  min-width: 250px;
}
.booking-process
  .container
  .booking-left
  .mySwiper
  .swiper-wrapper
  .swiper-slide {
  width: 60px !important;
  height: 60px;
  border: 2px solid white;
}
.booking-process
  .container
  .booking-left
  .mySwiper
  .swiper-wrapper
  .swiper-slide
  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.booking-process .container .booking-right {
  color: var(--themeblack);
}
.booking-process .container .booking-right h5 {
  font-size: 14px;
  color: var(--themedeepyellow);
  font-weight: 500;
}
.booking-process .container .booking-right h6 {
  font-size: 28px;
  font-weight: 500;
}
.booking-process .container .booking-right p {
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
}
.booking-process .container .booking-right ul {
 display: grid;
 grid-template-columns: repeat(2,1fr);
 grid-auto-rows: 1fr;
}
.booking-process .container .booking-right ul li {
  margin-bottom: 10px;
  font-weight: 400;
}
.booking-process .container .booking-right ul li span {
  margin: 0px 7px;
}
.booking-process .container .booking-right ul li svg {
  width: 20px;
  height: 30px;
}
.booking-process .container .booking-right .process-btn {
  display: inline-flex;
  padding: 10px 27px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 32px;
  background: linear-gradient(273deg, #c6aa64 4.15%, #dac77c 94.68%);
  border: none;
  outline: none;
  color: #fff;
  font-size: 14px;
}

@media (max-width: 576px) {
  .herosection {
    min-height: 306px;
  }
  .herosection .carousel-inner {
    min-height: 306px;
  }
  .herosection .carousel-inner .carousel-item {
    min-height: 306px;
    background: linear-gradient(
        90deg,
        rgba(50, 55, 59, 0.82) 9.51%,
        rgba(50, 55, 59, 0.42) 82.19%
      ),
      url("../img/singlefleetbgmobile.webp") no-repeat;
    background-size: cover;
  }
  .booking-process .container .booking-left .mySwiper2 {
    height: 201px;
  }
  .booking-process .container .booking-left .mySwiper {
    height: 26px;
    right: 10px !important;
  }
  .booking-process .container .booking-left .mySwiper .swiper-wrapper {
    min-width: 120px;
  }
  .booking-process
    .container
    .booking-left
    .mySwiper
    .swiper-wrapper
    .swiper-slide {
    width: 26px !important;
    height: 26px;
  }
  .booking-process
    .container
    .booking-left
    .mySwiper
    .swiper-wrapper
    .swiper-slide
    img {
    margin-bottom: 3px;
  }
  .booking-process .container .booking-right ul {
    grid-template-columns: repeat(1,1fr);}
} /*# sourceMappingURL=fleetsingle.css.map */