<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
  /* 🌿 Main Brand Colors */
  --primary-color: #8fcc30;
  --secondary-color: #9bdc38;
  --button-color: #8bc34a;
  --button-color-hover: #7cb342;

  --text-color: #333;
  --light-text-color: #555;
  --background-color: #f8f9f2;
  --bg-color: #f9f9f9;
  --card-background: #ffffff;
  --card-bg: #ffffff;
  --card-background-alt: #fefefe;

  --danger-color: #e74c3c;
  --warning-color: #f39c12;
  --success: #6bcf4c;
  --error: #e54848;
  --accent: #cbdc00;
  --star-color: #f1c40f;

  /* 🔁 Subsystem / Compatibility Aliases */
  --primary: var(--primary-color);
  --primary-dark: #6ca024;
  --primary-light: #c8e6a8;
  --primary-hover: var(--button-color-hover);

  --secondary: var(--secondary-color);

  --button-primary: var(--button-color);
  --button-hover: var(--button-color-hover);

  --text: var(--text-color);
  --text-dark: var(--text-color);
  --text-medium: #555;
  --text-light: #777;

  --bg-light: var(--background-color);
  --background: var(--background-color);
  --white: var(--card-background);

  /* 🎨 UI Design */
  --border-color: #eee;
  --border: rgba(30, 41, 59, 0.1);

  --border-radius: 10px;
  --radius-sm: 10px;
  --radius-md: 10px;

  --box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 6px 18px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 24px rgba(0, 0, 0, 0.08);

  --spacing: 15px;

  /* ⏱️ Transitions */
  --transition-speed: 0.2s;
  --transition: all var(--transition-speed) cubic-bezier(0.4, 0, 0.2, 1);
}

@media screen and (max-width:360px){.header-logo{margin:auto !important;}.header-nav-btn{display:none !important;}}
*{margin:0;padding:0;box-sizing:border-box}body,header{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}header{background-color:rgba(0,0,0,.5);display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;box-shadow:0 2px 10px rgba(0,0,0,.1);position:fixed;width:100%;top:0;transition:transform .3s ease-in-out;z-index:1000}.header-logo a{display:inline-block;text-decoration:none}.header-logo-img{display:block;max-height:65px;width:auto;object-fit:contain}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;color:#000;border:1px solid var(--border-color, #ccc);padding:8px 12px;border-radius:6px;font-size:1rem;cursor:pointer;background-image:none;background-repeat:no-repeat;background-position:right 10px center}select:focus{outline:0;border-color:#999}button,input,select{-webkit-tap-highlight-color:transparent}.footer-nav-btn,.header-nav-btn{display:inline-block;padding:.75rem 1.5rem;color:#fff;text-decoration:none;border-radius:4px;font-weight:700;transition:all .3s ease}.footer-nav-btn:hover,.header-nav-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.header-hidden{transform:translateY(-100%)}footer{background-color:#333;color:#fff;padding:2rem;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:auto}.footer-logo{flex:1;min-width:250px;margin-bottom:1rem}.footer-logo-img{max-width:100%;height:auto;max-height:80px}.footer-links{flex:1;min-width:250px;display:flex;flex-direction:column}.footer-links a,a{text-decoration:none}.footer-links a{color:#ddd;margin:.5rem 0;font-size:1rem;transition:color .3s ease}a{color:inherit}@media screen and (max-width:768px){.header-logo-img{max-height:60px}header{padding:.75rem 1rem}.header-nav-btn{padding:.5rem 1rem;font-size:.9rem}.footer-nav-btn{text-align:center}footer{padding:1.5rem 1rem;flex-direction:column}}@media screen and (max-width:480px){.header-logo-img{max-height:55px}.header-nav-btn{padding:.25rem .8rem;font-size:.8rem}.footer-links{width:100%}}@media screen and (max-width:420px){.header-logo-img{max-height:50px}.header-nav-btn{padding:.35rem .75rem;font-size:.7rem}}@media screen and (max-width:380px){.header-logo-img{max-height:45px}}.search-container {
        position: relative;
      }
      
      /* Autocomplete Dropdown Styling */
      .near-box {
        position: absolute;
        top: calc(100% + 6px); /* Small gap under input */
        left: 0;
        z-index: 1000;
        width: 100%; /* Will match input width via JS */
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 8px;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
        max-height: 300px;
        overflow-y: auto;
        box-sizing: border-box;
      }
      
      .near-box li {
        padding: 12px 16px;
        cursor: pointer;
        font-size: 14px;
        color: #333;
        transition: background-color 0.2s ease;
        text-align: left;
      }
      
      .near-box li:hover,
      .near-box li.bg-gray-100 {
        background-color: #f0f0f0;
      }
      
      .near-box::-webkit-scrollbar {
        width: 8px;
      }
      
      .near-box::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 4px;
      }
      .near-box li {
        font-size: .8rem;
   
    }
    
  
    
 
    [data-auto-hide-header] {
        transition: transform 0.3s ease;
        will-change: transform;       /* helps the GPU handle the slide */
      }
      [data-auto-hide-header].is-hidden {
        transform: translateY(-100%); /* slides completely out of view */
      } .popular-cities-wrapper {
  max-width: 900px;
  margin: 4rem auto;
  padding: 2rem;
  
  border-radius: 16px;
  
  text-align: center;
  animation: fadeInSlideCities 0.7s ease-out both;
}
.popular-title {
  font-size:clamp(1.1rem,2vw,1.3rem);
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
}

.popular-city-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

.city-link {
  background-color: #8bc34a;
  color: #ffffff;
  text-decoration: none;
  padding: 0.75rem 1.2rem;
  border-radius: 10px;
  font-size:clamp(.85rem,2vw,.95rem);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 14px rgba(0, 86, 179, 0.15);
}

.city-link:hover {
  background-color:   #7cb342;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 86, 179, 0.3);
}

.pin {
  font-size:clamp(.85rem,2vw,.95rem);
  animation: pinPulseCities 1.6s infinite;
}

/* Mobile-first — buttons stack */
@media (max-width: 600px) {
  .city-link {
    flex: 1 1 100%;
    justify-content: center;
  }
}

/* Animations */
@keyframes fadeInSlideCities {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pinPulseCities {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  50% {
    transform: scale(1.15);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.9;
  }
}
.highlight {
  color: var(--primary);
  position: relative;
  z-index: 1;
}
.feature::before,
.highlight::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}
.highlight::after {
  height: 4px;
  background-color: var(--primary-light);
  bottom: -3px;
  z-index: -1;
  opacity: 0.5;
}.footer-text{color: white; text-align:center;font-weight: bold; text-wrap: balance; font-size: 1rem;margin:auto 2rem;}
@media screen and (max-width: 970px) { .footer-text{display:none}
  
}
@media screen and (max-width: 770px) { .footer-text{display:block}
  
}
@media screen and (max-width: 430px) { .footer-text{display:none}
  
}
@media screen and (max-width: 778px) {.footer-logo{margin:auto;margin-bottom:15px; min-width: unset;}}</pre></body></html>