.training-videos-page-container{margin-top:36px;display:flex;padding:48px 64px;flex-direction:column;align-items:center;gap:36px;align-self:stretch;border-radius:14px;background:#fff}@media(max-width:768px){.training-videos-page-container{margin-top:16px}}@media(max-width:768px){.training-videos-page-container{padding:24px 10px;gap:24px}}.training-videos-page-container .training-videos-filter-form{display:flex;align-items:flex-start;gap:30px;align-self:stretch}@media(max-width:768px){.training-videos-page-container .training-videos-filter-form{flex-direction:column}}.training-videos-page-container .training-videos-filter-form .company-form-group{margin-bottom:0;flex:1}@media(max-width:768px){.training-videos-page-container .training-videos-filter-form .company-form-group{width:100%}}.training-videos-page-container .company-form-group span.select2-container{width:100%!important}.training-videos-page-container .training-videos{display:flex;align-items:stretch;gap:30px;align-self:stretch;flex-wrap:wrap}@media(max-width:992px){.training-videos-page-container .training-videos{gap:24px}}.training-videos-page-container .training-videos .training-video{width:calc(33.33% - 20px);box-sizing:border-box;display:flex;padding:10px 10px 16px 10px;flex-direction:column;align-items:flex-start;gap:24px;border-radius:14px;border:1px solid #eee;background:#fff}@media(max-width:992px){.training-videos-page-container .training-videos .training-video{width:calc(50% - 12px)}}@media(max-width:768px){.training-videos-page-container .training-videos .training-video{width:100%}}.training-videos-page-container .training-videos .training-video:hover{border:1px solid #1cbbff}.training-videos-page-container .training-videos .training-video .video-container{width:100%;height:200px;border-radius:10px;overflow:hidden;position:relative}@media(max-width:1400px){.training-videos-page-container .training-videos .training-video .video-container{height:180px}}@media(max-width:1200px){.training-videos-page-container .training-videos .training-video .video-container{height:150px}}@media(max-width:768px){.training-videos-page-container .training-videos .training-video .video-container{height:230px}}@media(max-width:576px){.training-videos-page-container .training-videos .training-video .video-container{height:200px}}@media(max-width:390px){.training-videos-page-container .training-videos .training-video .video-container{height:170px}}.training-videos-page-container .training-videos .training-video .video-container>img{width:100%;height:100%;object-fit:cover}.training-videos-page-container .training-videos .training-video .video-container .play-button{display:flex;width:70px;height:70px;justify-content:center;align-items:center;border-radius:100%;background-color:#fff;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border:none}.training-videos-page-container .training-videos .training-video .video-container .play-button img{width:16px}.training-videos-page-container .training-videos .training-video .bottom{display:flex;flex-direction:column;align-items:flex-start;gap:9px;align-self:stretch}.training-videos-page-container .training-videos .training-video .bottom .title{width:100%;color:#000;font-size:16px;font-style:normal;font-weight:700;line-height:19.033px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.training-videos-page-container .training-videos .training-video .bottom .info{display:flex;height:13.746px;align-items:center;gap:8px;align-self:stretch}.training-videos-page-container .training-videos .training-video .bottom .info .tag{display:flex;padding:0 6px;justify-content:center;align-items:center;gap:5px;border-radius:14px;background:#1cbbff;color:#fff;font-size:8px;font-style:normal;font-weight:700;line-height:13.746px;letter-spacing:.8px;text-transform:uppercase}.training-videos-page-container .training-videos .training-video .bottom .info .dot{display:flex;justify-content:center;align-items:center}.training-videos-page-container .training-videos .training-video .bottom .info .dot i{font-size:4px;color:#afb8b7}.training-videos-page-container .training-videos .training-video .bottom .info .date{color:#717171;font-size:10px;font-style:normal;font-weight:400;line-height:11.632px}.training-videos-page-container .training-videos .training-video .bottom .info .by{color:#717171;font-size:10px;font-style:normal;font-weight:400;line-height:11.632px}.training-videos-page-container .button-container{width:100%;text-align:center}