body {
    font-family: "Work Sans", sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    }
    /* Sticky header */
    .navbar-custom {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000; /* Ensure it appears above other content */
        }

        /* Adjust body padding to prevent content from being hidden behind the header */
        body {
            padding-top: 80px; /* Adjust this value according to your header height */
        }
    .navbar-nav .nav-link {
    color: yellow; /* Default color for all links */
        }

        .navbar-nav .nav-item .nav-link:hover {
            color: #22fc0f; /* Text color on hover */
        }
        .navbar-brand img{
            margin-left: -90px;
            max-width: 150px;
            height: 90px;
        }
        @media (max-width: 500px) {
            .navbar-brand img{
            margin-left: 10px;
            max-width: 150px;
            height: 90px;
        }

        }

        /* Specific rule for the "Home" link */
        .navbar-nav .nav-item .nav-link {
            color: #fff; /* Color for the "Home" link */
            margin-right: 30px;
        }
        .navbar-nav .nav-item.dropdown .dropdown-menu {
            background-color: #44695a;
        }

        .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
            color: white; /* Color of dropdown items */
            line-height: 2.0;
           
        }

        .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
            color: #050505; /* Color of dropdown items on hover */
            background-color: #DDE448 !important; /* Ensure the background color is black */
                }


        .bg-black {
        background-color: #000000; /* Black background color */
        height: 13%;
        }
        @media (min-height: 500px) and (max-height: 900px) and (min-width:900px) and (max-width:1600px){
            .bg-black {
                      position: fixed;
                      background-color: #44695a;
                      height: 16.2%;
                  }
          }
        .navbar-brand{
            height: 100px;
            width: 150px;
        }
        .nav-link.active {
            color: #22fc0f !important; /* Change the text color to red */
        }
        .nav-link.active:hover {
            color: #ffffff !important; /* Optional: Change the color on hover */
        }