body {
      font-family: 'Montserrat', sans-serif;
    }




    .hero-section {
      /* background: url(img/driver-mirror-final-wide-tag2.jpg) no-repeat center center/cover; */
      color: white;
      position: relative;
      /* padding: 100px 0; */
    }

    .hero-overlay {
      /* background: rgba(0, 0, 0, 0.6); */
      padding: 40px 2px;
      border-radius: 10px;
    }

    .ride-option {
      background: #fff;
      padding: 20px 12px;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      margin-bottom: 15px;
      color: #000;
      font-size: 0.95rem;
      justify-content: space-around;
    }

    .ride-option i {
      font-size: 24px;
      margin-right: 10px;
      color: #f4b400;

    }

    .btn-primary-custom {
      background: #0056d2;
      border: none;
      border-radius: 25px;
      padding: 10px 20px;
    }

    .info-section {

      text-align: center;

    }

    .info-section .container {
      background-color: #f5f8fc;
      padding: 60px 0;
    }

    .info-box {
      padding: 30px;
    }


    .signup-section .container {
      /* background: #f9f9f9; */
      padding: 60px 0;
    }

    .signup-section ul li {
      font-size: 17px;
      font-weight: bold;
      color: #00225b;
      margin-bottom: 10px;
      padding-left: 35px;
      position: relative;
    }

    .signup-section ul .check {
      width: 17px;
      height: 8px;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      position: absolute;
      left: 0;
      top: 8px;
      border-bottom: 4px solid #0060ff;
      border-left: 4px solid #0060ff;
    }

    .download-section {
      padding: 60px 0;
    }

    footer {
      background: #0056d2;
      color: white;
      padding: 40px 0;
    }

    footer a {
      color: white;
      text-decoration: none;
    }
   
    .hero-bg {
      background-image: url(img/driver-mirror-final-wide-tag2.jpg);
      background-color: #001d37;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .one-half:before {
      content: url(img/booking-arrow.svg);
      width: 30px;
      position: absolute;
      margin-top: 94px;
      margin-left: -50px;
    }

    .ride-content {
      width: 60%;
    }
  
    .hero-btn {

      text-decoration: none;
      border: 1px solid;
      padding: 10px 30px;
      border-radius: 50px;
    }

    .edit-btn {
      text-decoration: none;
      border: 1px solid #0053d7;
      padding: 17px 30px;
      border-radius: 50px;
      background: rgba(0, 96, 255, 0.8);
      color: white;


    }

    .pain-btn {
      font-size: 15px;
      margin-top: 3px;
      color: #0060ff;
      font-weight: 500;
      text-decoration: none;
    }

    .eachservice h3 {
      margin: 5px 0 5px 0;
      color: #4285f4;
      font-size: 24px;
    }

    .eachservice p {
      font-size: 15px;
      color: #8898aa;
      padding-right: 50px;
    }
     .signup-section h3 {
      font-size: 30px;
      font-weight: bold;
      text-transform: none;
      border-bottom: none;
      padding: 0;
      margin: 0 0 22px 0;
      color: #00225b;
    }

    .signup-section p {
      color: #00225b;
    }

    .sign-btn {

      padding: 17px 0px;
      text-align: center;
      background-image: linear-gradient(#4285f4, #001d37);
      color: #fff;
      font-size: 20px;
      font-weight: bold;
      margin-top: 50px;
      width: 220px;
      display: inline-block;
      border-radius: 35px;
      box-shadow: 0 12px 34px 0 rgba(9, 89, 219, 0.28);

    }
     .slide-section h2 {
      font-size: 50px;
      color: #00225b;
      font-weight: bold;
      margin-top: 36px;
      padding-bottom: 40px;
    }

    .review {
      box-shadow: -7px -5px 0px 11px #7d7a7a26;
    }

    .review img {
      border-radius: 40px;
      height: auto;
      /* width: 100%; */
      position: relative;
      top: 26px;
    }

    .review h4 {
      padding-top: 42px;
    }

    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    /* .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    } */

    /* Pagination bullets ko line ki tarah bana do */
    .swiper-pagination-bullet {
      width: 30px;
      /* line ki lambai */
      height: 4px;
      /* line ki motai */
      border-radius: 0;
      /* gol na ho */
      background: #000;
      /* line ka color */
      opacity: 0.5;
      /* inactive lines halka */
      margin: 0 5px !important;
      /* gap between lines */
    }

    /* Active wali line ko highlight karo */
    .swiper-pagination-bullet-active {
      opacity: 1;
      background: #ffcc00;
      /* active line ka color (change as you like) */
    }

    /* Pagination ko neeche center me rakho */
    .swiper-pagination {
      bottom: 15px !important;
      /* neeche se distance */
      text-align: center;
    }

    .swiper {
      padding-bottom: 40px;
      /* neeche space dedo */
    }

    .swiper-pagination {
      position: absolute;
      bottom: 0px !important;
      /* slide ke neeche fix karo */
      text-align: center;
      width: 100%;
    }

  @media screen and (min-width:767.98px){
      .slide-section {
      padding: 37px 0px 26px 88px;
    }
    .faster-box {
      /* position: relative; */
      top: -70px;
    }
  }

    /* Odd slides (1,3,5...) thoda upar */
    .swiper-slide:nth-child(odd) {
      margin-top: -20px;
      /* jitna upar karna ho value change karo */
    }

    /* Even slides (2,4,6...) thoda neeche */
    .swiper-slide:nth-child(even) {
      margin-top: 20px;
      /* jitna neeche karna ho value change karo */
    }

    .download-section h2 {
      font-size: 50px;
      color: #00225b;
      font-weight: bold;
      margin-top: 36px;
    }

    footer .social-icon {
      display: flex;
      justify-content: end;
      font-size: 29px;
      gap: 5rem;

    }

    footer h5 {
      color: #fff;
      font-weight: 500;
      font-size: 26px;
      font-size: 2.6rem;
    }

    navigation-footer ul li a {
      font-weight: 300;
      font-size: 15px;
      font-size: 0.85rem;
      letter-spacing: normal;
      cursor: pointer;
    }

    footer h6 {
      font-size: 1.2rem !important;
    }

    footer span.yellowbld {
      display: inline;
      color: #ffcd1a;
      font-weight: 700;
      font-style: italic !important;
    }

    .faster-box {
      position: relative;
      /* top: -70px; */
    }

   
    .copy-right {
      border-top: 1px solid #ffffff6b;
      padding: 18px;
    }