.hero {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url("https://oss.allintrip.cn/shanwentou/upfiles/onepage/bannerly.png?x-oss-process=image/quality,q_85/format,jpg");
}

.panoramic-scenic-spots-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10rem;
  perspective: 1000px;
}
.bg-fff {
  background: linear-gradient(135deg, #f2f5f5 0%, #f2f5f5 100%) !important;
}
.panoramic-scenic-spots-item {
  transition: transform 0.6s ease-in-out;
  transform-style: preserve-3d;
  cursor: pointer;
}

.panoramic-scenic-spots-item:hover {
  transform: rotateY(360deg);
}
#allview {
  display: flex; 
  width: 100%;
  gap: 1rem; 
}
#allview > div:first-child {
  flex: 0 0 30%; 
}
#allview > div:last-child {
  flex: 0 0 70%; 
}
#map-container{
  width: 100%; 
  height:800px
}

@media (max-width: 1024px) {
  
 #allview {
    flex-direction: column; 
    gap: 1.5rem; 
  }
   #allview > div:first-child,
  #allview > div:last-child {
    flex: 0 0 100%;
    width: 100% !important; 
  }
  .panoramic-scenic-spots-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr); 
    gap: 2rem;
    justify-items: center;
    padding: 0px;
  }
  .panoramic-scenic-spots-item {
    width: 100%;
    max-width: 250px; 
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
    cursor: pointer;
  }
  #map-container{
  width: 100%; 
  height:400px
}
}

.tourism-region-display {
  display: none;
}