.swiper{overflow:initial;}
.swiper-wrapper{flex:none;align-items:flex-start;display:flex;}
.swiper-slide{flex:none;}
.swiper-slide .swiper-card{position:relative;overflow:hidden;height:500px;margin:4px;background-color:#111b1a;border-radius:2em;cursor:default;}
.swiper-slide .swiper-card .swiper-img{display:inline-block;position:absolute;top:0%;bottom:0%;left:0%;right:0%;z-index:2;transform:margin-left:-100px;width:100%;height:100%;max-width:none;-o-object-fit:cover; object-fit:cover;transition:transform 0.7s;}
.swiper-slide .swiper-card .swiper-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%;padding:0 1em 2em 1em;transition:0.3s;}
.swiper-slide .swiper-card .swiper-content .slide-number{margin-bottom:30px;opacity:1;font-size:32px;font-weight:300;color:#ebefe3;}
.swiper-slide .swiper-card .swiper-content .slide-title{margin-bottom:20px;font-size:3em;font-weight:700;line-height:1.2;letter-spacing:-0.03em;color:#ebefe3;}
.swiper-slide .swiper-card .swiper-content .slide-subtitle{margin-bottom:30px;max-width:70%;color:#ebefe3;font-size:16px;font-weight:400;line-height:1.6;}
.swiper-slide .swiper-card .swiper-content .slide-btn{display:none;justify-content:center;align-items:center;padding:0.2em 1em;border:1px solid #ebefe3;border-radius:30px;text-decoration:none;transition:background-color 0.3s;}


.swiper-slide .swiper-card .swiper-content .slide-btn:hover{background-color:#e90044;border-color:transparent;}
.swiper-slide .swiper-card .swiper-content .slide-btn:hover .slide-btn-text{color:#fff;}
.swiper-slide .swiper-card .swiper-content .slide-btn:hover .slide-btn-icon path{color:#111b1a;}
.swiper-slide .swiper-card .swiper-content .slide-btn .slide-btn-text{margin-right:0.6em;color:#ebefe3;transition:color 0.3s;}
.swiper-slide .swiper-card .swiper-content .slide-btn .slide-btn-icon{transition:0.3s;}
.swiper-slide .swiper-card:after{content:'';width:100%;height:100%;position:absolute;z-index:2;top:0%;bottom:0%;left:0%;right:0%;background-color:#222327;opacity:0.5;}


.swiper-slide.is-active .swiper-img{transform:translateX(-14%);width:130%;}
.swiper-slide.is-active .slide-btn{display:flex!important;}
.swiper-slide.is-active .swiper-card:after{background-color:transparent;background-image:linear-gradient(0deg, #000, rgba(0, 0, 0, 0.1) 60%);opacity:0.9;}

.swiper-container{width:90%;height:100%;margin:auto;position:relative;z-index:100000;}
.swiper{overflow:visi1ble;padding-top:2em;position:relative;z-index:100000;}
.swiper-pagination{top:0em;height:3em;font-weight:300;}
.swiper-pagination-current{font-weight:900;}
.swiper-details{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;}
.swiper-slide .swiper-card{display:flex;align-items:end;}
.swiper-slide .swiper-card .swiper-content{align-items:center!important;}
.swiper-img{filter:grayscale(0.8);}
.slide-name{margin-bottom:1em;opacity:0.4;}
.slide-name span{display:block;line-height:1.2;padding:0;}
.slide-name span.ch{font-size:2em!important;}
.slide-name span.en{font-size:0.9em;opacity:0.7;}
.slide-name span:first-child{font-size:1.6em;font-weight:900;}
.slide-date{display:none;font-size:0.9em;padding-bottom:0.4em;margin-bottom:0.6em;border-bottom:1px solid rgba(255,255,255,0.6);}
.slide-btn:after{content:'';display:block;width:14px;height:14px;background-image:url('../imgs/arrow-top-right-white.svg');background-repeat:no-repeat;background-position:center;background-size:100%;}

.swiper-slide.is-active .swiper-img{filter:grayscale(0);}
.swiper-slide.is-active .slide-name{opacity:1!important;}
.swiper-slide.is-active .slide-name span.ch{font-size:3em!important;}
.swiper-slide.is-active .slide-name span:first-child{font-size:1.6em;font-weight:900;}
.swiper-slide.is-active .slide-name span.en:first-child{font-size:2em;opacity:1;}
.swiper-slide.is-active .slide-date{display:block;}

.swiper-button-next,.swiper-button-prev{display:flex;padding:1em;border:1px solid rgba(255,255,255,0.5);z-index:1000;background:rgba(0,0,0,0.2);}
.swiper-button-next:hover,.swiper-button-prev:hover{background-color:var(--theme-ui-colors-main);border-color:transparent;}
.swiper-button-next:after,.swiper-button-prev:after{color:rgba(255,255,255,0.5);display:none;}
.swiper-button-next:hover:after,.swiper-button-prev:hover:after{color:rgba(255,255,255,1);}

.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0;cursor:auto;pointer-events:none;}
.swiper-button-prev,.swiper-button-next{width:50px;height:50px;padding:0.8em;border-radius:50%;transition:0.3s;}
.swiper-button-prev{padding-right:0.4em!important;left:-1em;}
.swiper-button-next{padding-left:0.4em!important;right:-1em;}
.swiper-button-next span,.swiper-button-prev span{border-color:#fff;width:14px;height:14px;display:flex;margin:0 auto;border-top:2px solid rgba(255,255,255,0.6);border-left:2px solid rgba(255,255,255,0.6);justify-content:center;align-items:center;}
.swiper-button-next:hover span,.swiper-button-prev:hover span{border-top:2px solid rgba(255,255,255,1);border-left:2px solid rgba(255,255,255,1);}
.swiper-button-next span{transform:rotate(135deg);}
.swiper-button-prev span{transform:rotate(-45deg);}


.swiper-slide .img{width:100%;height:100%;background-size:100%!important;background-repeat:no-repeat;background-position:center;}

@media (max-width:767px){
.swiper-slide .swiper-card{height:560px;}
.swiper-slide .swiper-card .swiper-img{margin-left:0;}
.swiper-slide.is-active .swiper-img{transform:translateX(-12%);width:130%;}
.swiper-slide.is-active .slide-name span.ch{font-size:2em!important;}
.slide-date{font-size:0.8em;padding-bottom:0.2em;margin-bottom:0.4em;}
}