.md-featured-area.template8{padding:0 50px 50px 50px}.md-featured-area.template8.fullColumn{padding:0}.md-featured-area.template8>div{width:100%;overflow:hidden}.md-featured-area.template8 .column-header .margin-box{margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative}.md-featured-area.template8 .column-header .margin-box .mg-title{width:100%;color:#fff;font-family:var(--font-bold);font-size:24px;font-weight:700;line-height:32px;padding-bottom:20px}.md-featured-area.template8 .column-header .margin-box .mg-title:first-child{line-height:32px;color:#fff;font-family:var(--font-bold)}.md-featured-area.template8 .column-header .margin-box .header-button{position:absolute;z-index:10;top:0;right:0;width:100px;height:100%;display:flex;justify-content:space-between;color:#fff}.md-featured-area.template8 .column-header .margin-box .header-button button{background:none;border:none;cursor:pointer;color:#fff}.md-featured-area.template8 .column-header .margin-box .header-button button:hover .iconfont{opacity:1}.md-featured-area.template8 .column-header .margin-box .header-button button:disabled .iconfont{color:#a8a8a8;opacity:0.3;cursor:not-allowed}.md-featured-area.template8 .column-header .margin-box .header-button .iconfont{display:inline-block;font-size:22px;opacity:1;color:#fff}.md-featured-area.template8 .column-header .margin-box .header-button .button-prev .iconfont{transform:rotate(-90deg)}.md-featured-area.template8 .column-header .margin-box .header-button .button-next .iconfont{transform:rotate(90deg)}.md-featured-area.template8 .column-header .subtitle{color:#fff;font-family:var(--font-normal);font-size:14px;font-weight:400;line-height:20px;margin-bottom:8px}.md-featured-area.template8 .style-container{display:flex;position:relative;transition:left 0.3s;width:100%}.md-featured-area.template8 .style-container .city-item{height:550px;flex:1;color:#fff;position:relative;cursor:pointer;transition:all 0.3s ease;will-change:min-width, hight}.md-featured-area.template8 .style-container .city-item .city-title,.md-featured-area.template8 .style-container .city-item .city-explore{color:#fff;text-shadow:0px 1px 1px rgba(8,17,38,0.5);font-family:var(--font-normal);font-size:14px;font-weight:400;line-height:60px}.md-featured-area.template8 .style-container .city-item .city-title{position:relative}.md-featured-area.template8 .style-container .city-item .city-explore{text-decoration-line:none;text-transform:capitalize;display:none;cursor:pointer}.md-featured-area.template8 .style-container .city-item .city-explore a{cursor:pointer;color:#fff;font-family:var(--font-normal);font-size:14px}.md-featured-area.template8 .style-container .city-item .city-explore:hover{text-decoration-line:underline}.md-featured-area.template8 .style-container .city-item+.city-item{margin-left:30px}.md-featured-area.template8 .style-container.center{justify-content:center}.md-featured-area.template8 .style-container .city-style{display:block;width:100%;background:no-repeat 50%;background-size:cover;height:490px;border-radius:20px;color:#fff;position:relative;cursor:pointer;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0)}.md-featured-area.template8 .style-container .city-style .bg-img{position:absolute;left:0;right:0;bottom:0;top:0;transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;will-change:transform;border-radius:20px;overflow:hidden}.md-featured-area.template8 .style-container .city-style .city-link{position:absolute;top:0;left:0;right:0;bottom:0;text-transform:uppercase}.md-featured-area.template8 .style-container .city-style .mask{right:0;bottom:0;position:absolute;top:0;left:0;background:linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));border-radius:20px;overflow:hidden}.md-featured-area.template8 .style-container .city-style .position-box{width:100%;position:absolute;left:20px;right:20px;bottom:10px;z-index:20}.md-featured-area.template8 .style-container .city-style .position-box .tags{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start}.md-featured-area.template8 .style-container .city-style .position-box .tags .tag-detail{font-family:var(--font-normal);font-size:12px;font-weight:400;line-height:20px;border-radius:12px;background:rgba(0,0,0,0.5);padding:0 8px;margin-right:10px;margin-bottom:10px}.md-featured-area.template8 .style-container .city-style .position-box .tags .tag-detail:last-child{margin-right:0}.md-featured-area.template8 .style-container .city-style:hover .bg-img{transform:scale(1.1);border-radius:20px}.md-featured-area.template8 .style-container .city-item:hover .city-title::after{content:'.';height:1px;min-width:100%;background:linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 102.56%);position:absolute;left:0;bottom:0}.md-featured-area.template8 .style-container .city-item:hover .city-explore{display:block}.md-featured-area.template8 .style-container .city-item:hover .city-style{height:430px}.md-featured-area.template8 .style-container .city-item-4{min-width:calc((100% - 430px - 90px) / 3);transition:all 0.3s ease;will-change:min-width, hight}.md-featured-area.template8 .style-container .city-item-4.active-item,.md-featured-area.template8 .style-container .city-item-4.hide-item{min-width:430px}.md-featured-area.template8 .style-container .city-item-4.active-item .city-title::after,.md-featured-area.template8 .style-container .city-item-4.hide-item .city-title::after{content:'.';height:1px;min-width:100%;background:linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 102.56%);position:absolute;left:0;bottom:0}.md-featured-area.template8 .style-container .city-item-4.active-item .city-explore,.md-featured-area.template8 .style-container .city-item-4.hide-item .city-explore{display:block}.md-featured-area.template8 .style-container .city-item-4.active-item .city-style,.md-featured-area.template8 .style-container .city-item-4.hide-item .city-style{height:430px}.md-featured-area.template8 .style-container .city-item-4.intoview-item-next{margin-left:300px}.md-featured-area.template8 .style-container .city-item-4:hover{min-width:430px}.md-featured-area.template8 .style-container .city-item-4:hover .city-title::after{content:'.';height:1px;min-width:100%;background:linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 102.56%);position:absolute;left:0;bottom:0}.md-featured-area.template8 .style-container .city-item-4:hover .city-explore{display:block}.md-featured-area.template8 .style-container .city-item-4:hover .city-style{height:430px}.md-featured-area.template8 .more .city-item.city-item-4:not(:hover){min-width:calc((100% - 430px - 90px) / 3)}.md-featured-area.template8 .more .city-item.city-item-4:not(:hover).active-item{min-width:calc((100% - 430px - 90px) / 3)}.md-featured-area.template8 .more .city-item.city-item-4:not(:hover).active-item .city-title::after,.md-featured-area.template8 .more .city-item.city-item-4:not(:hover).active-item .city-explore{display:none}.md-featured-area.template8 .more .city-item.city-item-4:not(:hover).active-item .city-style{height:490px}.md-featured-area.template8 .more .city-item.city-item-4:not(:hover).hide-item{min-width:430px}.md-featured-area.template8 .more .city-item.city-item-4:not(:hover).hide-item .city-explore{display:block}.md-featured-area.template8 .more .city-item.city-item-4:not(:hover).hide-item .city-style{height:430px}@media (max-width: 800px){.md-featured-area.template8{padding:0 0 25px 0}.md-featured-area.template8 .column-header{padding:0 15px}.md-featured-area.template8 .column-header .margin-box{line-height:24px;position:static}.md-featured-area.template8 .column-header .margin-box .mg-title{color:#fff;font-family:var(--font-bold);font-size:16px;font-weight:700;height:100%;line-height:24px;padding-bottom:15px}.md-featured-area.template8 .column-header .margin-box .mg-title:first-child{line-height:24px}.md-featured-area.template8 .column-header .subtitle{color:#fff;font-family:var(--font-normal);font-size:12px;font-weight:400;line-height:18px;margin-bottom:5px}.md-featured-area.template8 .style-container{display:flex;position:relative;transition:left 0.3s;overflow-x:auto;padding-left:15px}.md-featured-area.template8 .style-container.center{justify-content:center}.md-featured-area.template8 .style-container .city-item{width:230px;height:auto;flex:none;color:#fff;position:relative;cursor:pointer}.md-featured-area.template8 .style-container .city-item .city-title,.md-featured-area.template8 .style-container .city-item .city-explore{color:#fff;text-shadow:0px 1px 1px rgba(8,17,38,0.5);font-family:var(--font-normal);font-size:12px;font-weight:400}.md-featured-area.template8 .style-container .city-item .city-title{position:relative;line-height:14px;padding-bottom:10px}.md-featured-area.template8 .style-container .city-item .city-explore{text-decoration-line:underline;text-transform:capitalize;display:none}.md-featured-area.template8 .style-container .city-item .city-style{width:230px;height:350px;border-radius:10px}.md-featured-area.template8 .style-container .city-item .city-style .bg-img,.md-featured-area.template8 .style-container .city-item .city-style .mask{border-radius:10px}.md-featured-area.template8 .style-container .city-item+.city-item{margin-left:5px}.md-featured-area.template8 .style-container .city-item:hover .city-title::after,.md-featured-area.template8 .style-container .city-item-4:hover .city-title::after{display:none}.md-featured-area.template8 .style-container .city-item:hover .city-explore,.md-featured-area.template8 .style-container .city-item-4:hover .city-explore{display:none}.md-featured-area.template8 .style-container .city-item:hover .city-style,.md-featured-area.template8 .style-container .city-item-4:hover .city-style{width:230px;min-width:230px;height:350px}.md-featured-area.template8 .style-container .city-item-4.active-item{width:230px;min-width:230px;height:auto}.md-featured-area.template8 .style-container .city-item-4.active-item .city-style{width:230px;min-width:230px;height:350px}.md-featured-area.template8 .style-container .city-item-4:first-child .city-title::after{display:none}.md-featured-area.template8 .style-container .city-item-4:first-child .city-explore{display:none}.md-featured-area.template8 .style-container::-webkit-scrollbar{display:none}}