.coursesStudentProjects .head{display:flex;text-align:center;justify-content:center;align-items:center}.coursesStudentProjects .head .head-content{width:70%}.coursesStudentProjects .head .head-content .title-desc a{color:#fabc3f;transition:color .3s ease,transform .3s ease;display:inline-block}.coursesStudentProjects .head .head-content .title-desc a:hover{color:#f0af13}.coursesStudentProjects .stcontainer{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:100%;padding-top:3%;position:relative;transition:opacity .5s ease-in-out;overflow-x:auto;gap:20px;width:100%;padding-bottom:20px}.coursesStudentProjects .stcontainer::-webkit-scrollbar{display:none}.coursesStudentProjects .stcontainer .grid-section{flex:0 0 auto;width:100%;scroll-snap-align:start}.coursesStudentProjects .stcontainer .grid{display:grid;grid-template-columns:33% 33% 33%;justify-content:space-between;align-items:start;width:100%}.coursesStudentProjects .stcontainer .image,.coursesStudentProjects .stcontainer .video{max-width:553.2px;width:100%;border-radius:8px;object-fit:cover;position:relative;display:flex;align-items:center;justify-content:center}.coursesStudentProjects .stcontainer .image p,.coursesStudentProjects .stcontainer .video p{position:absolute;font-family:Raleway,sans-serif;font-size:20px;font-weight:600;bottom:5.7%;left:6.7%}.coursesStudentProjects .stcontainer .image .expand,.coursesStudentProjects .stcontainer .video .expand{position:absolute;top:9%;right:.5%;transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;background-color:#fff;border-radius:50%;cursor:pointer;z-index:1;transition:transform .3s}.coursesStudentProjects .stcontainer .image .expand:hover,.coursesStudentProjects .stcontainer .video .expand:hover{transform:translate(-50%,-50%) scale(1.2)}.coursesStudentProjects .stcontainer .image img,.coursesStudentProjects .stcontainer .image video,.coursesStudentProjects .stcontainer .video img,.coursesStudentProjects .stcontainer .video video{width:100%;height:100%;object-fit:cover;border-radius:8px}.coursesStudentProjects .stcontainer .image1,.coursesStudentProjects .stcontainer .video1{height:747.59px}.coursesStudentProjects .stcontainer .image2,.coursesStudentProjects .stcontainer .video2{height:424.56px}.coursesStudentProjects .stcontainer .image3,.coursesStudentProjects .stcontainer .video3{height:299.03px}.coursesStudentProjects .stcontainer .image4,.coursesStudentProjects .stcontainer .video4{height:295.86px}.coursesStudentProjects .stcontainer .image5,.coursesStudentProjects .stcontainer .video5{height:427.73px}.coursesStudentProjects .stcontainer .column-stack{display:flex;flex-direction:column;justify-content:space-between;height:100%}.coursesStudentProjects .stcontainer .column-stack .image{margin-bottom:12px}.coursesStudentProjects .swipe-text,.coursesStudentProjects .mobile-button{display:none}.coursesStudentProjects .scroller{width:36%}.coursesStudentProjects .scroller .slider-bar{width:100%}.coursesStudentProjects .corner-button{margin-top:2.4%;display:flex;align-items:center;justify-content:center}@media (max-width: 1536px){.coursesStudentProjects .head-content{width:48%}.coursesStudentProjects .head-content h1{font-size:52px}.coursesStudentProjects .stcontainer{gap:15px;padding-top:2.5%;padding-bottom:15px}.coursesStudentProjects .stcontainer .grid{grid-template-columns:32% 32% 32%}.coursesStudentProjects .stcontainer .image,.coursesStudentProjects .stcontainer .video{max-width:500px}.coursesStudentProjects .stcontainer .image p,.coursesStudentProjects .stcontainer .video p{font-size:18px;bottom:6%;left:7%}.coursesStudentProjects .stcontainer .image .expand,.coursesStudentProjects .stcontainer .video .expand{width:2.2rem;height:2.2rem}.coursesStudentProjects .stcontainer .image1,.coursesStudentProjects .stcontainer .video1{height:700px}.coursesStudentProjects .stcontainer .image2,.coursesStudentProjects .stcontainer .video2{height:400px}.coursesStudentProjects .stcontainer .image3,.coursesStudentProjects .stcontainer .video3,.coursesStudentProjects .stcontainer .image4,.coursesStudentProjects .stcontainer .video4{height:280px}.coursesStudentProjects .stcontainer .image5,.coursesStudentProjects .stcontainer .video5{height:400px}.coursesStudentProjects .scroller{width:34%}}@media (max-width: 992px){.coursesStudentProjects .head-content{width:70%}.coursesStudentProjects .head-content h1{font-size:28px}.coursesStudentProjects .stcontainer{gap:12px;padding-top:2%;padding-bottom:12px}.coursesStudentProjects .stcontainer .grid{grid-template-columns:33% 33% 33%}.coursesStudentProjects .stcontainer .image,.coursesStudentProjects .stcontainer .video{border-radius:8px}.coursesStudentProjects .stcontainer .image p,.coursesStudentProjects .stcontainer .video p{font-size:14px;bottom:5%;left:6%}.coursesStudentProjects .stcontainer .image .expand,.coursesStudentProjects .stcontainer .video .expand{width:1.8rem;height:1.8rem}.coursesStudentProjects .stcontainer .image img,.coursesStudentProjects .stcontainer .image video,.coursesStudentProjects .stcontainer .video img,.coursesStudentProjects .stcontainer .video video{border-radius:8px}.coursesStudentProjects .stcontainer .image1,.coursesStudentProjects .stcontainer .video1{height:400px}.coursesStudentProjects .stcontainer .image2,.coursesStudentProjects .stcontainer .video2{height:230px}.coursesStudentProjects .stcontainer .image3,.coursesStudentProjects .stcontainer .video3,.coursesStudentProjects .stcontainer .image4,.coursesStudentProjects .stcontainer .video4{height:160px}.coursesStudentProjects .stcontainer .image5,.coursesStudentProjects .stcontainer .video5{height:230px}.coursesStudentProjects .scroller{width:36%}.coursesStudentProjects .corner-button{margin-top:1.8%}}@media (max-width: 480px){.coursesStudentProjects{padding:1% 1% 10%}.coursesStudentProjects .head{width:100%;padding:0!important;text-align:center}.coursesStudentProjects .head .head-content{width:100%!important}.coursesStudentProjects .head .head-content h2{font-size:20px!important;width:100%!important}.coursesStudentProjects .head .head-content p{font-size:14px!important;margin-bottom:4%;width:100%!important}.coursesStudentProjects .stcontainer{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:0;align-items:center;padding:0}.coursesStudentProjects .stcontainer .grid-section{flex:0 0 100vw;width:100vw;height:520px;scroll-snap-align:center;display:flex;flex-direction:row;justify-content:center;align-items:center;overflow-x:auto;white-space:nowrap}.coursesStudentProjects .stcontainer .grid{display:flex;flex-direction:row;width:100vw;height:520px;gap:5%;overflow-x:auto;scroll-behavior:smooth}.coursesStudentProjects .stcontainer .grid::-webkit-scrollbar{display:none}.coursesStudentProjects .stcontainer .image1,.coursesStudentProjects .stcontainer .video1,.coursesStudentProjects .stcontainer .column-stack{flex:0 0 100vw;width:100vw;height:520px;object-fit:cover;scroll-snap-align:center;display:flex;justify-content:center;align-items:center}.coursesStudentProjects .stcontainer .image1 .image2,.coursesStudentProjects .stcontainer .image1 .video2,.coursesStudentProjects .stcontainer .image1 .image5,.coursesStudentProjects .stcontainer .image1 .video5,.coursesStudentProjects .stcontainer .video1 .image2,.coursesStudentProjects .stcontainer .video1 .video2,.coursesStudentProjects .stcontainer .video1 .image5,.coursesStudentProjects .stcontainer .video1 .video5,.coursesStudentProjects .stcontainer .column-stack .image2,.coursesStudentProjects .stcontainer .column-stack .video2,.coursesStudentProjects .stcontainer .column-stack .image5,.coursesStudentProjects .stcontainer .column-stack .video5{height:45%}.coursesStudentProjects .stcontainer .image1 .image3,.coursesStudentProjects .stcontainer .image1 .video3,.coursesStudentProjects .stcontainer .image1 .image4,.coursesStudentProjects .stcontainer .image1 .video4,.coursesStudentProjects .stcontainer .video1 .image3,.coursesStudentProjects .stcontainer .video1 .video3,.coursesStudentProjects .stcontainer .video1 .image4,.coursesStudentProjects .stcontainer .video1 .video4,.coursesStudentProjects .stcontainer .column-stack .image3,.coursesStudentProjects .stcontainer .column-stack .video3,.coursesStudentProjects .stcontainer .column-stack .image4,.coursesStudentProjects .stcontainer .column-stack .video4{height:55%}.coursesStudentProjects .swipe-text{display:block;margin-top:2%;text-align:right;font-size:14px;color:#fabc3f}.stScroll .scroller{opacity:0}.corner-button .animated-button{font-size:16px}}