@property --centerfade{syntax:"<percentage>";inherits:false;initial-value:0}@property --leftfade{syntax:"<number>";inherits:false;initial-value:1}@property --rightfade{syntax:"<number>";inherits:false;initial-value:1}.carousel-stories{--fade:25%;padding:0;margin:0}.carousel-stories .wrapper{--border:var(--border-line-width) solid var(--colors--light-300);border-top:var(--border);border-bottom:var(--border);position:relative;overflow:hidden;width:100%}.carousel-stories .wrapper .swiper{--leftfade:1;--rightfade:1;transition:--leftfade .3s ease-in-out,--rightfade .3s ease-in-out;overflow:auto;mask-image:linear-gradient(to right,hsl(0,0%,0%,var(--leftfade)) 0,hsl(0,0%,0%) var(--fade),hsl(0,0%,0%) calc(100% - var(--fade)),hsl(0,0%,0%,var(--rightfade)) 100%);-webkit-mask-image:linear-gradient(to right,hsl(0,0%,0%,var(--leftfade)) 0,hsl(0,0%,0%) var(--fade),hsl(0,0%,0%) calc(100% - var(--fade)),hsl(0,0%,0%,var(--rightfade)) 100%)}.carousel-stories .wrapper:not(:has(.prev.swiper-button-disabled)) .swiper{--leftfade:0}.carousel-stories .wrapper:not(:has(.next.swiper-button-disabled)) .swiper{--rightfade:0}.carousel-stories .swiper{overflow:visible!important}@media(max-width:767px){.carousel-stories .swiper{width:100%!important;margin-left:0!important}}.carousel-stories .swiper-wrapper{overflow:visible!important;width:100%!important}.carousel-stories .swiper-slide{cursor:pointer;transition:all .3s ease;width:25%!important}@media(max-width:1240px){.carousel-stories .swiper-slide{width:50%!important}}@media(max-width:468px){.carousel-stories .swiper-slide{width:100%!important;opacity:1}}.carousel-stories .swiper-slide-active{opacity:1;cursor:default}@media(max-width:767px){.carousel-stories .swiper-slide-next{opacity:1}}.carousel-stories .card{box-sizing:border-box;border-right:var(--border-line-width) solid var(--colors--light-300);min-height:170px}@media(max-width:767px){.carousel-stories .card:last-child{margin-bottom:0}}.carousel-stories .card .content{display:flex;flex-direction:column;gap:16px;padding:32px;height:100%}@media(max-width:767px){.carousel-stories .card .content{padding:30px 16px}}.carousel-stories .card .logo{height:20px;display:flex;align-items:start;justify-content:start}.carousel-stories .card .logo svg{width:auto;height:100%}.carousel-stories .card .testimonial{font-family:var(--fonts-family--font-family-primary);font-size:var(--fonts-sizes--text-base);line-height:1.5;color:var(--colors--light-100);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width:767px){.carousel-stories .card .testimonial{font-size:var(--fonts-sizes--text-sm)}}.carousel-stories .card .read-more{display:flex;align-items:center;gap:4px;cursor:pointer;transition:all .2s ease}.carousel-stories .card .read-more:hover{opacity:.7}.carousel-stories .card .read-more .text{font-family:var(--fonts-family--font-family-tertiary);font-size:var(--fonts-sizes--text-xs);color:var(--colors--light-100);text-transform:uppercase;letter-spacing:.5px;margin:0}.carousel-stories .card .read-more .icon{width:21px;height:21px;color:var(--colors--light-100)}.carousel-stories .navigation{position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;pointer-events:none;height:calc(100% - 1px)}.carousel-stories .navigation>div{display:flex;height:100%;align-items:center;justify-content:center;width:25%;pointer-events:none;transition:all .3s ease}.carousel-stories .navigation>div:first-child{justify-content:flex-start;padding-left:24px}.carousel-stories .navigation>div:last-child{justify-content:flex-end;padding-right:24px}.carousel-stories .navigation .nav-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(84,137,93,.9);border:.5px solid var(--colors--light-300);border-radius:50%;color:var(--colors--light-100);cursor:pointer;pointer-events:all;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:767px){.carousel-stories .navigation .nav-btn{opacity:0}}.carousel-stories .navigation .nav-btn:hover{background:#54895d;transform:scale(1.1);border-color:var(--colors--light-100)}.carousel-stories .navigation .nav-btn:active{transform:scale(.95)}.carousel-stories .navigation .nav-btn svg{width:16px;height:16px}.carousel-stories .navigation .swiper-button-disabled{opacity:0;cursor:not-allowed}.carousel-stories .navigation .swiper-button-disabled:hover{transform:none;border-color:var(--colors--light-300)}.carousel-stories .navigation .prev svg{transform:rotate(180deg)}