.fix-main{padding:0;overflow:hidden;position:relative}.fix-main .fix-viewport{width:100%;overflow:hidden;padding:20px
0;cursor:grab}.fix-main .fix-flex{display:flex;gap:15px;height:638px;width:100%;align-items:stretch;transition:transform 0.7s cubic-bezier(0.25, 1, 0.3, 1);will-change:transform}.fix-main .fix-flex.fix-loop-resetting,
.fix-main .fix-flex.fix-loop-resetting .fix-item,
.fix-main .fix-flex.fix-loop-resetting .fix-overlay,
.fix-main .fix-flex.fix-loop-resetting .fix-icon-inner::before,
.fix-main .fix-flex.fix-loop-resetting .fix-icon-inner::after{transition:none !important}.fix-main .fix-item{position:relative;flex:0 0 calc(25% - 14px);height:50%;border-radius:40px;overflow:hidden;transition:flex 0.7s cubic-bezier(0.25, 1, 0.3, 1), height 0.7s cubic-bezier(0.25, 1, 0.3, 1);user-select:none}.fix-main .fix-item.active{flex:0 0 calc(50% - 10px);height:100%}.fix-main .fix-photo{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.fix-main .fix-icon{position:absolute;top:25px;left:25px;width:48px;height:48px;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);box-shadow:inset 0 0 20px rgba(255, 255, 255, 0.05);border-radius:999px;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;background-color:#FFFFFF1F}.fix-main .fix-icon::before{content:"";position:absolute;inset:0;padding:2px;border-radius:999px;background:linear-gradient(152deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.1) 29%, rgba(255, 255, 255, 0.1) 58%, rgba(255, 255, 255, 0.8) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.fix-main .fix-icon-inner{position:relative;width:14px;height:14px}.fix-main .fix-icon-inner::before,
.fix-main .fix-icon-inner::after{content:'';position:absolute;background:#fff;top:50%;left:50%;transform:translate(-50%, -50%);transition:0.4s}.fix-main .fix-icon-inner::before{width:18px;height:2px}.fix-main .fix-icon-inner::after{width:2px;height:18px}.fix-main .fix-item.active .fix-icon-inner::after{transform:translate(-50%, -50%) rotate(90deg);opacity:0}.fix-main .fix-overlay{position:absolute;bottom:30px;left:25px;padding:25px;border-radius:16px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);opacity:0;transform:translateY(20px);transition:0.5s;z-index:2;width:263px;pointer-events:none}.fix-main .fix-item.active .fix-overlay{opacity:1;transform:translateY(0);text-align:left}.fix-main .fix-overlay
h3{color:#fff;margin:0;font-size:24px;font-weight:600}.fix-main .fix-overlay
p{color:#fff;margin:4px
0 0;font-size:16px;font-style:italic}.fix-main .fix-quote{width:50%;font-size:26px;line-height:1.3;transition:opacity 0.3s;margin:20px
0}.fix-main .fix-bar-bg{width:100%;height:2px;background:rgba(0, 0, 0, 0.1);margin-bottom:25px}.fix-main .fix-bar-fill{height:100%;transition:0.6s ease}.fix-main .fix-nav{display:flex;justify-content:flex-end;gap:15px}.fix-main .fix-btn{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:0.3s ease}.fix-main .fix-btn
img{width:70px;max-width:none !important;transition:0.3s ease}@media screen and (max-width: 1536px){.fix-main .fix-item.active{flex:0 0 calc(50% - 10px);height:78%}.fix-main .fix-quote{width:70% !important;margin:-104px 0 0 0;min-height:96px}.fix-main .fix-flex{height:500px !important}}@media (max-width: 767px){.fix-main .fix-item,
.fix-main .fix-item.active{flex:0 0 100%}..fix-main .fix-icon{display:none}.fix-main .fix-quote{width:100%;font-size:20px}.fix-main .fix-flex{height:450px}}