.header-megamenu h6{
  padding-left:20px !important;
}
.mega-link{
  justify-content: flex-start !important;
  padding-left:20px !important;
  padding-top: 5px !important;
  font-weight: 200 !important;
  padding-bottom: 5px !important;
  color:grey !important;
  text-transform: capitalize !important;
  border-bottom: 1px solid #ccccdd8f;
}

.mega-link:hover{
  color:blue;
}
.sm-menu {
  padding:10px;
}
.navbar a {
  text-transform: uppercase;
  letter-spacing: 5;
}

.megamenu{
  position: absolute !important;
  width: 900px;
  right: -500px;
}


.bi-x{
  width:30px;
  height:30px;
  /* background-color: blue; */
  color: grey;

}
.bi-x:before{
  content: 'x';
}


/* End Menu Css */



.card{
  margin-top:20px;
  margin-bottom: 20px;
}

.img-

.chauffeur-text{
    line-height: 2;
    font-size: 18px;
}


.img-fluid-chauffeur{
    border-radius:24px;
    max-height:500px;
    object-fit:cover;
    width:100%;
}




.chauffeur-card{
    height: 400px;
    border-radius: 20px;
}




.card-heading{
    padding-left: 20px;
    padding-top: 27px;
    font-size: 40px;
    font-weight: bold;
}


.fleet-list {
  list-style: none;
}

.fleet-list > li:before {
  content: '✓ ';
}


.table {
  --bs-table-bg: none;
  --bs-table-border-color: #000;
}
.table thead{
  background-color: #012970;
  
  text-align: center;
}
.table thead tr th {
  color: white;
}

@media only screen and  (max-width: 488px)  {

  .page-hero{
      height:100%;
      /* background-color: pink; */
    }
    /* .hero-container{
      background-color: red;
    } */
    .hero-heading{
      font-size: 1.8em !important;
      
    }
    .hero-heading1{
      font-size: 1.8em !important;
      top: 0%;
    }
    .hero-text{
      font-size:.9em !important;
    }
    .megamenu{
      position: absolute !important;
      width: 400px;
      left:0;
    }
    .header-megamenu h6{
      font-size:13px;

    }
    .header-megamenu a{
      font-size: 12px;
    }
    .mega-link{
      font-size:12px;
    }
    .megamenu{
      width: 100%;
     }

    .img-cta{
        width:100%;
    }
}


@media screen and  (max-width: 438px)  {
    .table-container {
      overflow-x: auto; /* Enable horizontal scrolling */
      width: 100%;
    }


    .rent-table {
      /* font-size: 10px !important;  */
      width: auto; /* Allow table to shrink */
      /* background-color: blueviolet; */
    }
  
    .rent-table th, .rent-table td {
      font-size: 12px;
      /* color: brown; */
      padding: 4.5px; /* Reduce padding */
      /* min-width: 50px; Ensure columns don't collapse too much */
      /* white-space: nowrap; Prevent text wrapping */
    }
    .megamenu{
      position: absolute !important;
      width: 100%;
      left:0;
    }
    .header-megamenu h6{
      font-size:13px;

    }
    .header-megamenu a{
      font-size: 12px;
    }
    .mega-link{
      font-size:12px;
    }
    .img-cta{
        width:100%;
    }
    
    #tours-menu,#vehicle-menu, #services-menu{
      /* background: pink; */
      width: 89%;
      left:20px;
    }
  }

  /* Mobile view */
  @media screen and (max-width: 768px)  {
 .page-hero{
  height:100%;
 }
  .hero-heading{
  font-size:2em;
  
 }
 .hero-heading1{
  font-size:2em;
  top: 0%;
 }
 .hero-text{
  font-size:.7em;
 }
 .chauffeur-card{
  width:100%;
  height: auto !important;
 }
 .img-cta{
        width:100%;
    }
 
  .megamenu{
      position: absolute !important;
      width: 760px;
      left:0;
    }
}

 @media screen and (max-width: 1024px)  {
      .megamenu{
      position: absolute !important;
      width: 89%;
      left:20px;
      right:0px;
    
}

  /* Tablet view */
  @media screen and (max-width: 899px) {
 .page-hero{
  height:100%;
 }
 .hero-heading{
  font-size:2.5em;
  top: -8%;
 }
 .hero-heading1{
  font-size:2.5em;
  top: 0%;
 }
 .hero-text{
  font-size:1em;
 }
 .chauffuer-div{
  width:50%;
 }
  .chauffeur-card{
  width:100%;
  height: auto !important;
 }
 .img-cta{
        width:100%;
    }
}

 /* Tablet view */
  @media screen and (max-width: 488) {
 .page-hero{
  height:100%;
 }
 .hero-heading{
  font-size:2.5rem;
  
 }
 .hero-heading1{
  font-size:2.5rem;
  top: 0%;
 }
 .hero-text{
  font-size:1rem;
 }
 .chauffuer-div{
  width:50%;
 }
  .chauffeur-card{
  width:100%;
  height: auto !important;
 }
 
 .img-cta{
        width:100%;
    }
 .megamenu{
      position: absolute !important;
      width: 100%;
      left:0;
    }
    .header-megamenu h6{
      font-size:13px;

    }
    .header-megamenu a{
      font-size: 12px;
    }
    .mega-link{
      font-size:12px;
    }
}



 @media screen and (max-width: 320px) {
    #tours-menu,#vehicle-menu, #services-menu{
      /* background: pink; */
      width:89%;
      left:20px;
    }
 
 
 
.pt_title{
  text-wrap: nowrap;
    font-size: .9rem;
    font-weight: 500;
}



#book-btn{
        background: transparent;
        color: #4154f1;
        border: 2px solid #4154f1;
}