.alumni-wrapper .bg-area{display:flex;justify-content:flex-end}.alumni-wrapper .bio-area{background-size:cover;background-position:center;background-repeat:no-repeat;align-items:center;padding:100px 60px;margin-top:2px;display:none}.alumni-wrapper .bio-area.active{display:flex;position:sticky;top:17.5%}.alumni-wrapper .bio-area.float{position:fixed;left:0;top:50%;transform:translateY(-50%);max-width:calc(60% - 62px)}.alumni-wrapper .bio-area.top,.alumni-wrapper .bio-area.bottom{min-width:calc(50vw - 35px);margin-left:calc(50% - 50vw);margin-right:35px}.alumni-wrapper .bio-area.top{align-self:flex-start;min-height:calc(75vh)}.alumni-wrapper .bio-area.bottom{align-self:flex-end}.alumni-wrapper .bio-area .desc{max-width:50%}.alumni-wrapper .bio-area .desc h2,.alumni-wrapper .bio-area .desc h3,.alumni-wrapper .bio-area .desc h4,.alumni-wrapper .bio-area .desc h5,.alumni-wrapper .bio-area .desc h6,.alumni-wrapper .bio-area .desc p,.alumni-wrapper .bio-area .desc li,.alumni-wrapper .bio-area .desc span{color:white}.alumni-wrapper .list-area{display:flex;flex-wrap:wrap;flex:0 0 33.33%;cursor:pointer;align-content:flex-start}.alumni-wrapper .list-area .card{flex:0 0 calc(50% - 4px);border-radius:3px;margin:2px}.alumni-wrapper .list-area .card .inner{width:100%;padding-bottom:100%;position:relative}.alumni-wrapper .list-area .card.activeCard img{border:8px solid rgba(0,128,123,0.6)}.alumni-wrapper .list-area .card img{width:100%;height:100%;position:absolute;object-fit:cover;margin-bottom:-5px}@media screen and (min-width:1280px){.alumni-wrapper .bio-area.top,.alumni-wrapper .bio-area.bottom{margin-right:100px}}@media screen and (max-width:800px){.alumni-wrapper .bg-area,.alumni-wrapper .bio-area.active{position:relative;width:100%;min-width:unset;margin:0px;display:flex;flex-basis:100%;flex-flow:row wrap;align-items:flex-end;top:unset !important}.alumni-wrapper .bio-area{padding:25px}.alumni-wrapper .bio-area .desc{max-width:80%;margin:0px auto}.alumni-wrapper .bio-area .desc>*{text-align:center;margin:auto}.alumni-wrapper .list-area{position:relative;display:flex;flex-wrap:nowrap;flex-basis:100%;width:100%;overflow-x:scroll;overflow-y:hidden;align-items:center}.alumni-wrapper .list-area:hover{cursor:grabbing !important;cursor:-webkit-grabbing !important}.alumni-wrapper .list-area .card{width:175px;min-width:175px;height:175px;flex:unset;padding:0px;margin:0px}.alumni-wrapper .list-area.active{cursor:grabbing !important;cursor:-webkit-grabbing !important}.alumni-wrapper .list-area::-webkit-scrollbar{width:0 !important}.alumni-wrapper .list-area{overflow:-moz-scrollbars-none}.alumni-wrapper .list-area{-ms-overflow-style:none}.alumni-wrapper .list-area .card img{width:100%;height:100%}}