.md-featured-area.layout4 .featured-area-container{overflow:hidden}.md-featured-area.layout4 .featured-area-container .featured-area-title{margin:0 auto 40px}@media (max-width: 800px){.md-featured-area.layout4 .featured-area-container .featured-area-title{margin-bottom:20px}}.md-featured-area.layout4 .featured-area-container .style-container{display:flex;position:relative;transition:left 0.3s}.md-featured-area.layout4 .featured-area-container .style-container.center{justify-content:center}.md-featured-area.layout4 .featured-area-container .style-container .city-item{height:550px;width:21%;color:var(--g-primary-color);position:relative;cursor:pointer;transition:all 0.3s ease;will-change:min-width, hight}.md-featured-area.layout4 .featured-area-container .style-container .city-item .city-title,.md-featured-area.layout4 .featured-area-container .style-container .city-item .city-explore{color:var(--g-primary-color);font-family:var(--font-normal);font-size:14px;font-weight:400;line-height:60px}.md-featured-area.layout4 .featured-area-container .style-container .city-item .city-title{position:relative;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:20px}.md-featured-area.layout4 .featured-area-container .style-container .city-item .city-explore{text-decoration-line:none;text-transform:capitalize;display:none;cursor:pointer}.md-featured-area.layout4 .featured-area-container .style-container .city-item .city-explore a{cursor:pointer;color:var(--g-primary-color);font-family:var(--font-normal);font-size:14px;position:relative}.md-featured-area.layout4 .featured-area-container .style-container .city-item .city-explore a:before{content:' ';position:absolute;left:0%;right:unset;bottom:2px;top:unset;height:1px;width:0%;background-color:var(--g-text-color);-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.md-featured-area.layout4 .featured-area-container .style-container .city-item .city-explore:hover a:before{width:100%}.md-featured-area.layout4 .featured-area-container .style-container .city-item.active-item .city-title{font-weight:700}.md-featured-area.layout4 .featured-area-container .style-container .city-item+.city-item{margin-left:30px}.md-featured-area.layout4 .featured-area-container .style-container .city-item-1{width:100%}.md-featured-area.layout4 .featured-area-container .style-container .city-item-2.active-item,.md-featured-area.layout4 .featured-area-container .style-container .city-item-2:hover{width:calc(100% - 21% - 30px)}.md-featured-area.layout4 .featured-area-container .style-container .city-item-3.active-item,.md-featured-area.layout4 .featured-area-container .style-container .city-item-3:hover{width:calc(100% - 21% * 2 - 30px * 2)}.md-featured-area.layout4 .featured-area-container .style-container .city-style{display:block;width:100%;background:no-repeat 50%;background-size:cover;height:490px;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.layout4 .featured-area-container .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;overflow:hidden}.md-featured-area.layout4 .featured-area-container .style-container .city-style .default-wrap{width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;top:0;display:flex;justify-content:center;align-items:center;background:rgba(218,218,218,0.2)}.md-featured-area.layout4 .featured-area-container .style-container .city-style .default-wrap img{width:64px;height:56px;object-fit:contain;opacity:0.3}@media (max-width: 600px){.md-featured-area.layout4 .featured-area-container .style-container .city-style .default-wrap img{width:50px;height:44px}}.md-featured-area.layout4 .featured-area-container .style-container .city-style .city-link{position:absolute;top:0;left:0;right:0;bottom:0;text-transform:uppercase}.md-featured-area.layout4 .featured-area-container .style-container .city-style .featured-area-mask{width:100%;height:100%;right:0;bottom:0;position:absolute;top:0;left:0;overflow:hidden}.md-featured-area.layout4 .featured-area-container .style-container .city-style .position-box{width:100%;position:absolute;left:20px;right:20px;bottom:10px;z-index:20}.md-featured-area.layout4 .featured-area-container .style-container .city-style .position-box .tags{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start}.md-featured-area.layout4 .featured-area-container .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.layout4 .featured-area-container .style-container .city-style .position-box .tags .tag-detail:last-child{margin-right:0}.md-featured-area.layout4 .featured-area-container .style-container .city-style:hover .bg-img{transform:scale(1.1)}.md-featured-area.layout4 .featured-area-container .style-container .city-item:hover .city-title{font-weight:700}.md-featured-area.layout4 .featured-area-container .style-container .city-item:hover .city-title::after{content:'.';height:1px;min-width:100%;background:linear-gradient(90deg, #a8a8a8 0%, rgba(255,255,255,0) 100%);position:absolute;left:0;bottom:0}.md-featured-area.layout4 .featured-area-container .style-container .city-item:hover .city-explore{display:block}.md-featured-area.layout4 .featured-area-container .style-container .city-item:hover .city-style{height:430px}.md-featured-area.layout4 .featured-area-container .style-container .city-item-4{min-width:calc((100% - 32% - 90px) / 3);transition:all 0.3s ease;will-change:min-width, hight}.md-featured-area.layout4 .featured-area-container .style-container .city-item-4.hide-item{opacity:0}.md-featured-area.layout4 .featured-area-container .style-container .city-item-4.active-item,.md-featured-area.layout4 .featured-area-container .style-container .city-item-4.hide-item{min-width:32%}.md-featured-area.layout4 .featured-area-container .style-container .city-item-4.active-item .city-title,.md-featured-area.layout4 .featured-area-container .style-container .city-item-4.hide-item .city-title{font-weight:700}.md-featured-area.layout4 .featured-area-container .style-container .city-item-4.active-item .city-title::after,.md-featured-area.layout4 .featured-area-container .style-container .city-item-4.hide-item .city-title::after{content:'.';height:1px;min-width:100%;background:linear-gradient(90deg, #a8a8a8 0%, rgba(255,255,255,0) 100%);position:absolute;left:0;bottom:0}.md-featured-area.layout4 .featured-area-container .style-container .city-item-4.active-item .city-explore,.md-featured-area.layout4 .featured-area-container .style-container .city-item-4.hide-item .city-explore{display:block}.md-featured-area.layout4 .featured-area-container .style-container .city-item-4.active-item .city-style,.md-featured-area.layout4 .featured-area-container .style-container .city-item-4.hide-item .city-style{height:430px}.md-featured-area.layout4 .featured-area-container .style-container .city-item-4.intoview-item-next{margin-left:300px}.md-featured-area.layout4 .featured-area-container .style-container .city-item-4:hover{min-width:32%}.md-featured-area.layout4 .featured-area-container .style-container .city-item-4:hover .city-title::after{content:'.';height:1px;min-width:100%;background:linear-gradient(90deg, #a8a8a8 0%, rgba(255,255,255,0) 100%);position:absolute;left:0;bottom:0}.md-featured-area.layout4 .featured-area-container .style-container .city-item-4:hover .city-explore{display:block}.md-featured-area.layout4 .featured-area-container .style-container .city-item-4:hover .city-style{height:430px}.md-featured-area.layout4 .featured-area-container .more .city-item-2:not(:hover),.md-featured-area.layout4 .featured-area-container .more .city-item-3:not(:hover){width:21%}.md-featured-area.layout4 .featured-area-container .more .city-item-2:not(:hover).active-item,.md-featured-area.layout4 .featured-area-container .more .city-item-3:not(:hover).active-item{width:21%}.md-featured-area.layout4 .featured-area-container .more .city-item-2:not(:hover).active-item .city-title,.md-featured-area.layout4 .featured-area-container .more .city-item-3:not(:hover).active-item .city-title{font-weight:400}.md-featured-area.layout4 .featured-area-container .more .city-item-4:not(:hover){min-width:calc((100% - 32% - 90px) / 3)}.md-featured-area.layout4 .featured-area-container .more .city-item-4:not(:hover).active-item{min-width:calc((100% - 32% - 90px) / 3)}.md-featured-area.layout4 .featured-area-container .more .city-item-4:not(:hover).active-item .city-title{font-weight:400}.md-featured-area.layout4 .featured-area-container .more .city-item-4:not(:hover).active-item .city-title::after,.md-featured-area.layout4 .featured-area-container .more .city-item-4:not(:hover).active-item .city-explore{display:none}.md-featured-area.layout4 .featured-area-container .more .city-item-4:not(:hover).active-item .city-style{height:490px}.md-featured-area.layout4 .featured-area-container .more .city-item-4:not(:hover).hide-item{min-width:32%}.md-featured-area.layout4 .featured-area-container .more .city-item-4:not(:hover).hide-item .city-explore{display:block}.md-featured-area.layout4 .featured-area-container .more .city-item-4:not(:hover).hide-item .city-style{height:430px}.md-featured-area.layout4 .featured-area-container .featured-area-button-wrap{display:flex;justify-content:center;align-items:center;padding-top:40px;column-gap:30px}.md-featured-area.layout4 .featured-area-container .featured-area-button-wrap .btn{width:50px;height:50px;line-height:50px;text-align:center;padding:0 15px;border-radius:50%;cursor:pointer;background:none;border:1px solid var(--g-btn-background);color:var(--g-btn-background)}.md-featured-area.layout4 .featured-area-container .featured-area-button-wrap .btn:not(:disabled):hover{background:rgba(25,25,25,0.1)}.md-featured-area.layout4 .featured-area-container .featured-area-button-wrap .btn:disabled{opacity:0.4;cursor:not-allowed}@media (max-width: 800px){.md-featured-area.layout4 .featured-area-container.f-col{width:100%;padding-left:15px}.md-featured-area.layout4 .featured-area-container .style-container{display:flex;position:relative;transition:left 0.3s;overflow-x:auto}.md-featured-area.layout4 .featured-area-container .style-container.center .active-item{width:230px;margin-left:-15px}.md-featured-area.layout4 .featured-area-container .style-container .city-item:first-child{margin-left:15px}.md-featured-area.layout4 .featured-area-container .style-container .city-item,.md-featured-area.layout4 .featured-area-container .style-container .city-item-2,.md-featured-area.layout4 .featured-area-container .style-container .city-item-3{width:230px;height:auto;flex:none;color:var(--g-primary-color);position:relative;cursor:pointer}.md-featured-area.layout4 .featured-area-container .style-container .city-item .city-title,.md-featured-area.layout4 .featured-area-container .style-container .city-item .city-explore,.md-featured-area.layout4 .featured-area-container .style-container .city-item-2 .city-title,.md-featured-area.layout4 .featured-area-container .style-container .city-item-2 .city-explore,.md-featured-area.layout4 .featured-area-container .style-container .city-item-3 .city-title,.md-featured-area.layout4 .featured-area-container .style-container .city-item-3 .city-explore{color:var(--g-primary-color);font-family:var(--font-normal);font-size:16px;font-weight:400}.md-featured-area.layout4 .featured-area-container .style-container .city-item .city-title,.md-featured-area.layout4 .featured-area-container .style-container .city-item-2 .city-title,.md-featured-area.layout4 .featured-area-container .style-container .city-item-3 .city-title{position:relative;line-height:14px;padding-bottom:10px}.md-featured-area.layout4 .featured-area-container .style-container .city-item .city-explore,.md-featured-area.layout4 .featured-area-container .style-container .city-item-2 .city-explore,.md-featured-area.layout4 .featured-area-container .style-container .city-item-3 .city-explore{text-decoration-line:underline;text-transform:capitalize;display:none;font-size:12px}.md-featured-area.layout4 .featured-area-container .style-container .city-item .city-style,.md-featured-area.layout4 .featured-area-container .style-container .city-item-2 .city-style,.md-featured-area.layout4 .featured-area-container .style-container .city-item-3 .city-style{width:230px;height:350px}.md-featured-area.layout4 .featured-area-container .style-container .city-item.active-item,.md-featured-area.layout4 .featured-area-container .style-container .city-item-2.active-item,.md-featured-area.layout4 .featured-area-container .style-container .city-item-3.active-item{width:230px}.md-featured-area.layout4 .featured-area-container .style-container .city-item.active-item .city-title,.md-featured-area.layout4 .featured-area-container .style-container .city-item-2.active-item .city-title,.md-featured-area.layout4 .featured-area-container .style-container .city-item-3.active-item .city-title{font-weight:400}.md-featured-area.layout4 .featured-area-container .style-container .city-item+.city-item{margin-left:5px}.md-featured-area.layout4 .featured-area-container .style-container .city-item:hover .city-title::after,.md-featured-area.layout4 .featured-area-container .style-container .city-item-4:hover .city-title::after{display:none}.md-featured-area.layout4 .featured-area-container .style-container .city-item:hover .city-explore,.md-featured-area.layout4 .featured-area-container .style-container .city-item-4:hover .city-explore{display:none}.md-featured-area.layout4 .featured-area-container .style-container .city-item:hover .city-style,.md-featured-area.layout4 .featured-area-container .style-container .city-item-4:hover .city-style{width:230px;min-width:230px;height:350px}.md-featured-area.layout4 .featured-area-container .style-container .city-item-4.active-item{width:230px;min-width:230px;height:auto}.md-featured-area.layout4 .featured-area-container .style-container .city-item-4.active-item .city-style{width:230px;min-width:230px;height:350px}.md-featured-area.layout4 .featured-area-container .style-container .city-item-4:first-child .city-title::after{display:none}.md-featured-area.layout4 .featured-area-container .style-container .city-item-4:first-child .city-explore{display:none}.md-featured-area.layout4 .featured-area-container .style-container::-webkit-scrollbar{display:none}}