.navbar{
	background-image:url('../images/b4.png');
	background:#1c3250;
	transition:all 0.4s ease;
}
.navbar-brand{
	font-size:24px;
	color:white;
	font-weight:700;
}
.navbar-brand:hover{
	color:#FFC107;
}
.nav-link{
	font-size:15px;
	color:white;
	font-weight:700;
}
.navbar-nav .nav-link.active{
    color:#FFC107 !important;
    font-weight:700;
}

.nav-link:hover{
	color:#FFC107;
}
.navbar-toggler{
    border: #2B2B2B !important;
}

.navbar-toggler:focus{
    box-shadow: none;
}
.navbar-toggler-icon{
    filter: invert(1);
}
.carousel-item img{
	height:500px;
	object-fit:cover;
	width:100%;
}
.carousel-item h2{
	color:white;
	font-size:30px;
	text-shadow:0 2px 8px rgba(0, 0, 0, 0.8);
}
.carousel-item p{
	color:white;
	font-size:20px;
	text-shadow:0 2px 8px rgba(0, 0, 0, 0.8);
}

.hero-section{
	height:450px;
	width:100%;
	position:relative;
	background-image:url('../images/a5.jpg');
	background-size:cover;
	background-position:center;
}
.hero-comment{
	position:absolute;
	bottom:30px;
	right:20px;
	background-color:#464685;
	color:#E5C76B;
	padding:10px 18px;
	border-radius:13px;
	z-index:100;
}
.hero-comment:hover{
	background:linear-gradient(144deg, #af40ff, #5b42f3 50%, #00ddeb);
}
.hero-comment a{
    color:#fff;
    text-decoration:none;
}
@media (max-width:768px){
    .carousel-item img{
        height:220px;  
        background-size:contain;
        background-position:center;
}
.carousel-item h2{
	color:white;
	font-size:20px;
	text-shadow:0 2px 8px rgba(0, 0, 0, 0.8);
}
.carousel-item p{
	color:white;
	font-size:16px;
	text-shadow:0 2px 8px rgba(0, 0, 0, 0.8);
}
.hero-section{
        height:241px;  
        background-size:contain;
        background-position:center;
    }
.hero-comment{
		top:167px;
		left:179px;
		padding:8px 12px;
		text-shadow:0 2px 6px rgba(0, 0, 0.8);
		border-radius:8px;
	}
}
.about-header{
	font-size:35px;
	font-weight: 700;
	color:#464685;
	}
.about-header:hover{
	color:orange;
}
.about-section img{
	border:3px solid #1976D2;
	
	border-radius:20px;
	width:100%;
	object-fit:cover;
}
.about-content h3{
	color:#464685;
	font-size: 1.2em;
}
.about-content p{
	color:#555;
	text-align:justify;
}
.about-box{
	border-radius:10px;
	background-color:#1c3250;
	color:#fff;
	transition:.3s;
}
.about-box:hover{
	color:#fff;
	background:linear-gradient(144deg, #af40ff, #5b42f3 50%, #00ddeb);
	transform:translateY(-5px);
	transition:.4s ease;
}
.about-box i{
	font-size:30px;
	color:#FFC107;
}
.about-box h4{
	color:#fff;
}
.about-box i:hover{
	color:#fff;
}
.about-box p{
	font-size:15px;
	color:#fff;
	font-weight:600;
}

.about-button {
 outline: none;
 cursor: pointer;
 border: none;
 border:2px solid #FFC107 ;
 padding:13px 7px;
 font-family: inherit;
 font-size: inherit;
 position: relative;
 display: inline-block;
 font-weight: 700;
 font-size: 14px;
width:100%;
text-align:center;
 border-radius: 20px;
 overflow: hidden;
background:linear-gradient(144deg, #af40ff, #dfc33d 50%, #00ddeb);
 color: #fff;
}
.ab-button{
	margin:12px 0 12px 0;
}
.about-button span {
 position: relative;
 z-index: 10;
 transition: color 0.4s;
}
.about-button span a{
	text-decoration:none;
    color:#fff;
}

.about-button:hover span {
 color: #FFF8E7;
}

.about-button::before,
.about-button::after {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 0;
}

.about-button::before {
 content: "";
 background-color: rgb(5, 6, 45);
 box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
 color:white;
 width: 120%;
 left: -10%;
 transform: skew(30deg);
 transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}

.about-button:hover::before {
 transform: translate3d(100%, 0, 0);
}
.ride-card{
	border-radius:13px;
	position:relative;
	background:#EDF2F8;
	border:1px solid #889cb1;
	box-shadow:0 5px 15px rgba(0,0,0,.08);
}
.ride-card:hover{
	box-shadow:0 12px 25px rgba(11,31,58,.18);
	transform:translateY(-5px);
}
.ride-card h5{
	color:#ffc107;
	font-size: 24px;
}
.ride-card h3{
	color:#183964;
	font-size: 18px;
	font-weight: 600;
}
.ride-card img{
	border-radius:13px;
	object-fit:cover;
	transition:.3s;
	width:100%;
	height:200px;
}
.ride-info i{
	color:#1976D2;
	font-size:20px;
}

.footer-section {
	background-image:url('../images/b3.png');
	border-top:4px solid #D4AF37;
	padding:60px 0px 20px;
}
.footer-section h1{
	color:#D4AF37;
	margin-bottom:20px;
	font-size:28px;
}

.footer-section P{
	color:#fff;
	font-size:14px;
	line-height:28px;
}
.footer-section a{
	color: #fff;
	text-decoration: none;
}
.footer-section ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-section ul li{
    margin-bottom:12px;
}

.footer-section ul li a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
}
.footer-section ul li a::before{
    content:"➜";
    opacity:0;
    margin-right:5px;
    transition:.3s;
}

.footer-section ul li a:hover::before{ 
    opacity:1;
}
.footer-section ul li a:hover{
    color:#D4AF37;
}
.footer-section a:hover{
	color: #D4AF37;
}
.c2 p:hover{
    color:#D4AF37;
    transition:.3s;
}
.c1 a:hover{
    color:#D4AF37;
    transition:.3s;
}

.c2 .social-icons{
	display:flex;
	gap:15px;
	}
.c2 .social-icons i{
	display:flex;
	margin-top:10px;
	}	
.c2 .social-icons a{
	width:35px;
	height:40px;
	display:flex;
	justify-content:center;
	background:#D4AF37;
	color:#7B1E1E;
	border-radius:50%;
	text-decoration:none;
}
.c2 .social-icons a:hover{
	background-color:#fff;
	color:#D4AF37;
	transform:translateY(-5px);
}
.b1 p{
	border-top:1px solid #D4AF37;
	text-align:center;
	padding-top:25px;
}
.package-card{
	position:relative;
	overflow:hidden;
	border-radius:15px;
	background:#1c3250;
	border:1px solid #b1cae3;
	border-radius:15px;
	transition:all 0.3s ease;
	box-shadow:0 50x 20px rgba(0,0,0,0.15);
}
.package-card:hover{
	transform:translateY(-10px);
	box-shadow:0 15px 35px rgba(0, 0, 0, 0.18);
	border:5px solid #b1cae3;
}
.package-card img{
	width:100%;
	height:180px;
	transition:transform 0.4s ease;
	object-fit:cover;
}
.package-card img:hover{
	transform:scale(1.06);
}
.package-card h3{
	font-size:18px;
	padding-top:8px;
	color:#fbfdff;
	font-weight: 700;
}
.package-card h6{
color:#0d6efd0d6efd;
}
.package-card p{
color:#0d6efd;
}
.package-button{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:10px auto;
}
.package-button{
	display:flex;
	justify-content:center;
	align-items:center;
	margin:10px auto;
}
.package-button button {
  align-items: center;
  background-image:linear-gradient(144deg, #af40ff, #dfc33d 50%, #00ddeb);
  border:none;
  border:1px solid #FFC107 ;
  border-radius:12px;
  margin:10px;
  box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 18px;
  flex-direction:row;
  align-items:center;
  display: flex;
  justify-content: center;
  line-height: 1em;
  max-width: 90%;
  min-width: 100px;
  padding: 2px;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}
.package-button a{
	text-decoration: none;
	color: #fff;
}
.package-button button:active,
	button:hover {
	outline:0;
}

.package-button button span {
  background-color: rgb(5, 6, 45);
  padding: 8px 12px;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  transition: 300ms;
}

.package-button button:hover span {
  background: none;
}

.package-button button:active {
  transform: scale(0.9);
}
.card-special{
	width:300px;
	height:200px;
	flex-shrink:0;
}
.card-body p{
	font-size:15px;
	text-align:
}
.card-special img{
	width:200px;
	height:200px;
	flex-shrink:0;
}
.booking-section{
	padding:80px 0;
	background-color:#FFF7ED;
}
.bk{
	position:relative;
	background-image:url('../images/b5.jpeg');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.bk::before{
	content: "";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.55);
	z-index:0;
}
.bk > * {
	position:relative;
	z-index:1;
}
.booking-section form{
	padding:35px; 
}
.booking-section .form-control{
	border:none;
	padding:0px;
	margin-bottom:22px;
	background:transparent;
}
.booking-section form:hover{
transform:translateY(-5px);
box-shadow:0 8px 25px rgba(13,43,92,0.15);
}
.booking-section label{
	color:#444;
	font-weight:600;
	display:block;
	margin-bottom:8px;
}
.booking-section form{
	border-radius:18px;
	background-color:#fff;
}
.booking-section select,
.booking-section input{
	width:100%;
	height:50px;
	border:1px solid #ddd;
	border-radius:8px;
	font-size:15px;
	transition:.3s;
}
.booking-section button{
	height:50px;
	width:100%;
	border-radius:8px;
	border:none;
	background:#1c3250;
	color:#fff;
	font-size:18px;
}
.booking-section button:hover{
	background:linear-gradient(135deg,#7B1E1E,#A52A2A);
}

.booking-section .why-choose{
	padding:35px; 
}
.booking-section .box{
	border-radius:18px;
	background-color:#fff;
	object-fit:contain;
}
.booking-section .box p{
	font-size:14px;
	padding-left:15px;
}
.booking-section .box h3{
	padding-left:30px;
	font-weight:600;
	color:#0d2b5c;
	font-weight:700;
	text-align:center;
	margin-bottom:25px;
}
.booking-section .why-choose .box{
	border-radius:15px;
	border:1px solid #e9eef5;
	padding-left:15px;
	box-shadow:0 5px 15px rgba(0,0,0,0.03);
	margin-bottom:20px;
	text-align:left;
	transition:.3s;
}
.booking-section .why-choose .box:hover{
transform:translateY(-5px);
box-shadow:0 8px 25px rgba(13,43,92,0.15);
}
.booking-section .why-choose .box i{
	margin-right:10px;
	font-size:18px;
	color:#0d2b5c;
}
.booking-section .why-choose .box i:hover{
	color:orange;
}
.booking-section .why-choose .box h3{
	font-size:28px;
	color:#0d2b5c;
	font-weight:700;
	text-align:center;
	margin-bottom:20px;
}
.booking-section .why-choose .box h3:hover{
	color:orange;
}
.booking-section .why-choose .box p{
font-size:16px;
color:#666;
padding-left:0;
}
.contact-box{
	border-radius:10px;
	background-color:#1c3250;
	color:#FFFFFF;
	transition:.3s;
}
.contact-box:hover{
	color:#222;
	background:linear-gradient(144deg, #af40ff, #5b42f3 50%, #00ddeb);
	transform:translateY(-5px);
	transition:.4s ease;
}
.contact-box i{
	font-size:30px;
	color:#FFC107;
}
.contact-box h4{
	color:#fff;
}
.contact-box i:hover{
	color:#1c3250;
}
.contact-box a:hover{
	color:#1c3250;
}
.contact-box p{
	font-size:18px;
	font-weight:600;
}
.contact-box a{
	font-size:16px;
	font-weight:600;
	text-decoration:none;
	color:#D4AF37;
}
.about-image .experience-badge2{
	position:absolute;
	width:100px;
	margin:-90px 0px 0px 360px;
	background:#62606e;
	color:white;
	border:3px solid #868495;
	box-shadow:0 8px 20px rgba(0,0,0,0.15);
    animation:bounce 2s infinite;
}
@keyframes bounce{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-10px);
    }
}
.about-image .experience-badge2 h1{
	display:block;
	font-size:25px;
}
.about-image .experience-badge2 span{
	font-size:12px;
	font-weight:500;
}
.servie-card{
	padding-top:70px;
}
.info-card{
    border-radius:18px;
    padding:35px 25px;
    text-align:center;
	background-image:url('../images/b4.jpg');
    height:100%;
    border:2px solid #D4AF37;
    transition:.4s;
}
.info-card:hover{
		background:linear-gradient(144deg, #af40ff, #5b42f3 50%, #00ddeb);
}
.info-card:hover{
 transform:translateY(-10px);
 border-top:5px solid #FFD54F;
}
.info-card p:hover{
	color:white;
}
.info-card h3{
    font-size:20px;
    color:white;
    margin-bottom:18px;
    font-weight:700;
}
.icon-box{
	background-color:#3E0C12;
	height:50px;
	width:50px;
	 margin:0 auto 20px;
	align-items:center;
	border-radius:50%;
}
.icon-box i{
	font-size:25px;
	padding:10px;
	color:#FFC107;
	margin-bottom:18px;
}
.info-card p{
    color:#fff;
    font-size:14px;
	font-weight:600;
    line-height:28px;
	justify-content:center;
    margin:0;
}
.box i{
	font-size:35px;
	color:#FFD54F;
	margin-bottom:10px;
}
