/*navbar*/
       /* General Styling */
               * {
                   margin: 0;
                   padding: 0;
                   box-sizing: border-box;
                   font-family: 'Segoe UI', Roboto, sans-serif;
               }

               body { background-color: #f0f4f8; }

               /* --- NAVIGATION (The Visible Menu Fix) --- */
               .navbar {
                   display: flex;
                   justify-content: space-between;
                   align-items: center;
                   padding: 15px 5%;
                   background: #fff;
                   box-shadow: 0 4px 6px rgba(0,0,0,0.05);
                   position: sticky;
                   top: 0;
                   z-index: 1000;
                   flex-wrap: wrap; /* Allows menu to drop to next line if needed */
               }

               /* Container for logo image and text */
               .logo {
                   display: flex;
                   align-items: center; /* Vertically centers the text with the image */
                   gap: 10px;           /* Space between the logo pic and the name */
               }

               .logo-img {
                   height: 40px;        /* Set this to your preferred size (40px-50px is standard) */
                   width: auto;         /* Keeps the logo from stretching */
                   object-fit: contain; /* Ensures the image fits within the height perfectly */
                   display: block;
               }

               .logo span {
                   font-size: 1.3rem;
                   font-weight: 700;
                   color: #1a5d1a;      /* Matching your travel theme color */
                   white-space: nowrap; /* Prevents the name from breaking into two lines */
               }

               /* --- Mobile Fix --- */
               @media (max-width: 600px) {
                   .logo-img {
                       height: 30px;    /* Makes logo slightly smaller on phones */
                   }

                   .logo span {
                       font-size: 1.1rem; /* Adjusts text size for smaller screens */
                   }

                   .navbar {
                       padding: 10px 15px; /* Tightens padding so everything fits */
                   }
               }

               .nav-links {
                   display: flex;
                   list-style: none;
                   gap: 15px;
               }

               .nav-links a {
                   text-decoration: none;
                   color: #444;
                   font-size: 0.9rem;
                   font-weight: 500;
                   white-space: nowrap; /* Keeps names like "Cab Booking" on one line */
               }

    .footer {
/*footer*/
                background-color: #00b609; /* green background */
           color: black; /* White text color */
           padding: 15px; /* Reduced padding for compactness */
           display: flex; /* Flexbox for layout */
           flex-direction: column; /* Stack items vertically */
           align-items: center; /* Center align items */
           text-align: center; /* Center text alignment */
           border-top: 3px solid #F8EDB9; /* Top border for style */
         }

         .footer-content {
           margin-bottom: 10px; /* Space between content and links */
         }

         .footer h3 {
           font-size: 1.4rem; /* Heading font size */
           margin-bottom: 5px; /* Space below heading */
         }

         .footer p {
           margin: 3px 0; /* Spacing for paragraph elements */
         }

         .footer a {
           color: #F8EDB9; /* yellow for links */
           text-decoration: none; /* Remove underline */
           margin: 0 5px; /* Margin between links */
           font-size: 0.9rem; /* Font size for links */
         }

         .footer-links {
           margin: 10px 0; /* Space above and below the links */
         }

         .footer-links a {
           margin: 0 3px; /* Space between footer links */
           text-decoration: underline;
         }

         .social-icons {
           display: flex; /* Flexbox for social icons */
           justify-content: center; /* Center align icons */
           gap: 10px; /* Space between icons */
         }

         .social-icons img {
           width: 40px; /* Increased size for icons */
           height: auto; /* Maintain aspect ratio */
           transition: transform 0.3s; /* Smooth transition for hover */
         }

         .social-icons img:hover {
           transform: scale(1.1); /* Slightly enlarge on hover */
         }

         @media (max-width: 400px) {
           .footer {
             padding: 10px; /* Adjust padding for smaller screens */
           }

           .footer h3 {
             font-size: 1.3rem; /* Smaller font size for heading */
           }

           .footer-links a {
             font-size: 0.8rem; /* Smaller font size for links */
           }

           .social-icons img {
             width: 35px; /* Slightly smaller size for icons on small screens */
           }
         }