body {
            margin: 0;
            font-family: sans-serif;
        }
		
      h1, h2, h3 {
            font-weight: 600;
        }

        h1 {
            color: #00476B; /* Blue heading */
            margin-bottom: 8px;
        }
        h2 {
            color: #00476B; /* Blue heading */
            margin-bottom: 6px;
        }
        h3 {
            color: #00476B; /* Blue heading */
            margin-bottom: 6px;
		}
		
a:link {
	color: #017ECD;
	text-decoration: none;
}
a:visited {
	color: #017ECD;
	text-decoration: none;
}
a:hover {
	color: #017ECD;
	text-decoration: none;
}
a:active {
	color: #017ECD;
	text-decoration: none;
}		
		
		.container {
            max-width: 95%;
            margin: 10px auto;
            padding: 10px;
        }

	    .container-2 {
            max-width: 90%;
			background-color: #e9ecef; /* Light gray highlight */
            padding-top: 10px;
            padding-left: 20px;			   
			padding-bottom: 25px;   
            margin: 0px auto;
            margin-top: 0px;
            border-radius: 8px;
        }		
		
        .highlight {
            background-color: #408080; /* Light gray highlight */
            padding: 20px;
            padding-top: 5px;			
            padding-bottom: 30px;
            border-radius: 10px;
        }		
		
        .top-menu {
            background-color: #fff; /* Example background color */
            padding: 5px;
            margin-left: 15px;
            margin-top: 10px;
            margin-bottom: 5px;			
            display: flex;
            justify-content: space-between; /* Distribute items evenly */
            align-items: center; /* Vertically align items */
            width: 95%;
            z-index: 100; /* Ensure it's above other content */
            box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Optional shadow */
        }

        .logo {
            /* Style your logo */
            max-height: 30px; /* Adjust as needed */
            margin-left: 10px;
        }

        .center-icons {
            display: flex;
            gap: 10px; /* Space between icons */
        }

        .center-icons img {
            height: 40px; /* Example icon size */
            width: 40px;
            cursor: pointer; /* Make icons clickable */			
        }

        .dropdown {
            position: relative;
            margin-right: 5px; /* Space from right edge */
        }

        .dropdown-button {
            background: none;
            border: none;
            cursor: pointer;
            padding: 0; /* Remove default button padding */
        }
        .dropdown-button img {
            height: 40px;
            width: 40px;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #fff;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
            z-index: 1;
            right: 0; /* Position on the right */
            top: 100%; /* Drop below the button */
            border-radius: 5px; /* Rounded corners */
        }

        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

        .dropdown-content a:hover {
            background-color: #f1f1f1;
        }

        .dropdown:hover .dropdown-content {
            display: block;
        }

        /* Optional: Style the body content to prevent it from being hidden under the menu */
        .content {
            padding-top: 60px; /* Adjust based on menu height */
        }
		 
	        .top-button {
            background-color:#8CB0C8; /* Example color */
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }			 
		 
		
        .bottom-button {
            background-color: #FF6633; /* Example color */
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }			 
		 

         .container2 {
            max-width: 75%;
            margin: 10px auto;
            padding: 5px;
        }


       .destinations {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Responsive grid */
            gap: 20px;
        }

        .destination {
            border-radius: 8px;
            overflow: hidden; /* Image clipping */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        .destination img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }

        .destination-info {
            padding: 20px;
            background-color: #ffffff;
        }			
		
		
        .link-list {
            display: flex; /* Use flexbox for vertical alignment */
            flex-direction: column; /* Stack links vertically */
            align-items: flex-start; /* Align links to the left */
            margin-top: 30px; /* Add some space above the links */
            margin-bottom: 35px; /* Add some space bellow the links */
        }

        .link-list a {
            display: block; /* Each link takes full width */
            padding: 8px 0; /* Add some vertical padding */
            text-decoration: none;
            color: #447291; /* Example color */
        }