.section-banner{display:flex;flex-direction:column;width:100%;max-width:1452px;margin:0 auto;overflow:hidden}.section-banner .swiper-slide{display:flex;border-radius:45px;height:520px;opacity:0}.section-banner .swiper-slide .left{max-width:450px;width:40%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 80px;position:relative;z-index:1}.section-banner .swiper-slide .left .title{font-size:45px;font-weight:700}.section-banner .swiper-slide .left .title span{display:block;font-size:98px}.section-banner .swiper-slide .left .desc{font-size:16px;line-height:1.5}.section-banner .swiper-slide .left .btn{margin-top:22px}.section-banner .swiper-slide .right{width:60%;display:flex;flex:1;background-size:cover;justify-content:center;opacity:0;transition:all .5s;position:relative;z-index:0}.section-banner .swiper-slide .right img{max-height:100%}.section-banner .swiper-slide.swiper-slide-active{opacity:1}.section-banner .swiper-slide.swiper-slide-active .right{opacity:1}.section-banner .swiper-slide.template,.section-banner .swiper-slide.birthday,.section-banner .swiper-slide.ppt{overflow:hidden}.section-banner .swiper-pagination{position:unset;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:125px;z-index:0}.section-banner .swiper-pagination .page-item{max-width:200px;width:15%;margin:0 10px 35px;cursor:pointer;position:relative}.section-banner .swiper-pagination .page-item:last-child{margin-right:auto;margin-left:2.5%}.section-banner .swiper-pagination .page-item>a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.section-banner .swiper-pagination .page-item.active{transform:scale(1.1);transform-origin:bottom}.section-banner .swiper-pagination .page-item.active .title{color:#c08fff}.section-banner .swiper-pagination .page-item img{width:100%;transition:all .5s}.section-banner .swiper-pagination .page-item .title{font-size:26px;color:#b7b7b7;margin-top:22px;height:54px}.section-templates{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;max-width:1450px;margin-top:100px}.section-templates .template-item{width:23%;text-align:center;margin-top:20px;margin-bottom:50px}.section-templates .template-item:last-child:nth-child(4n-1){margin-right:26%}.section-templates .template-item:last-child:nth-child(4n-2){margin-right:51%}.section-templates .template-item:last-child:nth-child(4n-3){margin-right:76%}.section-templates .template-item .thumb{position:relative;overflow:hidden;border-radius:12px;max-height:244px}.section-templates .template-item .thumb:hover .preview-screen{top:0}.section-templates .template-item .thumb img{width:100%;object-fit:cover}.section-templates .template-item .thumb .preview-screen{position:absolute;left:0;top:100%;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:hsla(0,0%,100%,.8);transition:all .5s}.section-templates .template-item .thumb .preview-screen .preview{font-size:18px;color:#fff;font-weight:700;background-color:#000;display:flex;justify-content:center;align-items:center;padding:5px 10px;border-radius:16px;cursor:pointer}.section-templates .template-item .thumb .preview-screen .preview::before{content:" ";display:block;width:18px;height:12px;background:url(../images/icon-eye.png) center no-repeat;background-size:cover;margin-right:5px}.section-templates .template-item .thumb .preview-screen .download{background:none;border:none;margin-top:12px;transition:all .5s;cursor:pointer}.section-templates .template-item .title{font-size:18px;font-weight:bold;margin:37px 0 15px}.section-templates .template-item .desc{font-size:14px;color:#909090}.section-templates .template-item .btn{margin-top:15px}.section-templates .template-item.hidden{display:none}.unlock-more{width:100%;text-align:center}.unlock-more .learn-more{background:none;color:#c08fff;margin:75px auto}.unlock-more .learn-more .icon,.unlock-more .learn-more::after{display:none}.section-steps{width:100%;max-width:1920px;background:radial-gradient(17.37% 28.99% at 24.37% 34%, rgba(109, 176, 255, 0.2) 0%, rgba(45, 217, 255, 0) 100%),radial-gradient(19.97% 33.74% at 78.15% 61.79%, rgba(180, 122, 255, 0.2) 0%, rgba(180, 122, 255, 0) 100%)}.section-steps .steps{display:flex;justify-content:center}.section-steps .steps .step{max-width:312px;width:100%;border-radius:24px;background:linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);margin:80px 25px;display:flex;flex-direction:column;align-items:center}.section-steps .steps .step .title{margin:20px 0;font-weight:bold;font-size:24px}.section-steps .steps .step .desc{font-size:16px;color:#353535;margin-bottom:30px}.section-steps .steps .step img{max-width:240px}.section-steps .steps .step img.logo{width:60px;margin-bottom:18px}.landing-page .section-title{margin-bottom:100px}.section-container{margin-bottom:167px}.section-functions .function-item{width:20%}.template-preview .modal-container{max-width:1200px;position:relative}.template-preview .modal-container .modal-content{max-height:700px;overflow:scroll}.template-preview .modal-container .modal-content img{width:100%}.template-preview .modal-container .modal-content .download{background:#c08fff;color:#fff;position:absolute;margin:auto;bottom:10px;border-radius:20px;left:0;right:0;width:max-content;padding:10px 15px}.section-feature-list{max-width:1210px}.section-feature-list .feature-item{background:#f5f5f5}.section-feature-list .feature-item>a{background:#f5f5f5}.section-feature-list .feature-item>a .title{color:#000}.section-feature-list .feature-item>a .title .more{background:url(../images/page-functions/icon-features-more-black-new.svg) center no-repeat}.section-feature-list .feature-item>a .desc{color:#000}@media screen and (max-width: 1500px){.section-banner .swiper-slide .left .title{font-size:30px}.section-banner .swiper-slide .left .title span{font-size:70px}.section-banner,.section-templates{max-width:1200px}}@media screen and (max-width: 1300px){.section-banner .swiper-slide{height:400px}.section-banner .swiper-slide .left .title{font-size:34px}.section-banner .swiper-slide .left .title span{font-size:70px}}@media screen and (max-width: 1000px){.section-banner .swiper-slide{height:auto;flex-direction:column}.section-banner .swiper-slide .left{width:100%;max-width:100%;margin:0;padding:30px}.section-banner .swiper-slide .left .title{font-size:28px}.section-banner .swiper-slide .left .title span{font-size:40px}.section-banner .swiper-slide .right{width:100%}.section-banner .swiper-slide .right img{width:100%;margin-top:auto}.section-banner .swiper-pagination{flex-wrap:wrap}.section-banner .swiper-pagination .page-item{flex:auto;width:30%;max-width:100%;margin-top:20px}.section-templates{flex-wrap:wrap;justify-content:space-around}.section-templates .template-item{width:45%}.section-templates .template-item:last-child:nth-child(2n-1){margin-right:50%}.section-container{margin-bottom:50px}.section-steps{margin-bottom:50px}.section-steps .steps{flex-wrap:wrap}.section-steps .steps .step{width:100%;max-width:100%;margin-bottom:0}.section-steps .steps .step img{max-width:80%}.section-functions .function-item{width:48%}}