.swiper#vertical .swiper-wrapper{align-items:center;height:400px}.swiper#vertical .swiper-slide{height:330px;overflow:hidden;transition:width .5s ease-in-out,height .5s ease-in-out;width:calc(20% - 25px);width:210px}.swiper#vertical .swiper-slide .card-vertical_content{transform:translateY(calc(100% - 112px));transition:.5s ease-in-out}.swiper#vertical .swiper-slide .card-vertical_info{opacity:0;transition:.3s ease-in-out}@media (max-width:767px){.swiper#vertical .swiper-slide .card-vertical_info p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.swiper#vertical .swiper-slide.swiper-slide-active{height:400px;width:304px}.swiper#vertical .swiper-slide.swiper-slide-active .card-vertical_content{transform:translateY(0)}.swiper#vertical .swiper-slide.swiper-slide-active .card-vertical_info{opacity:1}}@media (hover:hover){.swiper#vertical .swiper-slide:hover{height:400px;width:calc(40% - 25px);width:460px}.swiper#vertical .swiper-slide:hover .card-vertical_content{transform:translateY(0)}.swiper#vertical .swiper-slide:hover .card-vertical_info{opacity:1}}.card-district-gradient[data-v-679cfc10]:after{background:linear-gradient(180deg,transparent,rgba(0,0,0,.3) 25%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 75%,rgba(0,0,0,.95));opacity:1;transition:opacity .3s ease-in-out}.card-district_inner[data-v-679cfc10]{overflow:hidden;position:relative}.card-district_inner:hover .card-district-gradient[data-v-679cfc10]:after{opacity:.95}