/* css styles */
.banner-image {
  background-image: url("images/mangroves_sm.jpg");
  background-size: cover;
  background-position: center;
  height: 300px; /* Adjust height as needed */
  width: 100%;
  border-radius: 10px; /* Adds a 10px border radius to all corners */
}

.logo-container {
  display: flex;
  justify-content: center; /* Centers the logos horizontally */
  align-items: center;     /* Centers the logos vertically */
  gap: 20px;               /* Adds space between the logos */
  flex-wrap: wrap;         /* Allows logos to wrap to the next line on smaller screens */
}

.small-logo {
  height: 60px;           /* Sets a fixed height for the logos */
  width: auto;            /* Maintains the aspect ratio */
  margin: 15px;           /* Adds some breathing room around each logo */
}

.carousel-item img {
  object-fit: cover; /* Equivalent to background-size: cover */
  object-position: center; /* Equivalent to background-position: center */
  height: 300px;
  width: 100%;
  border-radius: 10px;
}

.navbar-brand img.navbar-logo {
  height: 40px; /* Adjust this value as needed to make the logo larger */
  max-height: none; /* This is crucial to override the default max-height */
  width: auto;
}

.red-text {
  color: red;
  font-weight: bold;
}

.image-wrapper {
  width: 90%;
  margin: 0 auto;
}

.image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}

.image-wrapper-book60 {
  width: 60%;
  margin: 0 auto;
}

.image-wrapper-book60 img {
  display: block;
  width: 100%;
  height: auto;
}

.image-wrapper-book70 {
  width: 80%;
  margin: 0 auto;
}

.image-wrapper-book70 img {
  display: block;
  width: 100%;
  height: auto;
}