.filter-buttons{display:flex;align-items:flex-start;gap:20px;margin:50px 0}.filter-buttons button{background:transparent;color:var(--link-footer-color);font-size:16px;cursor:pointer;transition:.5s;border:1px solid #a1a1a1;border-radius:30px;padding:8px 20px}.filter-buttons button.active{color:#000;text-decoration:underline;border:1px solid #000}.filter-buttons button:hover{color:#000}@media(max-width:768px){.filter-buttons{flex-wrap:wrap;gap:5px}.filter-buttons button{font-size:13px;padding:7px 20px}}.container-portfolio{display:flex;flex-wrap:wrap;justify-content:space-between;gap:50px}.container-portfolio a{text-decoration:none;color:#fff;position:relative;width:calc(30% - 8px)}.container-portfolio a .row{position:relative;overflow:hidden}.container-portfolio a .row .row-text{padding:20px;position:absolute;background:rgba(0,0,0,.4);top:0;width:100%;height:99%;display:flex;flex-direction:column;justify-content:flex-end}.container-portfolio a .row img{width:100%;height:auto}.container-portfolio a .row h2{color:#fff;font-size:20px;margin:0;font-weight:500}.container-portfolio a .row p{color:#e1e1e1;font-size:16px;margin:8px 0;font-weight:500}.container-portfolio a .row .type_project{color:#fff;background:hsla(0,0%,100%,.15);border:1px solid #fff;font-size:12px;border-radius:30px;width:max-content;padding:5px 10px}@media(max-width:870px){.container-portfolio a{width:100%}.container-portfolio a .row-text h2{font-size:15px}.container-portfolio a .row-text p{font-size:13px}.container-portfolio a .row-text .type_project{font-size:9px}}.testimonial-wrapper{background:var(--black);color:var(--white);padding-top:.1px;padding-bottom:70px;position:relative;margin:100px auto 0}.testi{position:relative}.testimonial-nav{position:absolute;top:0;right:0;display:flex;gap:20px}.testimonial-nav .arrow{cursor:pointer;stroke:#fff;transition:all .3s ease;width:32px;height:32px}.testimonial-nav .arrow:hover{stroke:#888;transform:scale(1.1)}.testimonial-content{transition:opacity .3s ease-in-out;opacity:1}.testimonial-content.fade{opacity:0}.testimonial-content .quote{font-size:25px;line-height:1.8;font-weight:200;max-width:800px}.testimonial-content .author{font-weight:600;font-size:1rem;margin-top:20px}.testimonial-content .position{font-size:.9rem;color:#aaa}@media(max-width:850px){.testimonial-nav{top:-60px}.testimonial-content .author,.testimonial-content .position,.testimonial-content .quote{font-size:14px}}