:root{--primary-900: #1f41b8;--primary-800: #1b61d7;--primary-700: #1773ea;--primary-600: #0e86fe;--primary-500: #0095ff;--primary-400: #31a5ff;--primary-300: #5bb5ff;--primary-200: #8dcaff;--primary-100: #badeff;--gray-900: #272727;--gray-800: #494949;--gray-700: #686868;--gray-600: #7c7c7c;--gray-500: #a6a6a6;--gray-400: #c4c4c4;--gray-300: #e7e7e7;--gray-200: #f1f1f1;--gray-100: #f6f6f6;--black: #1e1e1e;--white: #ffffff;--yellow: #ffe76b;--blue: #a0befa;--success-900: #00621d;--success-800: #008132;--success-700: #00933e;--success-600: #00a54a;--success-500: #00b554;--success-400: #00c16c;--success-300: #2bcd87;--success-200: #7ddbaa;--success-100: #b3e9cb;--warning-900: #eb4e00;--warning-800: #f46b00;--warning-700: #fa7b00;--warning-600: #ff8b00;--warning-500: #ff9700;--warning-400: #ffa724;--warning-300: #ffb74c;--warning-200: #ffcc7f;--warning-100: #ffe0b2}.section-userstory{background:#fff;overflow:hidden;width:100vw}@media only screen and (max-width: 768px){.section-userstory{background:#f3f6fb}}.userstory-list{width:min(100%,90rem);margin:0 auto;position:relative;z-index:2}.userstory-list:before{content:"";width:7.25rem;aspect-ratio:1;position:absolute;inset:20% 0 auto auto;background:url(../../assets/images/userstory_decoration_ellipse.png) no-repeat center/cover;border-radius:50%}@media only screen and (max-width: 768px){.userstory-list:before{inset:auto -30px 16% auto}}@media only screen and (max-width: 768px){.userstory-list:after{content:"";width:7.875rem;aspect-ratio:1;position:absolute;inset:24% auto auto -30px;background:url(../../assets/images/userstory_decoration_ellipse.png) no-repeat center/cover;border-radius:50%}}.userstory-list__title{font-size:2.5rem;line-height:3.25rem;font-weight:bold;padding:1rem 0;position:absolute}@media only screen and (max-width: 768px){.userstory-list__title{z-index:10;font-size:1.5rem;line-height:1.875rem;padding:clamp(20px,5.5555555556%,50px) 0}}.userstory-list__navigation{position:absolute;right:44%;top:7.875rem;display:flex;background:#fff;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.15);z-index:9}@media only screen and (max-width: 768px){.userstory-list__navigation{right:40px;top:auto;bottom:290px}}.userstory-list__navigation .button{line-height:2.25rem;padding:0 .75rem;display:inline-block !important;outline:none;color:#1f41b8}.userstory-list__navigation .button svg{transition:.3s}.userstory-list__navigation .button:hover{color:#1773ea}.userstory-list__navigation .button:first-child{border-radius:4px 0 0 4px;border-right:1px solid #f2f2f2}.userstory-list__navigation .button:first-child:hover svg{transform:translate3d(-2px, 0, 0)}.userstory-list__navigation .button:last-child{border-radius:0 4px 4px 0;margin-left:-1px}.userstory-list__navigation .button:last-child:hover svg{transform:translate3d(2px, 0, 0)}.userstory-list .swiper-wrapper{display:flex}.userstory-list .swiper-wrapper .swiper-slide-visible .userstory-link__btn{opacity:1}.userstory-list__item{display:grid;grid-template-columns:58% 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:". img" "title img" "summary img"}@media only screen and (max-width: 768px){.userstory-list__item{grid-template-columns:1fr;grid-template-rows:1fr auto auto;grid-template-areas:"img" "title" "summary"}.userstory-list__item:before{content:"";background:#fff;border-radius:6px;z-index:2;box-shadow:0 2px 16px rgba(0,0,0,.06);position:absolute;inset:6.25rem 0 0 0;z-index:1}}.userstory-list__item__title{grid-area:title;font-size:1.25rem;line-height:2rem;padding:1.375rem 5.625rem 1.375rem 0;margin-top:4.375rem;position:relative;z-index:2;opacity:0;transform:translate3d(50px, 0, 0);transition:.3s}.userstory-list__item__title a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;font-weight:bold;transition:.3s}.userstory-list__item__title a:hover{color:#1773ea}@media only screen and (max-width: 768px){.userstory-list__item__title a{white-space:normal;text-overflow:unset;max-height:64px}}.swiper-slide-active .userstory-list__item__title{opacity:1;transform:translate3d(0, 0, 0)}@media only screen and (max-width: 768px){.userstory-list__item__title{margin-top:0;font-size:1rem;padding:0 clamp(20px,5.5555555556%,50px)}}.userstory-list__item__imgwrap{grid-area:img;position:relative;z-index:1;padding-bottom:40px;max-height:418px}@media only screen and (max-width: 768px){.userstory-list__item__imgwrap{padding-bottom:0;padding-top:4.375rem;z-index:2;margin:0 clamp(20px,5.5555555556%,50px) 1.25rem;aspect-ratio:295/206}}.userstory-list__item__img{position:relative;display:block;height:100%;border-radius:6px;transform:translate3d(-10%, 0, 0);opacity:0;transition:.3s;overflow:hidden}.swiper-slide-active .userstory-list__item__img{opacity:1}.userstory-list__item__img img{width:100%;height:100%;object-fit:cover;border-radius:6px;background:#f2f2f2;transform:scale(1.1);transition:.3s}.userstory-list__item__img:hover img{transform:scale(1)}@media only screen and (max-width: 768px){.userstory-list__item__img{transform:none}}.userstory-list__item__userimg{position:absolute;inset:auto auto 0 30px;width:7.5rem;aspect-ratio:1;border-radius:50%;background:#f2f2f2;box-shadow:0 6px 10px rgba(204,223,255,.6);opacity:0;transition:.3s}.swiper-slide-active .userstory-list__item__userimg{opacity:1}.userstory-list__item__userimg img{width:100%;height:100%;object-fit:cover;border-radius:50%}@media only screen and (max-width: 768px){.userstory-list__item__userimg{inset:1.25rem -20px auto auto}}.userstory-list__item__summary{grid-area:summary;font-size:1rem;line-height:2rem;height:17rem;padding:2.875rem 3.5625rem;position:relative}.userstory-list__item__summary .userstory-summary{max-height:9.75rem;overflow:hidden}@media only screen and (max-width: 768px){.userstory-list__item__summary .userstory-summary{max-height:8.5rem}}@media only screen and (max-width: 768px){.userstory-list__item__summary{font-size:.875rem;padding:0 clamp(20px,5.5555555556%,50px) clamp(20px,5.5555555556%,50px);height:13.875rem}}.userstory-list__item__summary__container{position:relative;z-index:2;opacity:0;transform:translate3d(50px, 0, 0);transition:.3s}.swiper-slide-active .userstory-list__item__summary__container{opacity:1;transform:translate3d(0, 0, 0)}.userstory-list__item__summary__quote--before,.userstory-list__item__summary__quote--after{position:absolute;width:2.375rem;height:2.375rem;color:rgba(0,0,0,0);background-size:contain;background-position:center;z-index:9;opacity:0}.userstory-list__item__summary__quote--before.tablet,.userstory-list__item__summary__quote--after.tablet{display:none}@media only screen and (max-width: 768px){.userstory-list__item__summary__quote--before,.userstory-list__item__summary__quote--after{display:none}.userstory-list__item__summary__quote--before.tablet,.userstory-list__item__summary__quote--after.tablet{display:block}}.swiper-slide-active .userstory-list__item__summary__quote--before,.swiper-slide-active .userstory-list__item__summary__quote--after{opacity:1;transform:translate3d(0, 0, 0)}.userstory-list__item__summary__quote--before{background-image:url(../../assets/images/userstory_quote_before.png);inset:20px auto auto -10px}.userstory-list__item__summary__quote--after{background-image:url(../../assets/images/userstory_quote_after.png);inset:auto 40px -10px auto}@media only screen and (max-width: 768px){.userstory-list__item__summary__quote--after{bottom:10px}}.userstory-list__item__summary:before{content:"";position:absolute;inset:0;background:#fff;border-radius:6px;z-index:2;box-shadow:0 2px 16px rgba(0,0,0,.06);opacity:0}.swiper-slide-active .userstory-list__item__summary:before{opacity:1}@media only screen and (max-width: 768px){.userstory-list__item__summary:before{display:none}}.userstory-list__item__summary:after{content:"";position:absolute;inset:-70px -20px 50% 36px;background:#f3f6fb;border-radius:6px;z-index:0}@media only screen and (max-width: 768px){.userstory-list__item__summary:after{display:none}}.userstory-list__item .userstory-link{position:absolute;right:0;bottom:20px;z-index:9;display:flex;justify-content:center}@media only screen and (max-width: 768px){.userstory-list__item .userstory-link{width:100%;bottom:-20px}}.userstory-list__item .userstory-link .relateditem{border-radius:20px;background:#fff;padding:5px 10px;display:flex;align-items:center;gap:10px;transition:transform .3s ease;box-shadow:2px 0px 15px 0px rgba(132,154,191,.3)}.userstory-list__item .userstory-link .relateditem:hover .fa-circle-play{color:rgba(231,51,35,.6)}.userstory-list__item .userstory-link .relateditem span{font-size:13px;font-weight:500;color:#596476;line-height:22px}.userstory-list__item .userstory-link .relateditem .fa-circle-play{height:30px;color:#e73323}.userstory-list__item .userstory-link__btn{opacity:0;border-radius:20px;background:#fff;padding:5px 10px;display:flex;align-items:center;gap:10px;transition:transform .3s ease;box-shadow:2px 0px 15px 0px rgba(132,154,191,.3)}.userstory-list__item .userstory-link__btn:hover .fa-circle-play{color:rgba(231,51,35,.6)}.userstory-list__item .userstory-link__btn span{font-size:13px;font-weight:500;color:#596476;line-height:22px}.userstory-list__item .userstory-link__btn .fa-circle-play{height:30px;color:#e73323}