.resources-page{background:#000;overflow:hidden}.resources-hero{position:relative;height:500px;overflow:hidden;background:#050708}.resources-bg{position:absolute;top:0;right:0;bottom:0;left:0}.resources-bg img{width:100%;height:100%;object-fit:cover}.resources-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000b8,#00000059 35%,#000000a6)}.resources-hero .container{position:relative;z-index:5;height:100%}.resources-hero-content{height:100%;display:flex;align-items:center}.resources-hero-content h1{color:#00c083;font-size:var(--fs-6xl);font-weight:500;margin:0}.datasheets-section{position:relative;padding:110px 0 150px;background:#000;overflow:hidden}.datasheets-section:after{content:"";position:absolute;left:0;right:0;bottom:0;height:220px;background:linear-gradient(to bottom,transparent,rgba(0,70,70,.35));pointer-events:none}.mesh-left{position:absolute;left:-180px;top:-80px;width:550px;height:550px;background:url(/images/mesh-grid.png) no-repeat center;background-size:contain;opacity:.55}.mesh-right{position:absolute;right:-200px;bottom:-180px;width:550px;height:550px;background:url(/images/mesh-grid.png) no-repeat center;background-size:contain;opacity:.55}.section-heading{position:relative;z-index:5;text-align:center;margin-bottom:90px}.section-heading h2{color:#fff;font-size:var(--fs-7xl);font-weight:300}.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;align-items:start}.resource-download{display:flex;align-items:center;justify-content:center;height:70px;background:#82da00;font-size:1.2rem}.resource-card.blue .resource-download{background:#68cc00;color:#000}.resource-card{position:relative;border-radius:24px;overflow:hidden;transition:.5s;box-shadow:0 25px 80px #00000059;height:100%}.resource-card.green{background:#b4e44f}.resource-card.red{background:#9a2324}.resource-card.blue{background:#27858b}.resource-card:hover{transform:translateY(-12px)}.resource-image{padding:35px 35px 20px;text-align:center}.resource-image img{width:100%;border-radius:24px}.resource-content{text-align:center;padding:0 25px 25px}.resource-content h4{font-size:var(--fs-xl);line-height:1.25;margin-bottom:5px;color:#fff}.resource-card.blue h4{color:#fff}.videos-section{position:relative;background:#000;padding:120px 0 180px;overflow:hidden}.videos-section:before{content:"";position:absolute;left:0;right:0;top:0;height:180px;background:linear-gradient(to bottom,rgba(0,0,0,.95),transparent);z-index:2}.videos-section:after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(to bottom,transparent,rgba(0,192,131,.08));pointer-events:none}.video-card{position:relative;width:100%;margin:auto;border-radius:28px;overflow:hidden;box-shadow:0 60px 120px #0000008c,0 0 100px #00c08314;transition:.5s}.video-card:hover{transform:translateY(-10px)}.video-card img{width:100%}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to right,#0003,#00c0832e)}.video-overlay span{margin-top:-15px;color:#fff;font-size:1.15rem}.video-play-btn{width:140px;height:140px;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-play-btn svg{width:100%;height:100%}.video-play-btn .cls-3{transform-origin:center;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}to{opacity:.6;transform:scale(.9)}}.video-card:hover .video-play-btn{transform:scale(1.08)}.video-play-btn{transition:.5s}.play-circle{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#80ce0a,#00c083);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 0 70px #80ce0a73;animation:pulseGlow 3s infinite}.play-circle i{color:#fff;font-size:4rem}.video-overlay span{color:#fff;font-size:1.3rem}@keyframes pulseGlow{0%{box-shadow:0 0 40px #80ce0a59}50%{box-shadow:0 0 80px #80ce0ab3}to{box-shadow:0 0 40px #80ce0a59}}#videoModal .modal-dialog{max-width:1100px}#videoModal .modal-content{background:#000;border-radius:30px;overflow:hidden;box-shadow:0 50px 120px #000000bf}#popupVideo{display:block;width:100%}.video-card{cursor:pointer}.video-card:hover .play-circle{transform:scale(1.08);box-shadow:0 0 100px #80ce0ab3}.play-circle{transition:.45s}@media(max-width:1199px){.resources-hero{height:440px}.resources-hero-content h1{font-size:54px}.datasheets-section{padding:90px 0 110px}.videos-section{padding:90px 0 120px}.resources-grid{grid-template-columns:repeat(2,1fr);gap:30px;justify-items:center}.resource-card{width:100%;max-width:360px}}@media(max-width:991px){.resources-hero{height:380px}.resources-hero-content{justify-content:center}.resources-hero-content h1{font-size:44px;text-align:center}.datasheets-section{padding:70px 0}.videos-section{padding:70px 0 90px}.section-heading{margin-bottom:45px}.section-heading h2{font-size:42px}.resources-grid{grid-template-columns:repeat(2,1fr);gap:30px}.resource-card{width:100%;max-width:330px}.resource-image{padding:25px 25px 15px}.resource-download{height:60px;font-size:16px}.video-play-btn{width:110px;height:110px}}@media(max-width:767px){.resources-hero{height:300px}.resources-hero-content{justify-content:center;text-align:center}.resources-hero-content h1{font-size:34px}.datasheets-section{padding:55px 0}.videos-section{padding:55px 0 70px}.mesh-left,.mesh-right{display:none}.resources-grid{grid-template-columns:1fr;gap:25px}.resource-card{max-width:380px;margin:auto}.resource-image{padding:22px}.resource-content{padding:0 20px 20px}.resource-content h4{font-size:22px}.resource-download{height:56px;font-size:15px}.video-card{border-radius:20px}.video-play-btn{width:85px;height:85px}.video-overlay span{margin-top:10px;font-size:15px}}@media(max-width:575px){.resources-hero{height:260px}.resources-hero-content h1{font-size:28px}.datasheets-section{padding:45px 0}.videos-section{padding:45px 0 60px}.resource-card{border-radius:20px}.resource-image{padding:18px}.resource-content h4{font-size:20px}.resource-download{height:52px;font-size:14px}.video-play-btn{width:70px;height:70px}.video-overlay span{font-size:14px}}@media(max-width:400px){.resource-download{font-size:13px;padding:0 12px;text-align:center}.video-overlay span{font-size:13px}}
