.materials-page{background:var(--white);border-radius:50px 50px 0 0}.hero{background-color:var(--white);border-radius:50px 50px 0 0}.hero__container{grid-template-columns:1fr 3fr;align-items:stretch;gap:40px;margin:0 auto;display:grid}.hero__content{z-index:2;flex-direction:column;align-items:flex-start;margin-right:-500px;display:flex}.hero__image{z-index:1;background:url(/images/materials_bg.jpg) right 150% center no-repeat;min-height:450px}.hero__title{margin-top:20px;margin-bottom:20px;font-size:clamp(2rem,4vw,4rem);font-weight:600}.hero__text,.hero__content p{color:#555;max-width:500px;margin-bottom:30px;font-size:18px}.hero__features{justify-content:space-between;gap:1rem;display:flex}.feature{align-items:center;display:flex;position:relative}.feature:before{content:"";z-index:2;opacity:.7;background:#fff;border-radius:12px;position:absolute;inset:0}.feature>*{z-index:2;position:relative}.feature-item__circle{aspect-ratio:1;border:2px solid var(--orange);background-color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:70%;max-width:80px;margin:10px;display:flex;position:relative;overflow:hidden}.feature-item__circle img{object-fit:contain;width:50px;height:50px}.feature span{font-size:1rem;font-weight:600;line-height:1.4}@media (width<=992px){.feature{flex:calc(50% - 20px)}}@media (width<=600px){.hero__container{grid-template-columns:1fr}.hero__content{margin-right:0}.feature{flex:100%}}.materials-box{background:#f5f5f5}.quality-items{position:relative}.quality-items:after{content:"";opacity:.05;background:url(/images/i-triangular-arrows-sign-for-recycle.png) 100% 100% no-repeat;width:210px;height:210px;position:absolute;bottom:0;right:0}@media (width<=576px){.quality-items:after{background-size:150px}}.quality-item__box{gap:1rem;display:flex}.quality-item__icon{text-align:center;background-color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px}.materials-img{width:100%;height:auto;display:block}.quality-item__text{flex:1}.materials-box__h3{font-size:2.25rem;font-weight:600}.cta{background-color:var(--blue);color:var(--white);border-radius:10px;padding:30px 20px}.make-choice:hover{background-color:var(--white);color:var(--orange)}.make-choice{background-color:var(--orange);width:100%;height:100%;color:var(--white);justify-content:center;align-items:center;font-size:1.2rem;font-weight:500;display:flex}@media (width<=991px){.materials-page,.hero{border-radius:10px 10px 0 0}}