.content{position:relative;width:100%;margin:0 auto;height:100vh}.content video{width:100%;display:block;height:100vh;-o-object-fit:cover;object-fit:cover}.content:before{content:"";position:absolute;background:rgba(0,0,0,.34);top:0;right:0;bottom:0;left:0}.text-overlay{width:100%;position:absolute;transform:translate(-50%,-50%)}#text2{font-size:.8rem}@media (max-width:768px){#text2{visibility:visible;display:block;opacity:1;font-size:.8rem}#text1{display:none}}@media (min-width:768px){#text2{margin-top:-50px}section:hover #text2{visibility:visible;display:block;opacity:1;margin-top:20px;font-size:.8rem}section:hover #text1{top:-50px;opacity:0}}.flip-card{background-color:transparent;height:185px;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden}.flip-card-front{background-color:#bbb;color:#000}.flip-card-back{color:#fff;transform:rotateY(180deg)}.slider-wrapper{display:flex;align-items:center;gap:6rem}.slider{--slide-width:10rem;position:relative;display:flex;gap:.5rem}.slide{--card-opacity:0.3;display:none;width:var(--slide-width);aspect-ratio:4/5;border-radius:1rem;border-top:2px solid hsla(0,0%,100%,.5);border-left:2px solid hsla(0,0%,100%,.5);opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);mix-blend-mode:overlay}.slide[data-type=active]{display:block}.slide[data-type=before]{left:0;transform:translatex(-7rem)}.slide[data-type=after],.slide[data-type=before]{display:block;position:absolute;scale:.8;z-index:-1}.slide[data-type=after]{right:0;transform:translatex(7rem)}.num1{background-color:#e0a458}.num2{background-color:#ffee93}.num3{background-color:#8daa91}.num4{background-color:#e3d87e}.num5{background-color:#92140c}.num6{background-color:#f7a9a8}.num7{background-color:#613f75}.num8{background-color:#dea47e}[data-btn]{cursor:pointer;width:2rem;height:2rem;border-radius:50%;color:#fff;border:1px solid #fff;background-color:transparent;transition:scale .2s ease}[data-btn]:hover{scale:1.1}.customPrevArrow{background-color:red}.customNextArrow{background-color:blue}