.materials.search{background:#ecf0eb url(../../../images/web/pages/materials/banner.webp?v=2) no-repeat 50%;height:26.438rem}@media (max-width:767.98px){.materials.search{background-size:cover;height:auto;padding-bottom:4rem;padding-top:7rem}}.materials.search .container{height:100%}.materials.search .container .breadcrumb{justify-content:center}.materials.search .container h1{color:#fff;font-weight:700;line-height:4rem;margin:1.875rem 0;text-align:center}.materials.search .container form .form-control{padding-right:3.6rem}.materials.search .container form .btn[type=submit]{border:none;bottom:0;left:auto;margin:auto;padding:0;position:absolute;right:1.3rem;top:0}.materials.search .container form .btn[type=submit] svg{color:#595959}.materials.list{padding-bottom:8.188rem;padding-top:5.875rem}@media (max-width:767.98px){.materials.list{padding-bottom:4rem;padding-top:4rem}}.materials.list .container h2{font-weight:700;margin-bottom:3.5rem;text-align:center}.materials.list .container article{border:1px solid #007f80;border-radius:4rem;height:100%;position:relative;transition:background-color .3s}@media (max-width:575.98px){.materials.list .container article{border-radius:2rem}}.materials.list .container article:hover{background-color:#29bfbf}.materials.list .container article:hover .kmbi-arrow-topright{animation:point .5s linear;opacity:1}@keyframes point{0%{transform:translateZ(0)}50%{transform:translate3d(5px,-5px,0)}to{transform:translateZ(0)}}.materials.list .container article:hover h3{color:#fff}.materials.list .container article img{border-bottom:1px solid #007f80;border-radius:4rem 4rem 0 0;height:auto;width:100%}@media (max-width:575.98px){.materials.list .container article img{border-radius:2rem 2rem 0 0}}.materials.list .container article .kmbi-arrow-topright{bottom:auto;color:#fff;font-size:2.125rem;left:auto;opacity:0;position:absolute;right:1.5rem;top:15.5rem;transition:all .3s}.materials.list .container article h3{font-size:1rem;font-weight:700;padding:3.75rem;text-align:center;transition:color .3s}@media (max-width:1199.98px){.materials.list .container article h3{padding:2rem}}@media (max-width:575.98px){.materials.list .container article h3{padding:2rem 1rem}}
