.ihub-component-lists{max-width:1200px;margin:0 auto;padding:2rem}.ihub-component-lists-title{font-size:2.5rem;margin-bottom:1rem;text-align:center}.ihub-component-lists-description{font-size:1.1rem;text-align:center;margin-bottom:2rem}.ihub-component-category{margin-bottom:3rem}.ihub-component-category-title{font-size:1.8rem;margin-bottom:1.5rem;border-bottom:2px solid var(--OpacityBacground);padding-bottom:.5rem}.ihub-component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.ihub-component-card{background-color:var(--OpacityBacground);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.ihub-component-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.15)}.ihub-component-name{font-size:1.3rem;margin-bottom:.5rem}.ihub-component-description{font-size:.95rem;margin-bottom:1rem;line-height:1.4;text-align:center}.ihub-component-link{display:inline-block;background-color:var(--DarkCyan);color:white;padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-size:.9rem;transition:background-color .2s ease}.ihub-component-link:hover{background-color:var(--DarkCyan);opacity:.8}@media (max-width:768px){.ihub-component-grid{grid-template-columns:1fr}.ihub-component-lists{padding:1rem}.ihub-component-lists-title{font-size:2rem}}.custom-play-button button{background-color:#0077ff!important;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer}.custom-progress-bar{height:8px;background-color:#ccc;border-radius:4px}.custom-progress-bar .video-react-progress-holder{height:100%;background-color:#0077ff;border-radius:4px}.vjs-progress-control .vjs-load-progress,.vjs-progress-control .vjs-mouse-display,.vjs-progress-control .vjs-play-progress{background-color:#ff7f00}.vjs-progress-control .vjs-mouse-display:before{border-color:transparent #ff7f00 transparent transparent}.vjs-play-control:before{content:"\f04b";font-family:Font Awesome\ 5 Free;font-weight:400}.vjs-paused .vjs-play-control:before{content:"\f04c"}.vjs-volume-menu-button:before{content:"\f027"}.vjs-mute:before,.vjs-volume-level:before,.vjs-volume-menu-button:before{font-family:Font Awesome\ 5 Free;font-weight:400}.vjs-mute:before{content:"\f6a9"}.vjs-volume-level:before{content:"\f028"}.vjs-fullscreen-control:before{content:"\f065";font-family:Font Awesome\ 5 Free;font-weight:400}.vjs-fullscreen-exit-control:before{content:"\f066";font-family:Font Awesome\ 5 Free;font-weight:400}