.city-default{background-color:#fff}.city-green{background-color:#48bb78}.city-blue{background-color:#60a5fa}.city-red{background-color:#f56565}.city-yellow{background-color:#f6e05e}.city-purple{background-color:#9f7aea}.city-orange{background-color:#ed8936}.city-gray{background-color:#718096}.city-teal{background-color:#4fd8d1}.city-pink{background-color:#ed64a6}.city-cyan{background-color:#2e526b}.city-indigo{background-color:#667eea}.city-lime{background-color:#a3e635}.city-deep-orange{background-color:#f7cca9}.city-deep-purple{background-color:#6b529c}.city-amber{background-color:#f6e05e}.city-light-green{background-color:#48bb78}.city-brown{background-color:#f07d47}.city-blue-gray{background-color:#90afdb}.city-black{background-color:#000}.image-slider-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;height:100%;width:100%;scroll-behavior:smooth;pointer-events:none}.image-slider-container::-webkit-scrollbar{display:none}.image-slide{flex:0 0 100%;width:100%;position:relative;scroll-snap-align:start}.slider-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10}.slider-dot{width:8px;height:8px;border-radius:50%;background-color:hsla(0,0%,100%,.6);transition:background-color .3s ease;box-shadow:0 0 2px rgba(0,0,0,.5)}.slider-dot.active{background-color:#fff}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;background-color:hsla(0,0%,100%,.7);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;opacity:0;transition:opacity .3s ease,background-color .2s;color:#333}.slider-arrow:hover{background-color:hsla(0,0%,100%,.9)}.group:hover .slider-arrow{opacity:1}@media (pointer:coarse){.slider-arrow{opacity:1}}.slider-arrow.left-arrow{left:8px}.slider-arrow.right-arrow{right:8px}.h-full .group{height:100%;display:flex;flex-direction:column}.h-full .group>div:first-of-type{flex-grow:1}.featured-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:30;background-color:rgba(0,0,0,.4);color:#fff;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.5);cursor:pointer;transition:background-color .3s ease}.featured-carousel-arrow:hover{background-color:rgba(0,0,0,.6)}.featured-carousel-arrow.left-arrow{left:12px}.featured-carousel-arrow.right-arrow{right:12px}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;background-color:#fff;color:#000;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .2s ease}.carousel-arrow:hover{transform:translateY(-50%) scale(1.1)}.carousel-arrow.left-0{left:-24px}.carousel-arrow.right-0{right:-24px}.swiper{width:100%;height:300px;margin-left:auto;margin-right:auto}.swiper-slide{background-size:cover;background-position:50%}.mySwiper2{height:80%;width:100%;--swiper-navigation-color:#fff;--swiper-pagination-color:#fff}.mySwiper{height:20%;box-sizing:border-box;padding:10px 0}.mySwiper .swiper-slide{width:25%;height:100%;opacity:.4}.mySwiper .swiper-slide-thumb-active{opacity:1}.swiper-slide img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}