body {font-family: 'Inter', sans-serif;background-color: #f4f7fb;}
.navbar-custom {background-color: #f4f7fb;color: #22599d;}
.navbar-custom a {color: #22599d;}
.navbar-custom a:hover {color: #333;}
.navbar-brand {font-weight:700}
.container {max-width: 800px;}
.navy {color: #22599d;}
#searchResults {max-height: 300px;overflow-y: auto;display: none;}
h1 {font-weight:600}
.stat{font-size:2.25rem;font-weight:700}
.feature-icon{font-size:2rem}
.testimonial blockquote{font-size:1.1rem;font-style:italic}
.badge-success { background-color: #28a745 !important; }
.badge-danger { background-color: #dc3545 !important; }
.badge-warning { background-color: #ffc107 !important; color: #000; }
#map { height: 600px; border: 1px solid #ccc; }
.amenity i{width:1.2rem}
.rounded-table {border: 1px solid #d7e2ec;border-radius: 0.75rem;overflow: hidden;background-color: #fff;}
.rounded-table thead {background-color: #f8fbff;border-bottom: 1px solid #d7e2ec;}
.rounded-table th {font-weight: 600;color: #22599d;background-color: #f0f4f8;}
.rounded-table td {padding: 0.75rem 1rem;border: 1px solid #d7e2ec;}
.btn-nxtprv {background-color: #22599d;border-color: #22599d;}
.step-screen {text-align: center;padding: 4rem 1rem;min-height: 60vh;display: flex;flex-direction: column;
      justify-content: center;}
.step-screen h1 {font-size: 1.6rem;}
.step-screen p {font-size: 1.25rem;}
.step-screen button {margin-top: 2rem;}
.step-road {font-size: 1.8rem;font-weight: 600;}
.step-instruction {font-size: 1.4rem;}
.upcoming-step .upcoming-road {font-size: 1.2rem;font-weight: 500;}
.upcoming-step .upcoming-instruction {font-size: 1.1rem;}
.highlights h3 {font-size: 1.2rem;color: #000;}
.highlights p {margin-bottom:2rem}

  @media (max-width: 576px) {
.step-road {font-size: 2rem;}
.step-instruction {font-size: 1.6rem;}
.upcoming-step .upcoming-road,.upcoming-step .upcoming-instruction {font-size: 1.2rem;}
  }