@-webkit-keyframes path{to{stroke-dashoffset:0;stroke-dasharray:60px,0}0%{stroke-dashoffset:.001;stroke-dasharray:0,60px}}@keyframes path{to{stroke-dashoffset:0;stroke-dasharray:60px,0px}0%{stroke-dashoffset:.001;stroke-dasharray:0px,60px}}.my-swiper-container{position:relative}.my-swiper-container,.my-swiper-container .swiper-wrapper{width:100%;height:100%}.my-swiper-container .swiper-slide{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.my-swiper-container .slide-img{width:100%;height:100%;margin:0 auto;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat;transform:scale(1.05);transition-property:transform;transition-timing-function:cubic-bezier(.4,.15,.2,1);filter:brightness(60%)}.my-swiper-container .slide-img.active{transform:scale(1)}.my-swiper-container .swiper-content{position:absolute;left:0;bottom:9rem;width:100%;padding:0 5rem}@media(max-width:600px){.my-swiper-container .swiper-content{bottom:30rem}}.my-swiper-container .swiper-content .swiper-desc{color:#fff;width:60%;margin-bottom:5rem}.my-swiper-container .swiper-content .swiper-desc h1{line-height:1.6;letter-spacing:.3rem;font-weight:400}@media(max-width:600px){.my-swiper-container .swiper-content .swiper-desc{width:80%}}.my-swiper-container .swiper-content .scroll-tag{font-size:2rem;font-weight:300;position:absolute;right:5rem;bottom:0;color:#fff;letter-spacing:.05rem;opacity:.5;padding-bottom:1rem;border-bottom:1px solid #fff;transform:scale(.5);transform-origin:100% 100%;cursor:pointer;transition:opacity .5s cubic-bezier(.4,.15,.2,1)}.my-swiper-container .swiper-content .scroll-tag:hover{opacity:1}@media(max-width:600px){.my-swiper-container .swiper-content .scroll-tag{font-size:4rem}}.my-swiper-container .swiper-pagination{display:flex;justify-content:flex-start;position:relative}.my-swiper-container .swiper-pagination .bullet{width:20px;height:20px;flex:0 0 auto;margin-right:18px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.my-swiper-container .swiper-pagination .bullet .c{display:flex;width:6px;height:6px;align-items:center;justify-content:center;position:relative;flex:0 0 auto}.my-swiper-container .swiper-pagination .bullet .c:after,.my-swiper-container .swiper-pagination .bullet .c:before{content:"";display:block;width:100%;height:100%;border-radius:50%;position:absolute;flex:0 0 auto}.my-swiper-container .swiper-pagination .bullet .c:before{border:1px solid hsla(0,0%,100%,.5)}.my-swiper-container .swiper-pagination .bullet .c:after{transition:opacity .6s cubic-bezier(.4,.15,.2,1),transform .6s cubic-bezier(.4,.15,.2,1);background-color:#fff;opacity:0;transform:scale(0)}.my-swiper-container .swiper-pagination .bullet .r{display:block;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:50%;transition:opacity .6s cubic-bezier(.4,.15,.2,1) .1s,transform .6s cubic-bezier(.4,.15,.2,1);opacity:0;transform:scale(.8)}.my-swiper-container .swiper-pagination .bullet .r svg{width:100%;height:100%;pointer-events:none}.my-swiper-container .swiper-pagination .bullet.active{pointer-events:none}.my-swiper-container .swiper-pagination .bullet.active .c:after{opacity:1;transform:scale(1)}.my-swiper-container .swiper-pagination .bullet.active .r{opacity:1}.my-swiper-container .swiper-pagination .bullet.active .r svg path{-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-name:path;animation-name:path}.my-swiper-container .swiper-pagination .bullet:hover .r{opacity:.5}