.student-life-hero{width:100%;height:100vh;margin-top:0;position:relative;overflow:hidden}.carousel-container{width:100%;height:100%;position:relative}.carousel-slide{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.carousel-slide.active{opacity:1;pointer-events:auto}.carousel-overlay{z-index:2;background:linear-gradient(#0006,#000000b3);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.carousel-content{text-align:center;flex-direction:column;align-items:center;gap:4rem;display:flex}.carousel-title{color:#fff;text-align:center;text-shadow:0 4px 20px #00000080;max-width:900px;padding:0 2rem;font-size:4rem;font-weight:700;line-height:1.2}.scroll-indicator{flex-direction:column;align-items:center;gap:.5rem;display:flex}.mouse-icon{border:2px solid #fffc;border-radius:15px;justify-content:center;width:30px;height:50px;padding-top:8px;display:flex;position:relative}.mouse-wheel{background:#fffc;border-radius:2px;width:4px;height:8px;animation:2s infinite scroll-down}@keyframes scroll-down{0%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(12px)}to{opacity:0;transform:translateY(20px)}}.carousel-indicators{z-index:3;gap:12px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.indicator{cursor:pointer;background:#ffffff80;border:2px solid #fff;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.indicator:hover{background:#fffc;transform:scale(1.2)}.indicator.active{background:#fff;border-radius:6px;width:40px}.student-life-content{background:#fff;padding:3rem 0}.sidebar-wrapper{height:fit-content;max-height:calc(100vh - 135px);position:sticky;top:100px}.student-life-sidebar{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-radius:12px;flex-direction:column;gap:.5rem;padding:2rem;display:flex;overflow-y:auto;box-shadow:0 2px 10px #0000000d}.student-life-sidebar::-webkit-scrollbar{display:none}.sidebar-item{text-align:left;color:#2e2e2e;cursor:pointer;white-space:normal;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:0;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.sidebar-item:hover{background:var(--primary-color);color:var(--white-color)}.sidebar-item.active{background:var(--primary-color);color:var(--white-color);font-weight:500}.content-area{box-shadow:none;background:0 0;border-radius:0;padding:2rem 1rem}.content-title{color:#000;margin-bottom:1.5rem;font-size:2rem;font-weight:700}.content-description{color:#666;margin-bottom:3rem;font-size:1rem;line-height:1.7}.video-card{box-shadow:none;background:0 0;border-radius:0;height:100%;padding-bottom:160%;transition:all .3s;position:relative;overflow:visible}.video-card:hover{transform:translateY(-5px)}.video-wrapper{border-radius:20px;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 4px 15px #0000001a}.video-card:hover .video-wrapper{box-shadow:0 8px 25px #00000026}.video-element{object-fit:cover;background:#000;width:100%;height:100%;display:block}.student-video-container .play-button-wrapper{z-index:10;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.student-video-container .play-button-wrapper.hidden{opacity:0;pointer-events:none}.student-video-container .play-button{background:var(--primary-color);cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 20px #0000004d}.student-video-container .play-button:hover{background:var(--primary-color);transform:scale(1.1)}.student-video-container .play-button i{color:var(--primary-color);margin-left:4px;font-size:1.5rem}.student-video-container .wave-circle{border:2px solid var(--primary-color);z-index:1;border-radius:50%;width:70px;height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.student-video-container .play-button-wrapper:hover .wave-circle{animation:2s ease-out infinite wave-animation}.student-video-container .wave-circle.wave-1{animation-delay:0s}.student-video-container .wave-circle.wave-2{animation-delay:.7s}.student-video-container .wave-circle.wave-3{animation-delay:1.4s}@keyframes wave-animation{0%{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.3}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}.student-video-controls{z-index:10;pointer-events:none;gap:1rem;display:flex;position:absolute;bottom:15px;right:15px}.student-video-controls .control-btn{cursor:pointer;opacity:0;pointer-events:none;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:opacity .3s,transform .3s;display:flex;box-shadow:0 2px 10px #0000004d}.student-video-controls .control-btn:hover{background:#000c;transform:scale(1.1)}.student-video-controls .control-btn i{color:#fff;font-size:.75rem}.video-text-overlay{pointer-events:none;z-index:5;background:linear-gradient(#0000 0%,#0009 40%,#000000d9 100%);padding:1.5rem 1.2rem;position:absolute;bottom:0;left:0;right:0}.video-overlay-title{color:#fff;text-shadow:0 2px 8px #00000080;margin:0;font-size:1rem;font-weight:600;line-height:1.4}.show-more-wrapper{text-align:center;margin-top:3rem;padding-top:0;position:relative}.show-more-wrapper:before{content:"";background:var(--primary-color);z-index:0;height:1px;position:absolute;top:50%;left:0;right:0}.btn-show-more{color:var(--primary-color);border:2px solid var(--primary-color);cursor:pointer;z-index:1;background:#fff;border-radius:50px;min-width:250px;padding:.9rem 3rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative}.btn-show-more:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #ea25254d}@media (max-width:991px){.student-life-hero{height:80vh}.carousel-title{font-size:3rem}.scroll-indicator{gap:.3rem}.mouse-icon{width:26px;height:45px}.student-life-content{padding:4rem 0}.sidebar-wrapper{z-index:30;height:auto;max-height:none;margin-bottom:0;position:sticky;top:100px}.student-life-sidebar{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-radius:12px;gap:.75rem;padding:.75rem 1rem;display:flex;overflow:auto visible;box-shadow:0 2px 10px #0000000d}.student-life-sidebar::-webkit-scrollbar{display:none}.sidebar-item{white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;margin-bottom:0;padding:.75rem 1rem;font-size:1rem}.sidebar-item:hover,.sidebar-item.active{background:var(--primary-color);color:var(--white-color)}.content-area{margin-top:2rem}.content-title{font-size:1.8rem}.content-description{font-size:.95rem}.student-video-container .play-button{width:60px;height:60px}.student-video-container .play-button i{font-size:1.3rem}.student-video-container .wave-circle{width:60px;height:60px}.student-video-controls{bottom:15px;right:15px}.student-video-controls .control-btn{width:36px;height:36px}.student-video-controls .control-btn i{font-size:.9rem}.video-text-overlay{padding:1.2rem 1rem}.video-overlay-title{font-size:.95rem}}@media (max-width:767px){.student-life-hero{height:100vh}.carousel-title{padding:0 1.5rem;font-size:2.5rem}.carousel-content{gap:3rem}.mouse-icon{width:24px;height:40px}.student-life-content{padding:3rem 0}.sidebar-wrapper{position:sticky;top:80px}.student-life-sidebar{border-radius:8px;padding:.75rem}.sidebar-item{padding:.65rem .9rem;font-size:.95rem}.content-area{margin-top:1.5rem}.content-title{font-size:1.6rem}.content-description{margin-bottom:2rem;font-size:.9rem}.student-video-container .play-button{width:55px;height:55px}.student-video-container .play-button i{font-size:1.2rem}.student-video-container .wave-circle{width:55px;height:55px}.student-video-controls{bottom:12px;right:12px}.student-video-controls .control-btn{width:34px;height:34px}.student-video-controls .control-btn i{font-size:.85rem}.video-text-overlay{padding:1rem .9rem}.video-overlay-title{font-size:.9rem}.btn-show-more{width:100%;padding:.85rem 2rem}}@media (max-width:576px){.student-life-hero{height:100vh}.carousel-title{padding:0 1rem;font-size:2rem}.carousel-content{gap:2.5rem}.mouse-icon{width:22px;height:38px}.mouse-wheel{width:3px;height:6px}.student-life-sidebar{padding:.75rem}.sidebar-item{padding:.75rem 1rem;font-size:.95rem}.content-area{padding:1.2rem}.content-title{font-size:1.6rem}.content-description{font-size:.95rem}.student-video-container .play-button{width:50px;height:50px}.student-video-container .play-button i{margin-left:3px;font-size:1.1rem}.student-video-container .wave-circle{width:50px;height:50px}.student-video-controls{bottom:10px;right:10px}.student-video-controls .control-btn{width:32px;height:32px}.student-video-controls .control-btn i{font-size:.8rem}.video-text-overlay{padding:.9rem .8rem}.video-overlay-title{font-size:.9rem}.btn-show-more{padding:.85rem 2rem;font-size:1rem}}@media (max-width:375px){.carousel-title{font-size:1.7rem}.carousel-content{gap:2rem}.mouse-icon{width:20px;height:35px}.content-title{font-size:1.5rem}.content-description{font-size:.9rem}.sidebar-item{padding:.65rem .9rem;font-size:.9rem}.student-video-container .play-button{width:45px;height:45px}.student-video-container .play-button i{margin-left:2px;font-size:1rem}.student-video-container .wave-circle{width:45px;height:45px}.student-video-controls{bottom:8px;right:8px}.student-video-controls .control-btn{width:30px;height:30px}.student-video-controls .control-btn i{font-size:.75rem}.video-text-overlay{padding:.8rem .7rem}.video-overlay-title{font-size:.85rem}}
