body {
            background-color: #2d0553; /* Light background color */
            font-family: DDC Uchen; /* DDC Uchen font */
             background-image: url(img/wallpaper.png);
        }
  /* Add your custom styles here */
        .navbar .nav-item:hover .dropdown-menu {
            display: block;
			color:#000000;
        }

        /* Style for image slider */
        #image-slider {
            width: 100%;
            height: 35vh; /* 60% of viewport height */
            overflow: hidden;
        }

        .carousel-item {
            height: 100%; /* Ensure full height of the container */
        }

        .carousel-item img {
            object-fit: cover; /* Cover the entire carousel item */
            width: 100%;
            height: 100%;
        }

        /* Style for the header with logo */
        #header {
            background-color: white; /* Light background color */
            padding: 10px 0;
            text-align: center;
        }

        #header img {
            max-width: 100%; /* Adjust the max-width of the logo as needed */
        }
		
		
		body {
            background-color:white; /* Light background color */

        }

        /* Style for login form container */
        .login-container {
            max-width: 400px;
            margin: 50px auto;
            background-color: #ffffff; /* White background color */
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        /* Style for login form buttons */
        .login-btn {
            width: 100%;
        }

        /* Style for spacing between form elements */
        .form-spacing {
            margin-bottom: 15px;
        }

        /* Style for icon */
        .icon {
            margin-right: 10px;
        }
		
		
		/* Style for navbar */
    .navbar {
        background-color:#18c718 !important; /* Light green background color */
		color: darkbrown !important; 
    }
	
	
	 /* ... (Other styles remain unchanged) */

    

    /* Style for navbar links */
    .navbar-nav a {
        color: darkbrown !important; /* Dark brown text color for normal state */
    }

    /* Hover effect for navbar links */
    .navbar-nav a:hover {
        color: rgb(21, 4, 69) !important; /* White text color on hover */
        background-color: rgb(165, 255, 9) !important; /* Dark brown background color on hover */
    }


 /* Add custom styles if needed */
    .arrow-down {
      text-align: center;
      margin-top: 10px;
    }
    .arrow-down::before {
      content: '\2193'; /* Unicode character for downward arrow */
      font-size: 24px;
      display: block;
    }