:root{--primary-color:#000;--secondary-color:#fff;--accent-color:#f0f0f0;--font-family:"Open Sans", Sans-serif;--font-size:16px;--line-height:1.5}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family)}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family:var(--font-family)}p{margin:0;padding:0}a,a:hover,a:visited,a:active,a:focus{outline:none;text-decoration:none;color:#000;font-family:var(--font-family)}ul,ol{list-style:none;margin:0;padding:0;font-family:var(--font-family)}img{max-width:100%;height:auto}button{cursor:pointer}.comments-area a,.page-content a{text-decoration:none!important}#wpforms-251 input,#wpforms-251 button{max-width:100%;width:100%;font-family:var(--font-family)}#wpforms-251 label,#wpforms-251 textarea{font-family:"Josefin Sans",Sans-serif}[data-id="c05b809"],.hfe-nav-menu__align-left{width:100%}.project-wrap{.filters{display:flex;justify-content:center;margin-bottom:20px;flex-wrap:wrap;button{background-color:#fff0;color:var(--primary-color);border:none;padding:10px 20px;margin:0 5px;cursor:pointer;font-family:var(--font-family);text-transform:uppercase;font-weight:500;padding:0;margin:0 10px 20px;&.active{background-color:#fff0;color:var(--primary-color);font-weight:700;border-bottom:2px solid var(--primary-color);border-radius:0}}}.grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;position:relative;.grid-item{height:200px;position:relative;overflow:hidden;.overlay{position:absolute;width:100%;height:0;left:0;bottom:0;background-color:rgb(0 0 0 / .5);backdrop-filter:blur(8px);color:var(--secondary-color);font-family:var(--font-family);display:block;transform:translateY(100%);transition:all 0.3s cubic-bezier(.165,.84,.44,1);h4{font-size:1.4em}h6{font-size:1.1em}.project-title{display:block;width:100%;height:100%;color:var(--secondary-color);font-size:.8em}i{color:var(--secondary-color);position:absolute;top:10px;right:10px;font-size:1.6em;display:inline-block}}&:hover{.project-image{}.overlay{height:auto;transform:translateY(0%);transition:all 0.3s ease-in-out}}}}}.home{.project-wrap{.grid{grid-template-columns:1fr 1fr 1fr;.grid-item{min-height:250px}@media(max-width:992px){grid-template-columns:1fr 1fr}@media(max-width:480px){grid-template-columns:1fr}}}}.single-project-wrap{min-height:300px;position:relative;font-family:var(--font-family);.project-content{position:absolute;content:'';left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);opacity:0;transition:opacity 0.3s ease-in-out;.project-link{display:block;width:100%;height:100%;text-align:center;place-content:center;transform:scale(.2);transition:transform 0.3s cubic-bezier(.075,.82,.165,1);h4{color:var(--secondary-color)}h6{color:var(--secondary-color)}}.glightbox{position:absolute;font-size:14px;width:14px;right:-20px;top:10px;color:var(--secondary-color);z-index:2;transition:all 0.3s cubic-bezier(.075,.82,.165,1)}}&:hover{.project-content{opacity:1;transition:opacity 0.3s cubic-bezier(.075,.82,.165,1);.project-link{transform:scale(1);transition:transform 0.3s cubic-bezier(.075,.82,.165,1)}.glightbox{right:10px;transition:all .5 cubic-bezier(.075,.82,.165,1)}}}}@media (max-width:1200px){.project-wrap .grid{grid-template-columns:1fr 1fr 1fr 1fr}}@media (max-width:992px){.project-wrap .grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width:768px){.project-wrap .grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.project-wrap .grid{grid-template-columns:1fr}}