.navbar {
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
    transition: background-color 0.3s;
}
.navbar.scrolled {
    background-color: rgba(0, 0, 0, 0.8); /* Slightly darker on scroll */
}
.hero .carousel-item {
    height: 100vh;
    background-size: cover;
    background-position: center;
}
.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 15px;
    border-radius: 10px;
}
.trip-img {
width: 500px;
height: 300px;
object-fit: cover; /* Ensures the image is cropped nicely while maintaining aspect ratio */
}

.footer {
font-size: 14px;
line-height: 2.0;
}

.footer h5 {
font-weight: bold;
margin-bottom: 20px;
}

.footer a {
text-decoration: none;
}

.footer .social-icons a {
font-size: 16px;
}

.footer .social-icons a:hover {
color: #17a2b8; /* Light blue on hover */
}

.footer form .form-control {
border-radius: 0;
}

.footer form .btn {
border-radius: 0;
}

.footer-bottom {
background-color: #1e1e1e; /* Dark background */
font-size: 14px; /* Text size */
line-height: 1.5; /* Line spacing */
}

/* Remove margin and ensure proper centering */
.footer-bottom p {
margin: 0;
padding: 5px 0; /* Add some padding for spacing */
}

/* Whatsapp buttton  */

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}