/* Custom CSS for the navigation bar */
      .navbar 
      {
        background-color: #33691E; /* Orange background color 
/*          background-color: #EF4D4E;*/
      }

      .navbar .nav-item 
      {
        margin-right: 10px; /* Add some spacing between menu items */
/*        padding: 1px;*/
      }

      .navbar .nav-link 
      {
        font-size: 18px; /* Increase font size */
        border-bottom: 2px solid transparent; /* Add a transparent border at the bottom */
        transition: border-color 0.3s; /* Smooth transition for the border color */
        color: white !important;
/*        font-weight: bold;*/
      }

      .navbar .nav-link:hover 
      {
        border-color: white; /* Change border color on hover */
/*        background-color: black;*/
      }
      body{
      	background-color: #ECF6EE;
        user-select: none;
      }
       /* Custom CSS for the banner image */
      .banner-image 
      {
        width: 100%; /* Limit the image size to the container's width */
        height: auto; /* Maintain aspect ratio */
        display: block; /* Remove any inline spacing */
        margin: 0 auto; /* Center the image horizontally */
      }
      a.logo-text
      {
          color: white;
          font-size: 30px;
      }
      .navbar-text
      {
        margin-right: 10%;
      }
      .btn-contact
      {
        background-color: #8BC34A;
        font-size: 15px;
/*        font-weight: bold;*/
      }
      .btn-locate
      {
        background-color: #6CAD4F;
        font-size: 15px;
/*        font-weight: bold;*/
      }
      .notification-1st-col
      {
        background-color: #2C6F0C;font-size: 18px;color: white;
      }
      .notification-2nd-col
      {
        background-color:lightgrey;
      }
      .2ndrow
      {
        height: 50px;
      }

/*    css for image icons afrer banner-image*/
      .image-container {
        position: relative;
        overflow: hidden; /* Hide overflowing overlay content */
      }

      .image-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5); /* Adjust the background color and opacity (0.5) as needed */
        opacity: 0;
        transition: opacity 0.3s; /* Add a smooth transition effect */
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .overlay-content {
        text-align: center;
        color: white;
      }

      .image-container:hover .image-overlay {
        opacity: 1;
      }

      /* Style the button within the overlay */
      .overlay-content a.btn {
        text-decoration: none;
        color: white;
        background-color: #007bff; /* Button background color */
        padding: 10px 20px;
        border-radius: 5px;
      }
      .footer {
        color: white; /* Set the font color for the entire footer */
      }
      .footer ul {
        list-style-type: none; /* Remove default bullets */
        padding: 0; /* Remove default padding */
      }

      .footer ul li {
        margin-bottom: 10px; /* Add some spacing between list items if needed */
      }

      .aboutp{
        text-align: justify;
      }

      .card {
        height: 100%; /* Set a fixed height for all cards */
      }

      .card-body {
        height: 100%; /* Set a fixed height for the card body */
        display: flex;
        flex-direction: column;
      }

      .card-text {
        flex-grow: 1; /* Allow the card text to expand within the fixed height */
        overflow: hidden; /* Hide overflow content beyond the fixed height */
        font-size: 13px;
      }

       .carousel-control-prev,
        .carousel-control-next {
          font-weight: bold !important;
          color: black !important;
        }

        #scrollTopBtn {
            display: none;
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
            padding: 10px;
            cursor: pointer;
        }

        #scrollTopBtn:hover {
            background-color: #0056b3;
        }