.materials-wrapper{box-sizing:border-box;background:#fff;flex-direction:column;align-items:flex-start;width:100%;padding:55px 0 55px 12%;font-family:Poppins,sans-serif;display:flex}.materials-top-title{letter-spacing:1px;color:#004cff;text-align:left;font-size:1rem;font-weight:400}.materials-main-title{color:#1b1e2d;text-align:left;width:100%;margin-bottom:45px;font-size:2.5rem;font-weight:500}.material-features-grid{box-sizing:border-box;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:3vh;width:88%;max-width:1400px;display:grid}.material-feature-card{cursor:pointer;box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:column;align-items:flex-start;height:100%;padding:1.5rem;transition:transform .4s,box-shadow .4s;display:flex;box-shadow:0 2px 8px #0a46ff1a}.material-feature-card-link{color:inherit;text-decoration:none}.material-feature-title{color:#1d1d1d;width:100%;margin-top:20px;margin-bottom:8px;font-size:1.6rem;font-weight:700}.material-feature-line{background:linear-gradient(90deg,#0040ff 0 80px,#004ea844 80px,#d8dce8 100%);width:90%;height:2px;margin-bottom:18px}.material-feature-list{color:#6b6b6b;flex-grow:1;width:100%;max-width:250px;margin-top:10px;padding-left:18px;font-size:1rem;line-height:1.7;list-style:outside}.material-feature-list li{margin-bottom:10px}.material-feature-card:hover{z-index:10;transform:translateY(-6px);box-shadow:0 12px 30px #0a46ff33}@media (max-width:1200px){.materials-wrapper{padding-left:8%}.material-features-grid{grid-template-columns:repeat(2,1fr);gap:50px;width:90%}}@media (max-width:780px){.materials-wrapper{align-items:center;padding:0}.materials-top-title,.materials-main-title{text-align:center}.materials-main-title{font-size:1.8rem}.material-features-grid{grid-template-columns:1fr;justify-items:center;width:90%}.material-feature-card{width:100%;max-width:350px;margin:0 auto}}[dir=rtl] .materials-wrapper{direction:ltr!important;align-items:center!important;padding-left:0!important;padding-right:0!important}[dir=rtl] .material-features-grid{direction:ltr!important}[dir=rtl] .material-feature-card{text-align:right;direction:rtl}[dir=rtl] .materials-top-title,[dir=rtl] .materials-main-title{direction:rtl;width:100%;text-align:center!important;margin-left:0!important;margin-right:0!important}
