.video-content-block{position:relative;overflow:hidden}.video-content-block .video-content-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color, rgba(0, 0, 0, .5));z-index:1}.video-content-block .container{position:relative;z-index:2}.video-content-header{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.video-content-pretitle{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;color:var(--pretitle-color, #666666)}.video-content-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--title-color, #000000)}@media (max-width: 768px){.video-content-title{font-size:2rem}}.video-content-description{font-size:1.125rem;line-height:1.6;color:var(--text-color, #333333)}.video-content-wrapper{position:relative;display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}@media (max-width: 992px){.video-content-wrapper{gap:1rem}}@media (max-width: 768px){.video-content-wrapper{gap:.5rem}}.video-content-arrow{background:#ffffffe6;border:2px solid #e0e0e0;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;z-index:10;color:#333}.video-content-arrow:hover{background:#fff;border-color:#c94949;color:#c94949;box-shadow:0 4px 12px #c9494933}.video-content-arrow:disabled{opacity:.3;cursor:not-allowed}.video-content-arrow:disabled:hover{background:#ffffffe6;border-color:#e0e0e0;color:#333;box-shadow:none}.video-content-arrow svg{width:24px;height:24px}@media (max-width: 768px){.video-content-arrow{width:40px;height:40px}.video-content-arrow svg{width:20px;height:20px}}.video-content-container{flex:1;overflow:hidden;position:relative}.video-content-items{display:flex;gap:1.5rem;transition:transform .5s ease}@media (max-width: 768px){.video-content-items{gap:1rem}}.video-content-single .video-content-wrapper{justify-content:center}.video-content-single .video-content-items{width:100%;max-width:900px;margin:0 auto}.video-content-single .video-content-item{width:100%}.video-content-carousel .video-content-item{flex:0 0 100%;min-width:0}@media (min-width: 992px){.video-content-carousel .video-content-item{flex:0 0 calc((100% - 1.5rem)/2)}}.video-content-item{display:flex;flex-direction:column;gap:1rem}.video-player-wrapper{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.video-player-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-embed{position:relative;width:100%;height:100%}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.video-thumbnail:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;transition:background .3s ease}.video-thumbnail:hover:after{background:#00000080}.video-thumbnail:hover .video-play-btn{scale:1.1}.video-play-btn{position:relative;z-index:1;background:none;border:none;cursor:pointer;padding:0;transition:scale .3s ease}.video-play-btn svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.video-html5{width:100%;height:100%;object-fit:cover}.video-info{padding:.5rem 0}.video-info-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--title-color, #000000)}.video-info-description{font-size:.9375rem;line-height:1.5;color:var(--text-color, #333333);margin:0}.video-content-dots{display:flex;justify-content:center;gap:.75rem;margin-top:2rem}.video-content-dot{width:12px;height:12px;border-radius:50%;border:2px solid #ccc;background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.video-content-dot:hover{border-color:#c94949;background:#c949494d}.video-content-dot.active{background:#c94949;border-color:#c94949}.video-embed.loading:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;z-index:2}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.video-content-header{margin-bottom:2rem}.video-content-title{font-size:1.75rem}.video-content-description{font-size:1rem}.video-info-title{font-size:1.125rem}.video-info-description{font-size:.875rem}.video-content-carousel .video-content-item{flex:0 0 100%}}
