.groover-showcase{position:relative;width:min(94%,1500px)!important;margin:34px auto 26px!important;padding:28px 30px 22px;overflow:hidden;border:1px solid rgba(89,225,176,.22);border-radius:28px;background:radial-gradient(circle at 8% 0,rgba(41,224,157,.17),transparent 32%),linear-gradient(138deg,#071a22,#07101f 58%,#121025);box-shadow:0 24px 70px rgba(0,0,0,.32);isolation:isolate}.groover-showcase:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(87,220,178,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(87,220,178,.11) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.groover-showcase__glow{position:absolute;z-index:-1;right:-80px;bottom:-170px;width:330px;height:330px;border-radius:50%;background:#8056dc;filter:blur(95px);opacity:.18}.groover-showcase__head{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.groover-showcase__head span{color:#55e6b1;font-size:.7rem;font-weight:900;letter-spacing:.17em}.groover-showcase__head h2{margin:6px 0 0;color:#fff;font-size:clamp(1.55rem,2.5vw,2.35rem);line-height:1}.groover-showcase__head h2 em{color:#9d7bf4;font-style:normal}.groover-showcase__head p{margin:10px 0 0;color:#a6b5c7;font-size:.88rem}.groover-showcase__head>strong{padding:9px 14px;border:1px solid rgba(85,230,177,.25);border-radius:999px;background:rgba(6,25,31,.7);color:#b8f7df;font-size:.76rem}.groover-showcase__carousel{position:relative;z-index:2;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px}.groover-showcase #carousel2{width:100%;margin:0;padding:9px 5px 16px;gap:15px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.groover-showcase .carousel2-item{flex:0 0 calc((100% - 45px)/4);max-width:none;padding:0;overflow:hidden;border:1px solid rgba(131,164,197,.2);border-radius:20px;background:#071426;box-shadow:0 13px 34px rgba(0,0,0,.3);scroll-snap-align:start;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease}.groover-showcase .carousel2-item.is-passing{opacity:.38;transform:scale(.965) translateX(-7px)}.groover-showcase .carousel2-item.is-current{border-color:rgba(85,230,177,.55);box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 24px rgba(63,221,165,.12)}.groover-showcase .carousel2-img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:0;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s ease}.groover-showcase .carousel2-item:hover .carousel2-img{transform:scale(1.065);filter:saturate(1.12)}.groover-card__caption{position:absolute;z-index:3;right:0;bottom:0;left:0;padding:44px 14px 13px;background:linear-gradient(to top,rgba(2,10,20,.96),transparent);pointer-events:none}.groover-card__caption span,.groover-card__caption strong{display:block}.groover-card__caption span{color:#55e6b1;font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.groover-card__caption strong{overflow:hidden;margin-top:4px;color:#fff;font-size:.96rem;text-overflow:ellipsis;white-space:nowrap}.groover-showcase .overlay-left,.groover-showcase .overlay-center,.groover-showcase .overlay-right{z-index:5;top:12px!important;bottom:auto!important;width:35px!important;height:35px!important;border:1px solid rgba(255,255,255,.2);border-radius:11px!important;background:rgba(3,12,25,.78)!important;backdrop-filter:blur(9px);transition:transform .25s ease,background .25s ease!important}.groover-showcase .overlay-left{left:12px!important}.groover-showcase .overlay-center{left:52px!important}.groover-showcase .overlay-right{right:12px!important}.groover-showcase .overlay-left:hover,.groover-showcase .overlay-center:hover,.groover-showcase .overlay-right:hover{transform:translateY(-3px) scale(1.08)!important;background:rgba(70,46,126,.9)!important}.groover-showcase .overlay-left img,.groover-showcase .overlay-center img,.groover-showcase .overlay-right img{width:18px!important;height:18px!important;object-fit:contain}.groover-showcase__arrow{display:grid;width:40px;height:54px;place-items:center;border:1px solid rgba(93,218,177,.25);border-radius:14px;background:rgba(13,39,49,.76);color:#fff;font:300 1.8rem/1 Arial;cursor:pointer;transition:.25s ease}.groover-showcase__arrow:hover{border-color:#55e6b1;background:linear-gradient(145deg,#147451,#6742a4);transform:scale(1.05)}.groover-showcase__progress{position:relative;z-index:2;height:3px;margin:14px 50px 0;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.08)}.groover-showcase__progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#55e6b1,#9b76f3);transition:width .48s ease}
@media(max-width:900px){.groover-showcase{width:calc(100% - 22px)!important;padding:22px 15px 18px}.groover-showcase .carousel2-item{flex-basis:calc((100% - 15px)/2)}.groover-showcase__carousel{grid-template-columns:32px minmax(0,1fr) 32px;gap:6px}.groover-showcase__arrow{width:32px;height:48px}}
@media(max-width:560px){.groover-showcase{padding:19px 11px 15px;border-radius:23px}.groover-showcase__head{align-items:flex-start;flex-direction:column}.groover-showcase__head>strong{display:none}.groover-showcase__head h2{font-size:1.45rem}.groover-showcase .carousel2-item{flex-basis:82%}.groover-card__caption strong{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.groover-showcase *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.groover-showcase .carousel2-item.is-passing{opacity:1;transform:none}
.groover-showcase #carousel2.is-programmatic{scroll-behavior:auto!important;scroll-snap-type:none!important}.groover-showcase #carousel2.is-sliding{cursor:progress}.groover-showcase #carousel2.is-sliding .carousel2-item{backface-visibility:hidden;transform:translateZ(0)}