.team-wrapper{display:flex;flex-flow:column nowrap;gap:20px}.team-wrapper .details-wrapper{position:relative}.team-wrapper .tiles-wrapper{display:none;flex-flow:row wrap}.team-wrapper .details{display:flex;flex-flow:column nowrap;align-items:center;text-align:center;margin-bottom:20px}.team-wrapper input{display:none}.team-wrapper .details .column{display:flex;flex-flow:column nowrap}.team-wrapper .details .column:first-child{cursor:pointer;align-items:center;text-align:center}.team-wrapper .details .column:last-child{display:flex;flex:1 0;max-height:0px;overflow:hidden;transition:all .4s linear}.team-wrapper .details .active+.column:last-child{max-height:1000px}.team-wrapper .details .name,.tiles-wrapper .tile .name{color:#282f38;font-family:"Barlow Semi Condensed",sans-serif;font-weight:800;font-size:20px;letter-spacing:.56px;line-height:32px;transition:color .3s ease}.team-wrapper .details .title,.tiles-wrapper .tile .title{color:#282f38;font-family:Manrope,sans-serif;font-weight:600;font-size:16px;line-height:28px}.team-wrapper .details .content{color:#282f38;font-family:Manrope,sans-serif;font-weight:500;font-size:14px;line-height:27px}.team-wrapper .details .content p{margin:10px 0}.team-wrapper .details .content p:first-child{margin-top:0}.team-wrapper .details .content p:last-child{margin-bottom:0}.team-wrapper .details .btn{padding:10px 12px;margin:10px auto 0;font-size:14px;gap:4px;border-radius:8px;font-weight:700;font-family:Manrope,sans-serif;letter-spacing:.16px;line-height:16px;color:#fff;background:#282f38;transition:all .3s ease;display:flex;flex-flow:row nowrap}.team-wrapper .details .btn svg{transition:all .2s ease}.team-wrapper .details .btn:hover{background:#0081a1}.team-wrapper .details .btn:hover svg{transform:translateX(4px)}.team-wrapper .details .avatar,.tiles-wrapper .tile .avatar{width:100%;max-width:350px;height:auto}.tiles-wrapper .tile{display:flex;align-self:baseline;flex-flow:column nowrap;align-items:center;cursor:pointer;position:relative;z-index:1}.tiles-wrapper .tile .avatar-wrapper{position:relative;display:flex}.tiles-wrapper .tile .avatar-wrapper:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:0 0;transition:background .3s ease}.tiles-wrapper .tile:hover .avatar-wrapper:before{background:#0081A130}.tiles-wrapper .tile:hover .name{color:#0081a1}@media screen and (min-width:768px){.team-wrapper{display:flex;flex-flow:column nowrap;gap:30px}.team-wrapper .tiles-wrapper{display:flex;gap:30px}.team-wrapper .details{flex-flow:row nowrap;align-items:unset;text-align:unset;margin-bottom:unset}.team-wrapper .details .avatar,.tiles-wrapper .tile .avatar{width:210px;height:210px}.team-wrapper .details .name,.tiles-wrapper .tile .name,.team-wrapper .details .title,.tiles-wrapper .tile .title{text-overflow:ellipsis;max-width:210px;overflow:hidden;white-space:nowrap}.team-wrapper .details .column:first-child{cursor:unset;flex:0 0 210px}.team-wrapper .details .column:last-child{max-height:unset;flex:1 0}.team-wrapper .details{display:none;gap:20px}.team-wrapper input{opacity:0;visibility:hidden;position:absolute;left:0;top:0;width:0;height:0}.team-wrapper input:checked+.details{display:flex}.team-wrapper .details .btn{margin:15px auto 0 0}}@media screen and (min-width:1025px){.team-wrapper{display:flex;flex-flow:column nowrap;gap:50px}.team-wrapper .details .avatar,.tiles-wrapper .tile .avatar{width:250px;height:250px}.team-wrapper .details .name,.tiles-wrapper .tile .name,.team-wrapper .details .title,.tiles-wrapper .tile .title{text-overflow:ellipsis;max-width:250px;overflow:hidden;white-space:nowrap}.team-wrapper .details .column:first-child{flex:0 0 250px}.team-wrapper .details .column:last-child{flex:1 0}.team-wrapper .details .name,.tiles-wrapper .tile .name{font-size:28px;letter-spacing:.56px;line-height:40px}.team-wrapper .details .title,.tiles-wrapper .tile .title{font-size:18px;line-height:30px}.team-wrapper .details .content{font-size:16px;line-height:30px}.team-wrapper .details .btn{gap:6px;font-size:16px;padding:14px 22px;margin:20px auto 0 0}}@media screen and (min-width:1249px){.team-wrapper .details .avatar,.tiles-wrapper .tile .avatar{width:350px;height:350px}.team-wrapper .details .name,.tiles-wrapper .tile .name,.team-wrapper .details .title,.tiles-wrapper .tile .title{text-overflow:ellipsis;max-width:350px;overflow:hidden;white-space:nowrap}.team-wrapper .details .column:first-child{flex:0 0 350px}.team-wrapper .details .column:last-child{flex:1 0}}