*{margin:0;padding:0;font-family:poppins,sans-serif;box-sizing:border-box}body{background:#1e1e1e;color:#fff}.container{max-width:1800px;margin:0 auto;padding:90px 2rem 2rem}.list-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:15px}.loader-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.vid-list .thumbnail{width:100%;border-radius:8px}.vid-list .hoverborder:hover{border-bottom:3px solid #00d9ff;transition:.3s}.vid-list .flex-div{align-items:flex-start;margin-top:7px}.vid-list .flex-div img{width:15px;margin-right:5px}.vid-info{color:#cacaca;font-size:13px}.vid-info a{color:#f0f0f0;font-size:17px;font-weight:500;text-decoration:none;display:block;margin-bottom:5px}.vid-info svg{fill:#cacaca;position:relative;top:0;left:0;width:20px}footer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid #e9ecef;margin-top:40px}.pagination{display:flex;justify-content:center;margin-bottom:20px}.pagination button{background-color:#00a9c7;color:#000;border:none;width:55px;height:40px;font-size:20px;margin:0 5px;border-radius:5px;cursor:pointer;transition:background-color .3s}.pagination button:hover{background-color:#00b31590}.pagination .active{background-color:#00840f}.social-media{display:flex;gap:10px;justify-content:center;align-items:center;text-align:center;margin-bottom:20px}.social-media a{color:#008810;text-decoration:none;font-size:24px;transition:color .3s}.social-media a:hover{color:#00b31563}.about,.copyright{text-align:center;color:#bcbcbc;margin-bottom:10px}@media (max-width: 550px){.container{padding:90px 1rem 1rem}.social-media a{color:#008810;text-decoration:none;font-size:16px;transition:color .3s}.copyright{color:#a8a8a8}}@media (max-width: 400px){.pagination button{width:50px;height:35px;font-size:20px;margin:0 4px}}.play-layout{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 350px;gap:2rem;padding:1rem}.main-video,.suggested-videos{width:100%}@media (max-width: 1024px){.play-layout{grid-template-columns:1fr}}