.mob-city-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 10px;
  margin-top: 2.5rem;
}

.mob-city-header {
  color: black;
   font-size: clamp(1.4rem, 4vw, 1.6rem);
  /* font-size: clamp(1.125rem, 2vw, 2.375rem); */
  font-family: "Poppins Bold";
  padding-left: 10px;
}

.Mob-para-header {
  color: #22a0dc;
      font-size: clamp(1.03rem, 3vw, 1.2rem);
  /* font-size: clamp(1rem, 1.4vw, 1.875rem); */
  padding-left: 10px;
  font-family: "Poppins SemiBold";
}

.city-sub-wrapper-eventmob {
  padding-top: 20px;
  display: flex;
  gap: 15px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 15px;
  margin: 0 -10px; /* Compensate for container padding */
  padding-left: 10px; /* Restore left padding */
}

.city-sub-wrapper-eventmob::-webkit-scrollbar {
  display: none;
}

.city-wrapper-eventmob {
  width: 45vw; /* Responsive width based on viewport */
  min-width: 295px;

  /* min-width: 160px; */
  max-width: 200px;
  height: 175px;

  /* height: 120px; */
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
}