.materialsHeroBanner .hero-content{gap:30px;position:relative;width:52%;z-index:5}.materialsHeroBanner .breadcrumb{position:absolute;top:22px}.materialsHeroBanner .hero-description{color:#66707a;font-size:14px;line-height:1.5;margin:0 0 24px;max-width:520px}.materialsHeroBanner .hero-btn{border:1px solid #d1d5dc;min-height:38px;padding:7px 14px 4px}.materialsHeroBanner .hero-btn:hover{border-color:#111}.materialsHeroBanner span.text.inner{margin-top:2px}.materialsHeroBanner .contentDescription h1{font-weight:500;letter-spacing:-1.35px}.materialsHeroBanner .hero-label{border:1px solid #e5e7eb;padding-bottom:6px;padding-top:10px;width:fit-content}.materialsHeroBanner .breadcrumb ul,.materialsHeroBanner .breadcrumb ul li{list-style-type:none;margin:0;padding:0}.materialsHeroBanner li.breadcrumb-item a:hover{color:#000}.materialsHeroBanner .separator,.materialsHeroBanner li.breadcrumb-item a{color:#737373;font-weight:500}.materialsHeroBanner .breadcrumb-item>*{font-size:13px}.materialsHeroBanner .badgeWrap{border:1px solid #e5e7eb;border-radius:10px;bottom:61px;box-shadow:0 4px 4px 0 #00000040;overflow:hidden;position:absolute;right:0;top:auto;width:183px;z-index:10}.materialsHeroBanner .logo-area{gap:15px;height:730px;overflow:hidden;position:relative;width:48%}.materialsHeroBanner .logo-area.effect:after,.materialsHeroBanner .logo-area.effect:before{content:"";height:116px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.materialsHeroBanner .logo-column{height:100%;overflow:hidden;position:relative;width:145px}.materialsHeroBanner .logo-track{display:flex;flex-direction:column;gap:10px;will-change:transform}.materialsHeroBanner .logo-track.down{animation:scrollDown 30s linear infinite}.materialsHeroBanner .logo-track.up{animation:scrollUp 30s linear infinite}@keyframes scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.materialsHeroBanner .logo-card{border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.02);flex:0 0 80px;height:80px;padding:12px;position:relative}.materialsHeroBanner .logo-card img{object-fit:contain}.materialsHeroBanner .verified-check{align-items:center;background:#d9f5df;border-radius:50%;color:#25a244;display:flex;font-size:9px;font-weight:700;height:13px;justify-content:center;left:5px;position:absolute;top:5px;width:13px}@media (min-width:992px){.materialsHeroBanner .contentDescription h1{font-size:54px}}@media (min-width:1200px){.materialsHeroBanner .logo-area{padding:0 30px}}@media (max-width:1199px){.materialsHeroBanner .hero-content{padding-right:20px;width:48%}.materialsHeroBanner .logo-area{width:52%}}@media (max-width:991px){.materialsHeroBanner .hero-content{padding-bottom:35px;padding-right:0;width:100%}.materialsHeroBanner .hero-label{margin-left:auto;margin-right:auto}.materialsHeroBanner .logo-area{height:450px;width:100%}.materialsHeroBanner .logo-column{width:30%}.materialsHeroBanner .lca-badge{right:15px;top:50%}.materialsHeroBanner .breadcrumb{position:static;transform:inherit}}@media (max-width:767px){.materialsHeroBanner .hero-content{padding-bottom:30px}.materialsHeroBanner .logo-area{gap:7px}.materialsHeroBanner .logo-card{flex-basis:60px;height:60px}.materialsHeroBanner .lca-badge{right:5px;width:150px}}@media (max-width:480px){.materialsHeroBanner .lca-badge{top:auto;width:100px}}@media (prefers-reduced-motion:reduce){.materialsHeroBanner .logo-track.down,.materialsHeroBanner .logo-track.up{animation:none}}