.s3-video-list{width:100%;margin:0 auto!important}.s3-media-videos-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px}.s3-media-video{border:1px solid #ccc;padding:15px;background-color:#f9f9f9}.s3-media-video h2{font-size:16px;margin-bottom:10px}.s3-media-video video{width:100%;height:auto;min-height:169px}.pagination{margin:20px 0;text-align:center}.pagination ul{list-style:none;padding:0;display:inline-block}.pagination li{display:inline;margin:0 5px}.pagination a{text-decoration:none;padding:8px 12px;background:#0073aa;color:#fff;border-radius:3px}.pagination a:hover{background:#005177}.pagination .current{padding:8px 12px;background:#333;color:#fff;border-radius:3px}.s3-media-videos-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px}.s3-media-video{position:relative;text-align:center}.video-thumbnail{position:relative;cursor:pointer}.video-thumbnail img{width:100%;height:auto;display:block}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;color:#fff;text-shadow:0 0 10px rgb(0 0 0 / .7);pointer-events:none}.video-modal{display:none;position:fixed;z-index:99999;left:0;top:0;right:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);max-width:100%}.video-modal::after{background-color:rgb(0 0 0 / .5);width:100%;height:100%;position:absolute;content:''}.s3-media-video .video-thumbnail::after{background-color:#fff0;width:100%;height:100%;position:absolute;content:'';left:0;right:0;top:0;bottom:0}.video-modal-content{margin:10% auto;padding:20px;width:80%;max-width:700px;background-color:#fff;position:relative}.close-button{position:absolute;top:10px;right:15px;font-size:30px;cursor:pointer;color:#333}#modal-video{width:100%;height:auto}@media (max-width:768px){.s3-media-videos-list{grid-template-columns:1fr}}@media (max-width:1024px){.s3-media-videos-list{grid-template-columns:1fr 1fr}}@media (max-width:768px){.s3-media-videos-list{grid-template-columns:1fr}}