
  .carousel-caption {
  top: 84%;
  left: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);
  position: absolute;
  text-align: center;
  width: 100%;
  max-width: 70%;
}


  #why-munnar{
   background: url('../img/8.jpg') no-repeat center center / cover; 
   background-attachment: fixed; 
  } 

  
.hover-shadow {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-shadow:hover {
  transform: translateY(-5px);
  box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.15);
}


.card-img-top {
  height: 220px;
  object-fit: cover;
}

.card:hover {
  transform: translateY(-5px);
  transition: 0.3s ease-in-out;
  box-shadow: 0 0.8rem 1.5rem rgba(0, 0, 0, 0.15);
}
.card .btn{
  background-color:#333;
  color: white;}
  
.card .btn:hover{
  
  color:#ffc107;}



#quick-info h5 {
  font-size: 1.25rem;
}
#quick-info ul li {
  line-height: 1.6;
}