.navbar{z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:10px 2%;display:flex;position:sticky;top:0;box-shadow:0 5px 15px #0000001a}.logo{align-items:center;display:flex}.logo img{width:22px;margin-right:10px}.logo .logo_img{width:120px;margin-top:8px}.search .box{border:1px solid #ccc;border-radius:25px;align-items:center;gap:10px;margin-right:15px;padding:8px 15px;display:flex}.search .box input{color:#222;background:0 0;border:none;outline:none;width:400px;font-size:14px}.search img{width:15px}.icons{align-items:center;gap:15px;display:flex}.icons img{width:25px}.icons .userIcon{border-radius:50%;width:35px}@media (width<=900px){.logo .menu,.navbar .icons img{display:none}.navbar .icons .userIcon{width:30px;display:block}.logo .logo_img{width:100px}.search .box input{width:200px}}@media (width<=450px){.search .box input{width:100px}}.container{background:#fff;padding:20px 2% 20px 17%}.large_container{padding-left:7%}@media (width<=900px){.container{padding-left:2%;padding-right:2%}}.sidebar{scrollbar-width:none;background:#fff;width:15%;height:100vh;padding-top:80px;padding-left:2%;position:fixed;top:0;overflow-y:auto}.small_sidebar{width:5%}.small_sidebar p,.small_sidebar h3{display:none}.small_sidebar hr{margin-bottom:20px;width:50%!important}.sortcutLinks img{width:20px;margin-right:10px}.side_link.active img{border-bottom:2px solid red;padding-bottom:2px}.side_link{cursor:pointer;flex-wrap:wrap;align-items:center;width:fit-content;margin-bottom:20px;display:flex}.sidebar hr{background:#ccc;border:0;width:85%;height:1px}.subscribe_list h3{color:#222;margin:20px 0;font-size:13px}.subscribe_list img{border-radius:50%;width:25px;margin-right:10px}@media (width<=900px){.sidebar{display:none}}.feed{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:10px;display:grid}.card{width:100%}.card img{border-radius:5px;width:100%}.card h2{color:#222;font-size:15px;font-weight:600;line-height:1.4}.card h3{color:#555;margin:5px 0;font-size:14px;font-weight:600}.card p{font-size:14px}.feed{grid-column-gap:16px;grid-row-gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:5px;display:grid}.card .img{background:#bebcbc91;border-radius:5px;width:100%;height:200px}.flex{align-items:flex-start;gap:10px;margin-top:8px;display:flex}.card .flex h2{aspect-ratio:1;background:#bebcbc91;border-radius:50%;width:30px}.card .flex div{width:100%;height:10px;margin-bottom:5px;background:#bebcbc91!important}.play_container{background:#f9f9f9;flex-wrap:wrap;justify-content:space-between;padding:20px 2%;display:flex}.play_video{flex-basis:69%}.play_video iframe{border-radius:20px;width:100%;height:37vw}.play_video h3{margin-top:10px;font-size:22px;font-weight:600}.play_info{color:#333;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:10px;font-size:14px;display:flex}.play_actions img{width:20px;margin-right:10px}.play_actions span{align-items:center;margin-left:15px;display:inline-flex}.play_video hr{background:#ccc;border:0;height:1px;margin:10px 0}.channel_info{align-items:center;margin-top:10px;display:flex}.channel_info .channel_details{flex:1;line-height:18px}.channel_info img{border-radius:50%;width:40px;margin-right:10px}.channel_info h4{color:#000;font-size:16px;font-weight:600}.channel_info p{color:#333;font-size:14px;font-weight:500}.subscribe_btn{color:#fff;cursor:pointer;background-color:#c00;border:0;border-radius:4px;outline:0;padding:8px 16px;font-size:14px}.play_video .description{margin:15px 0;padding-left:55px}.play_video .description p{color:#333;margin-bottom:5px;font-size:14px;line-height:1.2}.description h4{color:#555;margin-top:15px;font-size:14px}.comment{align-items:flex-start;margin:10px 0;display:flex}.comment img{border-radius:50%;width:35px;margin-right:10px}.comment h3{margin-bottom:2px;font-size:14px}.comment h3 span{color:#777;margin-left:8px;font-size:12px;font-weight:500}.comment .comment_action{align-items:center;margin:8px 0;font-size:14px;display:flex}.comment .comment_action img{border-radius:0;width:20px;margin-right:5px}.comment .comment_action span{color:#555;margin-right:20px}@media (width<=768px){.play_video{flex-basis:100%}.play_video iframe{height:50vw}.channel_info h4{font-size:12px}.channel_info{flex-basis:100%}.play_video .description{padding-left:25px}.play_info{display:flex-start;row-gap:10px}}.related{flex-basis:30%}.video_list{justify-content:space-between;gap:5px;margin-bottom:8px;display:flex}.video_list img{border-radius:8px;flex-basis:49%;width:50%}.vid_info{flex-basis:49%}.vid_info h4{font-size:14px}.vid_info p{font-size:12px}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}a{color:#333;text-decoration:none}img{cursor:pointer}
