.overlay-box .btn,.overlay-box p{transition:opacity .3s;opacity:0}:root{--green:#00a24e}section.ppe-catalogue{margin-top:6rem;margin-bottom:4rem;padding:2.5rem 0}.ppe-catalogue h3{font-size:4rem;text-align:center;font-weight:700;margin-bottom:2.5rem;color:#003200}.ppe-catalogue p{text-align:center;font-size:2rem;margin-bottom:2rem;color:#003200}.catalogue-box{margin-top:2rem}.catalogue-grid-container{display:grid;grid-template-columns:repeat(3,1fr);column-gap:2rem;row-gap:2rem;padding:.5rem 2rem;margin-top:3rem;margin-bottom:4rem}.catalogue-grid-item{background-color:#f9f9f9;box-shadow:0 .2rem .6rem rgba(0,0,0,.1);overflow:hidden;position:relative;transition:transform .3s;height:110%;border-radius:1rem}.catalogue-grid-item img{width:100%;height:auto;display:block}.overlay-box{background-color:var(--green);color:#fff;padding:.5rem .6rem;text-align:center;position:absolute;bottom:0;left:0;width:100%;transition:height .3s,padding .3s;height:7rem;overflow:hidden}.overlay-box h4{margin:1.5rem 0 0;font-size:1.8rem;font-weight:700}.overlay-box p{margin:.6rem 0 .9rem;font-size:1.3rem;color:#fff}.overlay-box .btn{font-weight:700;border:none;padding:.6rem .9rem;border-radius:.5rem;font-size:1.2rem;margin-top:1.3rem;width:35%}.btn-download:hover,.btn-view{background-color:#fff;color:var(--green)}.btn-download,.btn-view:hover{background-color:#003200;color:#fff}.catalogue-grid-item:hover .overlay-box{height:12rem;padding:1.25rem .625rem}.catalogue-grid-item:hover .overlay-box .btn,.catalogue-grid-item:hover .overlay-box p{opacity:1}.catalogue-grid-item:hover{transform:translateY(-.3rem)}.catalogue-download-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:100000;display:flex!important;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .4s}.catalogue-download-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;background:#fff;text-align:left;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.3);z-index:999999999999}.catalogue-download-form-container{width:280px;padding:10px;background-color:#fff}.catalogue-download-form-container-label{margin-top:1rem;font-weight:700}.catalogue-download-form-container input[type=email],.catalogue-download-form-container input[type=text]{width:100%;height:2.5rem;border:.05px solid #cecdcd;border-radius:8px;opacity:1;background:#f5f5fa;margin:0 auto;font-size:12px}.catalogue-download-form-container-btn{width:50%;height:35px;background:#00a24e;border-radius:8px;font-weight:700;opacity:1;border:#fff;margin:15px auto 0;color:#fff;display:block;cursor:pointer}.catalogue-download-form-container-btn:hover{color:#00a24e;background-color:#fff;border:1px solid #00a24e}.captcha-wrapper{margin-left:10%;margin-top:1rem;display:flex;justify-content:center}.g-recaptcha{margin:15px 0;display:flex;justify-content:center;border:none}#catalogue-download-popup:after{position:fixed;content:"";top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:-2}#catalogue-download-popup:before{position:absolute;content:"";top:0;left:0;bottom:0;right:0;background:#fff;z-index:-1}#catalogue-download-popup-trigger{cursor:pointer}.color-red{color:red}@media (min-width:1500px){.catalogue-download-popup{width:25%}.catalogue-download-form-container{width:100%}}@media (min-width:1980px){.catalogue-grid-item{height:100%}.catalogue-grid-container{row-gap:7rem}}@media (min-width:1241px) and (max-width:1979px){.catalogue-grid-container{row-gap:7rem}}@media (max-width:1240px){.catalogue-grid-container{column-gap:2rem;row-gap:7rem}.catalogue-grid-item{height:115%}.overlay-box h4{margin-top:.5rem}.catalogue-grid-item:hover .overlay-box{height:35%}}@media (max-width:768px){.catalogue-grid-container{grid-template-columns:repeat(2,1fr)}.overlay-box h4{font-size:2rem}.overlay-box p{font-size:1.3rem}.overlay-box .btn{font-size:1.2rem}}@media (max-width:480px){.catalogue-grid-container{grid-template-columns:repeat(1,1fr);row-gap:10rem}.catalogue-grid-item{height:118%}.overlay-box{height:8rem;padding:.6rem}.overlay-box h4{font-size:2rem;margin-top:1.4rem}.overlay-box p{font-size:1rem}.overlay-box .btn{font-size:1.2rem;padding:.25rem .75rem}.catalogue-grid-item:hover .overlay-box{height:12rem}}