.main-section .col-right{padding-left:20px}.filter-button-group{margin-bottom:50px}.project-categories-item{border-radius:20px 0 20px 20px;border:1px solid var(--dark-blue);color:var(--dark-blue);padding:1rem;font-weight:500;margin-left:15px;cursor:pointer;transition:.3s}.project-categories-item.active,.project-categories-item:hover{color:var(--white-color);background-color:var(--dark-blue)}.grid{margin-bottom:-30px}.project-block{border-radius:40px 0 40px 40px;position:relative;overflow:hidden;margin:0 0 30px 0;width:calc(33% - 30px)}.project-block .image::before{position:absolute;left:0;bottom:0;width:100%;height:0%;background:#ec074166;z-index:2;pointer-events:none;-webkit-transition:all .3s ease;transition:all .3s ease;content:""}.project-block .image img{-o-object-fit:cover;object-fit:cover;width:100%;-webkit-transition:all .3s ease;transition:all .3s ease}.project-block:hover .image::before{height:100%}.project-block:hover .image img{-webkit-transform:scale(1.1);transform:scale(1.1)}.project-block .link{position:absolute;transform:translateX(50%);right:50%;margin:0 auto;bottom:-30px;z-index:3;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;background-color:var(--white-color);color:var(--primary-color);padding:16px 32px;border-radius:30px 0 0 0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center;font-weight:500;white-space:nowrap}.project-block:hover .link{bottom:0;opacity:1;visibility:visible;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition-delay:.3s;transition-delay:.3s}.project-block .link svg{margin-right:8px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;color:var(--secondary-color)}@media screen and (max-width:63.99875em){.hero{margin-bottom:40px}.filter-button-group{white-space:nowrap;overflow-x:auto;width:calc(100% + 25px)!important}}@media screen and (min-width:40em) and (max-width:63.99875em){.main-section .col-right{padding-left:15px}.project-block{width:calc(50% - 30px)}}@media screen and (max-width:39.99875em){.main-section .col-right{padding-left:10px}.filter-button-group{margin-bottom:30px;width:calc(100% + 15px)!important}.project-categories-item{margin-left:10px}.grid{margin-bottom:-20px}.project-block{border-radius:30px 0 30px 30px;width:calc(100% - 20px);margin:0 0 20px 0}}