*{
  margin: 0;
  padding: 0;
}
body{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}



/* Initially make the navbar background transparent */
header {
  position: fixed;
 
  left: 0;
  right: 0;
  width: 100%;
  z-index: 111;
  top: 20px; /* Initially set to 20px */
  background-color: transparent; /* Initial transparent background */
  transition: background-color 0.3s ease-in-out; /* Smooth transition */
}

/* Navbar styling */
nav {
  background-color: #fff; /* Transparent initially */
  border: 1px solid #ef7102;
  padding-left: 20px!important;
  padding-right: 20px!important;
  border-radius: 20px;
  box-shadow: none; /* No shadow initially */
  transition: border 0.3s ease-in-out; /* Smooth transition for border */

}



/* Class added when the page is scrolled to change the background */
.sticky-nav {
  background-color: #fff; /* Background turns to white on scroll */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow for better visibility */
  border: none; /* Set border to 0px after scrolling */
}

.sticky-nav .navbar{
  padding: 0px!important;
  border: none !important;
}

.nav-link{
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
 
}

.header-call h6{
  padding: 5px 10px;
  background-color: #ef7102;
  border-radius: 20px;
  margin-bottom: 0px;

}

.header-call h6 a{
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}

#navbarNavDropdown{
  margin-left: auto;
  gap: 10px;
  align-items: center;
}

.navbar-nav {
  gap: 5px;
}

.navbar{
  padding: 0px;
  
}

.carousel-control-prev-icon {
  background-image: url(../img/left-arrow.png);
  
}
.carousel-control-prev{
  opacity: 1;
}

.carousel-control-next-icon {
  background-image: url(../img/right-arrow.png);
}

.carousel-control-next{
  opacity: 1;
}

.why-head h3{
  font-weight: 700;
  font-size: 25px;
}

.why-head p{
  font-size: 15px;
  font-weight: 500;
 
  color: #353535;
}

.why-box{
  display: flex;
  gap: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  padding: 10px;


}

.why-content p{
  font-size: 14px;
}


.why-book{
  background-color: #f6f6f6;
  
}

.same-day-forh1 h1{
    text-align: center;
    margin-bottom:20px ;
}

.same-day-forh1 h1 span{
  background-color: #E35C49;
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
  border-radius: 30px;
  
  font-weight: 500;
  padding: 8px 20px;
}

.same-day-forh1 h4{
    text-align: center;
    margin-bottom:20px ;
}

.same-day-forh1 h4 span{
  background-color: #E35C49;
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
  border-radius: 30px;
  
  font-weight: 500;
  padding: 8px 20px;
}

.same-day-head h4 span{
  background-color: #E35C49;
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
  border-radius: 30px;
  
  font-weight: 500;
  padding: 8px 20px;
}

.same-day-head h4 {
  text-align: center;
}

.same-day-head p{
  margin-top: 30px;
  text-align: center;
  font-weight: 500;
  color: #6f6f6f;
}

.same-day-box{
  border: 1px solid #E35C49;
  background-color: #f6f6f6;
  padding: 10px;

}

.same-img{
  border: 1px solid #E35C49;
}

.same-day-content h6{
  font-size: 14px;
  text-transform: uppercase;
}

.same-day-list{
  list-style-type: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.same-day-list li{
  font-size: 14px;
  padding-bottom: 5px;
  align-items: center;
}

.same-day-list li::before{
  content: url(../img/square.png);
  margin-right: 5px;
  width: 12px;
}

.btn-call{
  color: #fff;
  background-color: #fe6701;
  border-radius: 20px;
  padding: 5px 10px;
  width: 100%;
  font-weight: 500;
}

.btn-call:hover{
  background-color: #fed001;
}

.btn-details:hover{
  background-color: #fed001;
}

.btn-details{
  color: #fff;
  background-color: #0f0f0f;
  border-radius: 20px;
  padding: 5px 10px;
  width: 100%;
  font-weight: 500;
}

.call-view-btn{
  display: flex;
  width: 100%;
  gap: 10px;
}

.sam-list-flex{
  display: flex;
  gap: 20px;
  
}

.middle-banner{
  position: relative;
}

.call-view-car-btn{
  display: flex;
  width: 300px;
  position: absolute;
  bottom: 20px;
  right: 16%;
  gap: 10px;
}

.small-car-sec{
  background-color: #f6f6f6;
}

.small-car-head h3{
  text-align: center;
  font-weight: 700;
  font-size: 32px;
}

.small-car-head p{
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #565656;
}

.small-box-content h6{
  text-align: center;
}

.small-box-content h5{
  font-size: 18px;
  font-weight: 700;
  color: #fe6701;
  text-align: center;
}

.book-btn{
  width: 100%;
  background-color: #fe6701;
  color: #fff;
  border-radius: 20px;
  padding: 5px 10px;
  font-weight: 500;
}

.small-car-box{
  padding: 10px;
  border: 1px solid #E35C49;
  border-radius: 10px;
  background-color: #fff;
}
.small-box-img{
  border-radius: 10px;
  overflow: hidden;
}

.about-head h6{
 color: #E35C49;
 display: flex;
 gap: 10px;
}

.about-head h2{
  font-weight: 700;
  font-size: 40px;
}

.about-para p{
  text-align: justify;
}
.call-about a{
 color: #000;
 display: flex;
 text-decoration: none;
 gap: 10px;
 align-items: center;
}

.read-call-text h5{
  margin-bottom: 0px;
}

.read-call-text p{
  margin-bottom: 0px;
}

.call-about{
  padding: 15px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  border-radius: 20px;
}

.btn-read{
  background-color: #E35C49;
  color: #fff;
  padding: 10px 30px;
  border-radius: 30px;
  font-weight: 500;
}

.about-contant-box{
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.about-img img{
  border-radius: 10px;
}

.features{
  background-color: #f6f6f6;
}

.features-img img{
  display: block;
  margin: auto;
}
.features-content h5{
  font-size: 18px;
  font-weight: 700;
}
.features-content p{
  font-size: 14px;
}

.client-feedback{
  background-color: #f8fff0;
}

.client-head h2{
  font-weight: 700;
  font-size: 40px;
}

.client-head p{
  text-align: center;
  font-size: 18px;
  color: #6f6f6f;
  font-weight: 500;
}

.feedback-img span img{
  width: 50px!important;
}

.feedback-box{
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
}

.feedback-img {
  display: flex;
  gap: 10px;
  align-items: center;
}

.feedback-user h5{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0px;
}

.feedback-user p{
 font-size: 14px;
}

.feedback-start span i{
  color: #fed001;
}

.feedback-top{
  display: flex;
  justify-content: space-between;
}

footer{
  background-color: #000000;
}

.copyright-content p{
  color: #d9d9d9;
  margin-bottom: 0px;
}

.footer-contact{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 1px dotted #d9d9d9;
  padding-top: 20px;
  gap: 10px;
}

.copyright-content p a{
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

.social-icons a{
  color: #d9d9d9;
  text-decoration: none;
  font-size: 20px;
}

.social-icons{
  display: flex;
  gap: 15px;
}

.why-box:hover{
  background-color: #fff;
  
}

.why-box{
  transition: all ease 0.3s;
}

.same-day-box:hover .same-img img:hover{
 transform: scale(1.1);
} 

.same-img{
  overflow: hidden;
}

.same-img img{
  transition: all ease 0.3s;
}

.same-day-box{
  transition: all ease 0.3s;
}

.same-day-box:hover{
  box-shadow: rgba(173, 34, 3, 0.2) 0px 2px 8px 0px;

}

.small-car-box:hover img{
 transform: scale(1.1);
}

.small-box-img{
  overflow: hidden;
}

.small-box-img img{
  transition: all ease 0.5s;
}

.book-btn:hover{
 background-color: #fed001;
}

.btn-read:hover{
  background-color: #fed001;
}

.inner-banner-content ul{
  list-style: none;
  padding-left: 0px;
}

.banner-inner{
  position: relative;
}

.inner-banner-content{
  position: absolute;
  bottom: 40px;
  left: 0px;
  right: 0px;
  text-align: center;
}

.inner-banner-content h1{
  font-size: 40px;
  font-weight: 700;
  color: #fff;
}

.inner-banner-content h3{
  font-size: 40px;
  font-weight: 700;
  color: #fff;
}

.inner-banner-content ul li{
  color: #fff;
  font-size: 20px;
}

.inner-banner-content ul li a{
  text-decoration: none;
  text-decoration: none;
  color: #fff;
}

.inner-banner-content ul li .active{
  color: #ef7102!important;
}


.Contact-us{
  background-color: #f6f6f6;
}

.Contact-us-head h3{
  font-size: 30px;
  font-weight: 700;
}

#Contact-box{
  background-color: #fff;
  
}

#Contact-box a{
  color: #000;
  text-decoration: none;
}

.form-control{
  border: 1px solid #ffafa4;
  border-radius: 0px 10px 0px 10px;

}

.form-label{
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.btn-contact{
  background-color: #fe6701;
  width: 200px;
  color: #fff;
  border-radius: 30px;
  font-weight: 600;
}

.btn-contact:hover{
  background-color: #fed001;
}

.same-day-inner-content{
  background-color: #ef7102;
  padding: 15px;
}

.bus-booking-box{
  background-color: #feeadb;
}

.bus-img img{
  margin: auto;
  display: block;
}

.booking-box{
  background-color: #fff;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #ef7102;
}

.bus-img{
  padding: 10px;
  border: 1px solid #ef7102;
}

.booking-text h5{
  font-size: 16px;
  font-weight: 700;
}

.d-time p{
  margin-bottom: 0px;
  font-size: 14px;
}

.d-time h6{
  margin-bottom: 0px;
  font-size: 16px;

}

.d-time{
  padding: 5px 10px;
  background-color: #f2ffe3;
  border-radius: 5px;
}

.r-time p{
  margin-bottom: 0px;
  font-size: 14px;
}

.r-time h6{
  margin-bottom: 0px;
  font-size: 16px;

}

.r-time{
  padding: 5px 10px;
  background-color: #f2ffe3;
  border-radius: 5px;
}

.dr-time{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
}

.price-book{
 
 justify-content: space-between;
 align-items: center;
}
.price-bus h5{
  color: #ef7102;
  font-weight: 700;
  font-size: 18px;
}

.price-bus h5 span{
  font-size: 15px;
  color: #353535;
}
.book-bus-btn .btn-book{
  background-color: #fed001;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 20px;
  margin-top: 10px;
}

.destination-head h3{
 font-weight: 700;
 font-size: 35px;
 margin-top: 10px;
}

.destination-head span{
  background-color: #feeadb;
  padding: 5px 20px;
  font-weight: 500;
  border-radius: 20px;
  display: flex;

}

.cover-sub-head {
  display: flex;
  justify-content: center;
}

.dest-box{
  border: 1px solid #ef7102;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;

}

.agra-destination{
  background-color: #f6f6f6;
}

.dest-head p{
 font-size: 14px;
}

.dest-img{
  border: 1px solid #ef7102;
  border-radius: 10px;
  overflow: hidden;
}

.dest-img img{
  transition: all ease 0.3s;
}

.dest-box:hover img{
transform: scale(1.1);
}



/* .dest-table{
 
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;

} */

.dest-table{
  background-image: url('../img/bg-table.jpg'); /* Replace with your own image URL */
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}

   /* Style the table container */
   .table-container {
    background-color: rgba(0, 0, 0, 0.7); /* Transparent black background */
   
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    width: 100%;
    color: #fff;
     
 
}

.table-container  /* Style the heading */
h2 {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #fff;
}

/* Style the table */
.table-container table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-size: 18px;
  
}

.table-container table th, table td {
    padding: 15px;
    text-align: center;
    border: 1px solid #fff;
}

.table-container table th {
    background-color: #ff6f61;
    font-size: 20px;
}

.table-container table tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.1);
}

.table-container table tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.2);
}

.why-choose-us{
  background-image: url(../img/why-bg.jpg);
  background-position: center;
  background-size: cover;
}

.why-text h2{
 font-size: 45px;
 font-weight: 800;
 color: #fff;
}

.why-text h2 span{
  padding-bottom: 10px;
  border-bottom: 3px solid #fff;
}

.why-text p{
  font-size: 18px;
  color: #fff;
}

.text-q h6{
  font-size: 20px;
  color: #fff;
}

.text-q h6 span{
  color: #ef7102;
}

.why-box-icon span{
 display: flex;
 width: 70px;
 height: 70px;
 align-items: center;
 justify-content: center;
 background-color: #ef7102;
 border-radius: 50%;
}

.why-box-icon{
  justify-content: center;
  display: flex;
}

.why-box-in{
  background-color: #fff;
  padding: 10px 10px;
  text-align: center;
  border-radius: 8px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.why-cont h5{
  font-size: 30px;
  font-weight: 700;
}

.why-cont h6{
  color: #565656;
}



.ticket-container {
  width: 900px;
  margin: 20px auto;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.ticket-header {
  text-align: center;
  margin-bottom: 20px;
}
.ticket-header h2 {
  margin: 0;
  color: #ff6f61;
}
.ticket-header p {
  margin: 2px 0;
  font-size: 18px;
  color: #555;
  font-weight: 500;
}
.ticket-section {
  margin-bottom: 20px;
}
.ticket-section h3 {
  margin: 0;
  font-size: 18px;
  color: #333;
  
  text-decoration: underline;
}
.ticket-section table {
  width: 100%;
  margin-top: 10px;
  font-size: 14px;
  color: #333;
  border-collapse: collapse;
}
.ticket-section table th, .ticket-section table td {
  padding: 8px;
  text-align: left;
  border: 1px solid #ddd;
}
.ticket-section table th {
  background-color: #f2f2f2;
}
.ticket-footer {
  font-size: 12px;
  color: #777;
}
.ticket-footer p {
  margin: 5px 0;
}

.ticket-sec{
  background-color: #fff5ed;
  padding: 40px 0px;
  
}

.button-tickets button{
 padding: 5px 20px;
 border: none;
 border-radius: 20px;

}

.button-tickets{
  display: flex;
  justify-content: center;
  gap: 10px;
}

.btn-download{
  background-color: #fed001;
  font-weight: 500;
}

.btn-download:hover{
  background-color: #000;
  color: #fff;
}

.btn-print-ticket{
  background-color: #ef7102;
  color: #fff;
  font-weight: 500;
}

.btn-print-ticket:hover{
  background-color: #000;
  color: #fff;
}

.print-ticket-sec{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  box-sizing: border-box;
  max-width: 800px;
  display: block;
  margin: auto;
  background-color: #fff3f0;

}


.print-form h2{
  font-size: 30px;
  font-weight: 700;
}


.print-form{
  padding: 40px 20px;
}

.print-ticket-page{
  background-color: #f7f6f5;
}

.print-ticket-form{
  margin-top: 10px;
}

.print-ticket-form input{
 border: none;
 background-color: #ffffff;
 padding: 5px;
 width: 100%;
}

.print-ticket-form form .btn{
  background-color: #ef7102;
  padding: 5px;
  margin-top: 20px;
  color: #fff;
  width: 100%;
  border-radius: 0px;
  font-weight: 500;
}

.print-ticket-form form .btn:hover{
  background-color: #fed001;
  color: #000;
 
}

.bus-ticket-img{
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}






.booking-sec {
  background-color: #fff7ed;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  border-radius: 10px;
}





.main-booking-form{
  background-color: #ef7102;
  color: #fff;
  
  
}

.main-booking-form h4{
  font-weight: 700;
}


.main-booking-form .form-control{
  background-color: #fff5f5;
  height: 40px;
}

.main-booking-form .form-select{
  background-color: #fff5f5;
  border-radius: 0px 10px 0px 10px;
  border: 1px solid #ffafa4;
  height: 40px;
}

.main-booking-form .form-check{
 color: #ffffff;
}

.main-booking-form form .btn{
  display: block;
  width: 100%;
  background-color: #0257d7;
  color: #fff;
  font-weight: 600;
  border: none;
}

.main-booking-form form .btn:hover{
  background-color: #fed001;
  color: #000;
  border-color: #fed001;
}

.bus-booking-img{
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}

.offcanvas-title a{
  font-size: 40px;
    color: #fff;
    font-weight: 800;
}

@media screen and (max-width:767px) {
  .table-container table th {
    background-color: #ff6f61;
    font-size: 15px;
    padding: 8px;
}

.table-container table td{
  font-size: 14px;
}
}

#delhi-table{
  background-image: url(../img/delhi-same-bg.jpg)!important;
}

#jaipur-table{
  background-image: url(../img/jaipur-bg.jpg)!important ;
}
#haridwar-table{
  background-image: url(../img/haridwar-bg.jpg)!important ;
}

@media screen and (max-width:500px){
  .call-view-car-btn {
    display: flex;
    width: 100%;
    justify-content: center;
    position: static;

    bottom: 20px;
    right: 16%;
    gap: 10px;
    padding-top: 20px;
}
}

.book-bus-btn .btn-book{
  display: block;
  width: 100%;
}

.modal-header button{
  position: absolute;
    right: 0;
    z-index: 11;
    background-color: #fff;
    opacity: 1;
}

.price-outer h4{
  font-size: 16px;
  color: #000;

}

.price-outer h4 span{
  color: #ef7102;
  font-size: 20px;
  font-weight: 700;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

@media (min-width: 992px) {
 header .container, .container-lg, .container-md, .container-sm {
      
  }
}

.dropdown-item:hover {
  background-color: #fe6701;
  color: #fff;
}