.index-video-banner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* This will maintain aspect ratio and cover the container */
}

.text-white {
  color: white !important;
}

.footer_wateen_img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.fixed-size-image-packages {
  width: 500px !important;
  height: 334px !important;
  object-fit: cover !important;
  /* To maintain the aspect ratio and cover the container */
}

.fixed-size-image-guides {
  width: 320px !important;
  height: 252px !important;
  object-fit: cover !important;
  /* To maintain the aspect ratio and cover the container */
}

.fixed-size-image-blogs {
  width: 700px !important;
  height: 265px !important;
  object-fit: cover !important;
  /* To maintain the aspect ratio and cover the container */
}


.center-button-container {
  display: flex !important;
  justify-content: center !important;
  /* Center horizontally */
  margin-top: 20px !important;
  /* Add some space between the content and the button */
}

.headingContent {
  display: flex !important;
  justify-content: center !important;
}

.textItems {
  min-height: 100% !important;
  /* Ensure all items have at least the container's height */
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  /* Distribute space evenly within each item */
}

/* You can adjust the padding as needed */
.textItems .headingContent {
  padding: 20px !important;
}
.dataTables_length  {
  padding-bottom: 20px !important;
}
.dataTables_length label {
  display: flex !important;
 width: 160px !important;
}
.dataTables_filter label {
  display: flex !important;
  width: 200px !important; 
}
.dataTables_info {
  margin-top: 10px !important;
}
.dataTables_paginate {
  margin-top: 10px !important;
}
.page-item.active .page-link,
.page-item:hover .page-link{
color: #fff !important;
} 
 .slide-image {
   background-position: center;
   /* background-repeat: no-repeat; */
 }
 .about_us_button{
   top: 250px
 }
@media (max-width: 767px) {
    .slide-image {
        background-size: contain;
        height: 300px; /* Adjust the height as needed */
    }
    .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 250px; /* Ensure all slides are of equal height */
    }
    .banner .slider {
    justify-content: center;
    align-items: center;
    height: 300px;
    }
    .about_us_button {
      top:70px
    }
    }
      .mr-5{
        margin-right: 5px !important;
      }
            .why-us-item .why-us-content p {
              max-height: 5px;
              overflow: hidden;
              transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
            }
      
            /* On hover, expand p tag and add padding */
            .why-us-item:hover .why-us-content p {
              max-height: 200px;
              padding-top: 10px;
              /* Adjust padding if needed */
            }