.banner_content {
  display: flex;
  flex-direction: column; /* Stack the elements vertically */
  justify-content: center; /* Vertically center content */
  align-items: center; /* Horizontally center content */
  height: 60vh; /* Makes the container full height */
}

.top-text {
  font-size: 1.5rem; /* Adjust the font size as desired */
  color: #fff;
  margin-bottom: 10px; /* Space between the "Welcome to" and the heading */
}

.banner_content h2 {
  font-size: 5rem; /* Larger font size for the main heading */
  color: #fff;
}
/* Set dimensions for the logo image */
.navbar-brand img {
  width: 120px; /* Set the desired width */
  height: auto; /* Adjust the height automatically to keep the aspect ratio */
}

/* Optional: Adjust the size on smaller screens */
@media (max-width: 768px) {
  .navbar-brand img {
      width: 120px; /* Smaller width for mobile view */
  }
}
.banner_content .tagline {
  font-size: 1.3rem;  /* Increase the font size of the tagline */
  text-align: center;   /* Align the tagline to the left */
  margin-left: 10%;   /* Adjust margin to move it slightly to the left */
  color: #fff;        /* Ensure text is visible (if needed) */
  margin-top: 10px;   /* Space above the tagline */
}

/* Optional: Adjust the size and margin on smaller screens */
@media (max-width: 768px) {
  .banner_content .tagline {
      font-size: 1.5rem;   /* Slightly smaller for mobile devices */
      margin-left: 5%;     /* Less margin for smaller screens */
  }
}
    

.home_banner_area, .banner_area {
    margin-top: 100px !important;
}

#mainbannerlogo {
    max-width: 12em;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}

#mainbannervideoicon {
    width: 4em;
    padding: 0.2em;
}

.logo_h img {
    width: 5em;
    max-width: 100%;
}
/* Button Container */
.button-container {
  text-align: center;
  margin-top: 30px;
}

/* Styling the "Book Now" button */
.book-now-btn {
  background: linear-gradient(135deg, #6e7dff, #6c8ecf); /* Soft gradient */
  color: white; /* White text */
  font-size: 18px; /* Text size */
  font-weight: bold; /* Bold text */
  padding: 15px 30px; /* Vertical and horizontal padding */
  text-transform: uppercase; /* Uppercase text */
  text-decoration: none; /* Remove underline */
  border-radius: 50px; /* Rounded corners */
  transition: all 0.3s ease; /* Smooth transitions */
  display: inline-block;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

/* Button hover effect */
.book-now-btn:hover {
  color: white;
  background: linear-gradient(135deg, #5b6eff, #5a7dca); /* Slightly darker gradient */
  transform: translateY(-4px); /* Slight lift effect */
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* Stronger shadow on hover */
}

/* Button active state */
.book-now-btn:active {
  background: linear-gradient(135deg, #4a5cff, #b34a4a); /* Darker gradient when clicked */
  transform: translateY(2px); /* Slight inward movement when clicked */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Lighter shadow when clicked */
}