.header {
     background: #2c3e50;
     color: white;
     padding: 5px;
     text-align: center;
     border-radius: 20px;
     margin-top: 0;
     margin-bottom: 30px;
 }

 .header h1 {
     font-size: 28px;
     margin-top: 0;
     margin-bottom: 0;
     color: white;
 }

 .header p {
     opacity: 0.8;
 }


 body {
     background: #f9fafb;
     font-family: Arial, sans-serif;
     margin: 0;
     padding: 20px;
     color: #1f2937;
 }

 .container {
     max-width: 800px;
     margin: auto;
     background: #ffffff;
     border-radius: 12px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     padding: 20px;
 }









 .journey-form {
     padding: 5px;
     text-align: center;
     border-radius: 20px;
     margin-top: 0;
     margin-bottom: 30px;
 }

 .journey-form h2 {
     margin-bottom: 20px;
     font-size: 1.4rem;
 }

 .journey-form select,
 .journey-form button {
     width: 100%;
     padding: 12px;
     margin-bottom: 15px;
     border-radius: 5px;
     border: 1px solid #ccc;
     font-size: 1rem;
     box-sizing: border-box;
 }

 .buttons {
     display: flex;
     gap: 10px;
 }

 .buttons button {
     flex: 1;
 }

 .swap-button {
     background-color: #fff;
     border: 1px solid #ccc;
     cursor: pointer;
 }

 .find-button {
     background-color: #4a90e2;
     color: white;
     border: none;
     cursor: pointer;
 }

 .swap-button:hover {
     background-color: #f0f0f0;
 }

 .find-button:hover {
     background-color: #357ab8;
 }

 /* Responsive adjustments */
 @media (max-width: 480px) {
     .journey-form {
         padding: 15px 20px;
     }

     .buttons {
         flex-direction: column;
     }

     .buttons button {
         width: 100%;
     }
 }

 footer {
     background-color: #2c3e50;
     text-align: center;
     padding: 15px 20px;
     margin-top: 40px;
 }

 .footer-container {

     color: white;
     padding: 5px;
     text-align: center;
     border-radius: 20px;
     margin-top: 0;
     margin-bottom: 30px;
 }

 a {
     text-decoration: none;
 }

 a:visited {
     color: white;
     /* Same color as unvisited links */
     text-decoration: none;
     /* Optional: Remove underline */
 }