#app{height:100%}.swiper{height:240px;margin:100px auto;width:320px}.swiper-slide{align-items:center;color:#fff;display:flex;font-size:22px;font-weight:700;justify-content:center}.swiper-slide-active .comment{box-shadow:0 4px 24px #00000080!important}.swiper-button-prev:after{transform:scale(1.3)}.swiper-button-next:after,.swiper-button-prev:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg fill='%230F0500' opacity='.8'%3E%3Cpath d='M14.43 18.82c-.19 0-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L19.44 12 13.9 6.46a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l6.07 6.07c.29.29.29.77 0 1.06l-6.07 6.07c-.15.15-.34.22-.53.22'/%3E%3Cpath d='M20.33 12.75H3.5c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h16.83c.41 0 .75.34.75.75s-.34.75-.75.75'/%3E%3C/g%3E%3C/svg%3E");height:50px}.swiper-button-next:after{transform:scale(1.3) rotate(180deg) translateY(-2px)}.info{border-radius:16px}.swiper-button-next,.swiper-button-prev{background-color:#f8f8f8;border:1px solid #eee;border-radius:16px;box-shadow:0 4px 16px #00000080!important;left:unset;overflow:visible!important;padding:24px;top:88%}@media screen and (max-width:767px){.swiper-button-prev{right:28%}.swiper-button-next{left:28%}}@media screen and (min-width:768px){.swiper-button-prev{right:43%}.swiper-button-next{left:43%}.swiper-slide-active .comment{box-shadow:0 4px 12px #00000014}[data-aos=my-animation-1]{left:0;opacity:0;transform:translate(0) rotate(-15deg)!important}[data-aos=my-animation-1].aos-animate{left:-21.5%;opacity:1;transition-delay:.8s!important}[data-aos=my-animation-2]{opacity:0;right:0;transform:translate(0) rotate(15deg)!important}[data-aos=my-animation-2].aos-animate{opacity:1;right:-21.5%;transition-delay:.8s!important}}@media screen and (max-width:768px){.comment img{border-radius:16px;opacity:0;transition:all 1.5s}.left-i,.left-r{transform:rotate(-15deg)}.swiper-slide-active .comment img{opacity:1;transition:all 1.5s}}@media screen and (min-width:768px){.swiper-slide .comment .left-i{border-radius:16px;transform:translate(0) rotate(-15deg);transition:all .45s}.swiper-slide .comment .right-i{border-radius:16px;transform:translate(0) rotate(15deg);transition:all .45s}.swiper-slide-active .comment img{opacity:1!important;transition:all 1.5s}.swiper-slide-active .comment .left-i{transform:translate(-67%) rotate(-15deg);transition:all .9s}.swiper-slide-active .comment .right-i{transform:translate(67%) rotate(15deg);transition:all .9s}}.swiper{margin-bottom:unset;margin-top:unset}