section{margin-top:3rem;margin-bottom:5rem}@media screen and (max-width:480px){section{margin-top:1rem}}.main-comp{display:flex}.article-container{width:1037px;display:flex;flex-direction:column;justify-content:center;align-items:center}.side-section{display:block;width:405px}@media screen and (max-width:1500px){.main-comp{display:flex;justify-content:center;align-items:center}.side-section{display:none}.article-container{width:90%;border:none}}@media screen and (max-width:480px){.main-comp{display:flex;flex-direction:column;justify-content:center;align-items:center}.article-container{width:360px;border-right:0}.border-end{border-right:none}.side-section{display:none}}@media screen and (max-width:370px){.article-container{width:95%;border-right:0}}.poppins-semibold{font-family:var(--font-Poppins);font-weight:600;font-style:normal;font-size:20px;color:#242424}.poppins-normal{font-size:15.375px;color:#6b6b6b;line-height:24px}.poppins-normal,.poppins-tags{font-family:var(--font-Poppins);font-style:normal;font-weight:400}.poppins-tags{font-size:13px}.subheading-container{display:none;color:#6b6b6b}.article-card{padding:.8rem 0 .5rem;margin-top:1rem;width:100%;border-bottom:1px solid #e4e4e4}.article-card-inside{column-gap:2rem;display:flex;align-items:center}.tags-container{display:flex}.tags-container p{color:#6b6b6b}.tags{border:.1px solid #6b6b6b;border-radius:25px;padding:3px 7px;margin:0}.authors{column-gap:10px;margin-bottom:1rem;height:26px}.author{padding:.2rem 7px .2rem .2rem;background-color:#fff}.more-author{padding:.2rem;border:.1px solid #e4e4e4;background-color:#f8f8f8}.author-name{font-weight:500;font-style:normal;font-size:12px;display:block;color:#242424}.content-container{height:96px;overflow-y:hidden}.like-button-container{display:flex;justify-content:center;align-items:center;column-gap:.5rem;width:59px;height:36px}.dislike-button,.like-button{width:22px;height:20px;object-fit:cover}.action-container p{color:#6b6b6b;font-size:13px}.blog-readtime-bottom{display:none}.author-default-img{filter:invert(1);border:1px solid #222;opacity:.5}.article-content{width:70%;height:100%}.article-img{width:31%;height:100%;margin-top:18px}.interaction-container{height:30px}.truncate-blog-content{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis;max-height:100px;word-break:break-word}.article-interaction-btn span{margin-left:10px;position:relative;top:1px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:#000}@media screen and (max-width:1580px){.content-container{height:95px;overflow-y:hidden}}@media screen and (max-width:880px){.article-card-inside{display:flex;align-items:center;flex-direction:column-reverse;gap:20px}.article-content{width:90%}.article-img{width:100%;text-align:center}.authors{column-gap:10px;margin-bottom:.3rem}.author,.more-author{border:none;background:transparent}}@media screen and (max-width:480px){.authors{column-gap:1px;margin-bottom:.3rem}.author{padding-right:0}.author,.more-author{border:none;background:transparent}.content-container,.subheading-container{display:none}.article-content-inside h2{margin-bottom:5px!important}.bloglist-tag{display:none}.interaction-container{height:auto}.like-button{object-fit:cover}.dislike-button,.like-button{height:12px;width:12px}.bookmark-button{height:16px;width:16px}.blog-upvote-count{font-size:12px;margin-top:4px}.article-card-inside{display:flex;align-items:center;flex-direction:column-reverse;gap:20px}.action-container{height:20px;margin-top:10px!important;margin-bottom:5px}.action-container p{font-size:10px}.blog-readtime-bottom{display:none}.poppins-semibold{font-weight:500;font-style:normal;font-size:15px;color:#242424;line-height:20px}.poppins-normal{font-size:12px;line-height:16px;color:#6b6b6b;font-style:normal;font-weight:400}.article-img{height:auto;margin-top:15px}.article-img img{height:140px}.article-interaction-btn img{max-height:11px}.article-interaction-btn,.article-interaction-btn .btn-link{padding:0}.article-interaction-btn span{position:relative;top:0;font-size:8px;font-weight:501;margin-left:0}.dislike-btn .btn-link{position:relative;bottom:2px}.bookmark-btn{margin-left:0!important}.bookmark-btn>img{max-height:unset;transform:scale(.6)}.truncate-blog-content{-webkit-line-clamp:2;margin-bottom:0!important}}.profileImage{width:32px;height:32px;flex-shrink:0;overflow:hidden;border-radius:100%;margin-right:6px}.profileImage img{width:100%;height:100%;object-fit:cover}.professor-cards{display:flex;flex-direction:row;gap:4px;align-items:flex-start;overflow-x:auto;padding-bottom:10px;margin-top:.5rem}.professorDetailCard{border:1px solid #e1e1e18d;border-radius:15px;font-family:var(--font-Poppins);width:174px;flex-shrink:0;justify-content:start;padding:10px 5px 8px}.professorDetailCard .name{font-size:13px;line-height:14px;margin-bottom:2px}.professorDetailCard .prof-description{font-size:12px;color:#7c7c7c;word-wrap:break-word}.professorDetailCard .prof-description a{text-decoration:none}.professorDetailCard .prof-description .collapse-arrow{color:#000;cursor:pointer;margin-left:-12px}.cursor-pointer{cursor:pointer}.prof-linkedin-icon{font-size:13.5px;color:#0077b7;display:none}.prof-header{display:flex;flex-direction:column}@media screen and (min-width:480px){.professor-cards{margin-top:-1rem}.professorDetailCard{width:225px;padding:12px 10px 8px}.prof-header{display:flex;flex-direction:row;align-items:baseline;gap:4px}.professorDetailCard .name{font-size:14px;margin-bottom:4px}.profileImage{width:40px;height:40px;flex-shrink:0;overflow:hidden;border-radius:100%;margin-right:6px}.professorDetailCard .prof-description{font-size:13px}.prof-linkedin-icon{display:block}}@media screen and (min-width:881px){.professor-cards{gap:10px;margin-top:-1rem;margin-bottom:1rem}.professorDetailCard{width:300px;padding:17px 15px 10px}.prof-header{display:flex;flex-direction:row;align-items:baseline;gap:4px}.professorDetailCard .name{font-size:15px;margin-bottom:4px}.profileImage{width:45px;height:45px;flex-shrink:0;overflow:hidden;border-radius:100%;margin-right:10px}.professorDetailCard .prof-description{font-size:13px}.prof-linkedin-icon{font-size:16px}}@media screen and (min-width:1200px){.professorDetailCard{width:340px;padding:15px 18px 5px}.prof-header{display:flex;flex-direction:row;align-items:baseline;gap:5px}.professorDetailCard .name{font-size:16px;margin-bottom:5px}.profileImage{width:48px;height:48px;flex-shrink:0;overflow:hidden;border-radius:100%;margin-right:10px}.professorDetailCard .prof-description{font-size:13px}.collapse-arrow{font-size:14px}}