.para-header {
  color: black;
  font-size: clamp(16px, 1.4vw, 30px);
}
.city-wrapper {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 0 auto;
  padding: 0 20px;
  margin-top: 2.5rem;
}
.city-header {
  color: black;
   font-size: clamp(16px, 2vw, 38px);
  font-family: "Poppins Black";
}
.image-container-city {
  width: 295px;
  /* width: 228px; */
  /* height: 129px; */
  height: 175px;
  background-color: #efefef;
  border-radius: 20px; /* Adjust for desired roundness */
  overflow: hidden; /* Ensures image respects border radius */
  display: flex;
  gap: 8px;
}

/* Optional: Style for the image inside */
.image-container-city img {
  object-fit: cover; /* Ensures image fills container nicely */
}
.city-sub-wrapper {
  padding-top: 30px;
  display: flex;
  gap: 15px;
}
@media (min-width: 2000px) {
  .city-wrapper {
    width: 70%;
    max-width: 1447.59px;
  }
}
@media  (min-width: 1780px) and (max-width: 2000px)  {
 .city-wrapper {
    max-width: 1600px;
  }
  
}