.hero{background:linear-gradient(#0000008c,#0000008c),url(/assets/uploads/2022/02/5-17.jpg) 50%/cover no-repeat;align-items:center;height:420px;padding-top:90px;display:flex}.hero-content h1{margin-bottom:10px;font-size:3rem;font-weight:700}.breadcrumbs{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;padding:0;font-size:.85rem;list-style:none;display:flex}.breadcrumbs a{color:#9abf1b;transition:all .3s}.breadcrumbs a:hover{opacity:.7}.projects{padding:120px 0}.projects-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.project-card{cursor:pointer;border-radius:20px;height:300px;position:relative;overflow:hidden}.project-card img{object-fit:cover;width:100%;height:100%;transition:all .7s}.project-overlay{text-align:center;opacity:0;background:#9abf1beb;justify-content:center;align-items:center;padding:20px;transition:all .4s;display:flex;position:absolute;inset:0}.project-overlay h2{color:#fff;font-size:28px;line-height:1.4;transition:all .4s;transform:translateY(30px)}.project-card:hover img{transform:scale(1.1)}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-overlay h2{transform:translateY(0)}@media (max-width:991px){.projects-grid{grid-template-columns:repeat(2,1fr)}.hero-content h1{font-size:46px}}@media (max-width:767px){.projects-grid{grid-template-columns:1fr}.hero{height:340px}.hero-content h1{font-size:38px}.projects{padding:80px 0}}