.hero-video-list.hero-bg-white{background-color:#fff}
.hero-video-list.hero-bg-dark-grey{background-color:#303030}
.hero-video-list.hero-bg-light-grey{background-color:#f7f7f7}
.hero-video-list.hero-bg-black{background-color:#000}
.hero-video-wrapper .main-content{display:flex;justify-content:flex-start;padding:60px 5% 8px}
.hero-video-wrapper .info-card{padding:30px;background:#fff;border-radius:15px;max-width:555px;max-height:430px;box-shadow:0 10px 30px rgba(0,0,0,0.05)}
.hero-video-wrapper .info-card h1{font-size:34px;margin-bottom:20px;color:#000;line-height:1.2}
.hero-video-wrapper .info-card p{font-size:19px;line-height:1.6;color:#666;letter-spacing:-0.44px}
.hero-video-wrapper .npi-btn-primary{display:inline-block;background-color:#0071b3;color:#fff;padding:12px 30px;font-size:16px;line-height:18px;font-weight:700;text-transform:capitalize;text-decoration:none;border-radius:56px;transition:background-color .3 ease;border:0;cursor:pointer;text-align:center}
.hero-video-wrapper .video-gallery{padding:40px 0;width:100%;display:flex;justify-content:center}
.hero-video-wrapper .video-grid{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:20px;width:100%;max-width:1260px;margin:0 auto}
.hero-video-wrapper .video-card-list{flex:0 1 auto;width:350px;min-width:0;cursor:pointer}
.hero-video-wrapper .thumbnail-list{width:100%;aspect-ratio:1.77777778;background-size:cover;background-position:center;border-radius:12px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,0.1)}
.hero-video-wrapper .thumbnail-list .play-button{width:50px;height:50px;background:rgba(255,255,255,0.2);border:4px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.hero-video-wrapper .thumbnail-list .play-triangle{width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:25px solid #fff;margin-left:8px}
.hero-video-wrapper .hero-modal{display:none;position:fixed;z-index:9999;inset:0;background:rgba(0,0,0,0.85);align-items:center;justify-content:center}
.hero-video-wrapper .hero-modal .video-dialog-block{width:90%;max-width:850px;position:relative}
.hero-video-wrapper .hero-modal .video-dialog-block .hero-modal-close{position:absolute;top:-60px;right:-10px;color:#fff;font-size:40px;background:0;border:0;cursor:pointer}
.hero-video-wrapper .hero-modal .video-dialog-block .video-wrapper{position:relative;padding-bottom:56.25%;height:0}
.hero-video-wrapper .hero-modal .video-dialog-block .video-wrapper iframe,.hero-video-wrapper .hero-modal .video-dialog-block .video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%}
.hero-video-wrapper .hero-modal .video-dialog-block #localVideoPlayer{width:100%;height:auto;max-height:80vh;display:block;border-radius:8px;background:#000}
.hero-video-wrapper .mobile-only-section{display:none}
.hero-video-wrapper .desktop-only-section{display:block}
@media((max-width:767px)){.hero-video-wrapper{background-image:url(clientlib-general/css/none) !important}
.hero-video-wrapper .mobile-only-section{display:block}
.hero-video-wrapper .desktop-only-section{display:none}
.hero-video-wrapper .main-content{background-color:transparent;padding:30px 5% 8px;justify-content:center}
.hero-video-wrapper .info-card{box-shadow:none;text-align:center}
.hero-video-wrapper .info-card p{font-size:16px;font-weight:400;line-height:30px;color:#000;text-align:center;letter-spacing:-0.5px}
.hero-video-wrapper .info-card h1{font-size:26px;font-weight:700;margin-bottom:15px;color:#000;line-height:35px;text-align:center;letter-spacing:-0.44px}
.hero-video-wrapper .video-card-list{flex:0 1 65%}
.hero-video-wrapper .video-gallery-mobile .video-gallery-mobile-container{height:100%;margin-top:100px;display:flex;padding:0 0 0 24px;margin-bottom:100px}
.hero-video-wrapper .video-gallery-mobile .video-gallery-mobile-container .nav-btn{width:15%;display:flex;align-items:center;justify-content:center}
.hero-video-wrapper .video-gallery-mobile-content{min-width:65%;width:65%;display:flex;margin:auto 0;justify-content:center;align-items:center;height:70px}
.hero-video-wrapper .video-gallery-mobile-content a{display:flex;justify-content:center}
.hero-video-wrapper .video-gallery-mobile-content img{max-height:70px;margin:auto 0}
.hero-video-wrapper .video-gallery-mobile-content .slick-list,.hero-video-wrapper .video-gallery-mobile-content .slick-track{width:100%;min-height:70px !important}
.hero-video-wrapper .circle-chevron-white-lt,.hero-video-wrapper .circle-chevron-white-rt{width:40px;height:40px;border:0;background-color:#707070;border-radius:50%;display:flex;align-items:center;justify-content:center}
.hero-video-wrapper .circle-chevron-white-rt::after{content:"";display:inline-block;border-right:3px solid #fff;border-bottom:3px solid #fff;width:10px;height:10px;transform:rotate(-45deg);margin-left:-5px}
.hero-video-wrapper .circle-chevron-white-lt::after{content:"";display:inline-block;border-left:3px solid #fff;border-top:3px solid #fff;width:10px;height:10px;transform:rotate(-45deg);margin-left:5px}
}