.video-background {
      position: relative;
      width: 100%;
      height: 75vh; /* Full viewport height */
      overflow: hidden;
    }

    .video-background video {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: translate(-50%, -50%);
    }

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.5); /* Dark overlay */
      pointer-events: none; /* Allows interaction with elements above */
  }
  .custom-navbar {
    background: linear-gradient(to bottom,  #4B6BFF,#FF9874 ); /* Gradient from lighter to darker */

}
  .content {
      position: relative;
      z-index: 1; /* Ensure content is above the overlay */
      color: white; /* Text color for visibility */
      text-align: center; /* Centered text */
      padding: 20px; /* Some padding for the content */
  }
  /*gradient button*/
  .btn-gradient {
    background: linear-gradient(to bottom,#9DBDFF,   #4B6BFF); /* Button gradient */
    color: white; /* Text color */
    border: none; /* Remove border for outline button effect */
}

.btn-gradient:hover {
    background: linear-gradient(to bottom, #4B6BFF, #9DBDFF    ); /* Reverse gradient on hover */
    color: white; /* Maintain text color on hover */
}

/*custom_footer*/


.custom-footer {
  background: linear-gradient(to bottom,#4B6BFF, #FF9874  ); /* Footer gradient */
  color: white; /* Set text color to white */
  padding: 1.5rem 0; /* Vertical padding */
  width: 100%; /* Full width */
}

.footer-content {
  max-width: 1200px; /* Optional: Set max width for better alignment */
  margin: 0 auto; /* Center the content */
  display: flex;
  justify-content: space-between; /* Space between items */
  align-items: center; /* Vertically center items */
  padding: 0 15px; /* Inner padding for content */
}

.social-links {
  list-style: none; /* Remove default list styles */
  display: flex; /* Use flexbox for social links */
  gap: 15px; /* Space between social links */
  margin: 0; /* Reset margin */
  padding: 0; /* Reset padding */
}

/* Ensure all links within the footer are white */
.custom-footer a {
  color: white; /* Change link color to white */
  text-decoration: none; /* Remove underline */
}

/* Optional: Change link color on hover */
.custom-footer a:hover {
  text-decoration: underline; /* Add underline on hover for visibility */
}

 /* Set SVG fill color to white */
 .custom-footer svg {
  fill: white; /* Change SVG color to white */
}

/*custom footer_end*/

    
    .banner-content {
      position: absolute; /* Position relative to the nearest positioned ancestor (in this case, the video background) */
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); /* Center horizontally and vertically */
      color: #fff;
      text-align: center;
      padding: 5rem 2rem;
      z-index: 2; /* Ensure content is above the video */
      width: 100%; /* Full width to accommodate text and button */
    }

    .navbar {
      position: relative;
      z-index: 3; /* Ensure navbar is above the video */
    }

    .text-white {
      color: #fff !important;
    }
     /* Container for fixed-size images with centered cropping */
     /* Container for fixed-size images with centered cropping */
     .gallery-item {
      position: relative;
      width: 100%;
      padding: 0 0.25rem; /* Horizontal padding for spacing around images */
    }

    .image-container {
      position: relative;
      width: 100%;
      height: 300px; /* Fixed height */
      overflow: hidden;
    }

    .image-container img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      object-fit: cover; /* Crops and centers the image */
      transform: translate(-50%, -50%);
    }

    .row {
      margin-left: -0.25rem; /* Compensate for padding in gallery-item */
      margin-right: -0.25rem; /* Compensate for padding in gallery-item */
    }

    

    body {
      font-family: 'Raleway', sans-serif;
    }

    /* Custom styles for modal */
    .modal-dialog {
      padding: 0; /* Remove padding */
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%; /* Full height of the modal-dialog */
      overflow: hidden; /* Hide overflow to prevent scrollbars */
    }

  

    


    .modal-body img {
      max-width: 100%; /* Ensure the image width is responsive */
      max-height: 100vh; /* Ensure the image height does not exceed viewport height */
      object-fit: contain; /* Ensure the image fits within its container while maintaining aspect ratio */
      display: block; /* Remove extra space below image */
      margin: 0 auto; /* Center image horizontally */
    }

    /* Hide default close button */
    .modal-footer {
      display: none;
    }

    /*modalNew*/
    .modal-body .modal-img {
      width: 100%; /* Resize image to 50% of the modal width */
      height: auto; /* Maintain aspect ratio */
      object-fit: cover; /* Crop image while maintaining aspect ratio */
      display: block; /* Remove extra spacing */
      margin-left: auto; /* Center the image */
      margin-right: auto; /* Center the image */
    }




    /**/
    .album {
      padding: 5rem 0;
    }

    .card {
      border: none; /* Optional: Remove border from cards */
    }

    .card img {
      width: 100%;
      height: 200px; /* Set a fixed height for images */
      object-fit: cover; /* Crop and center the image */
      object-position: center; /* Ensure the image is centered */
    }
    .img-fluid-featurette {
    width: 300px;
    height: 300px;
    object-fit: cover; /* Crops the image to fit the 300x300 area */
    display: block;    /* Allows margin auto to work */
    margin: auto;      /* Centers the image within its container */
}
.table-scroll {
            overflow-x: auto;
        }
        .table-striped tbody tr:nth-of-type(odd) {
            background-color: #f8f9fa;
        }