.project{display:flex;overflow:hidden;position:relative}a.project:hover{color:inherit}.project img{transition:var(--transition);width:100%}.project:hover img{transform:scale(1.2)}.project-hover{align-items:flex-end;display:flex;height:100%;left:0;opacity:0;position:absolute;top:0;transition:var(--transition);visibility:hidden;width:100%;z-index:3}.project-content{padding:20px 80px 20px 30px;position:relative;width:100%}@media only screen and (max-width:479px),only screen and (min-width:992px) and (max-width:1199px){.project-content{padding:20px 70px 20px 20px}}.project-content h3{margin-bottom:6px}.project-content h3,.project-content h3 span{transition:var(--transition)}.project-content h3 span:hover,.project-content h3:hover{color:var(--secondary-color)!important}@media only screen and (max-width:479px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.project-content h3{font-size:20px}}.project-content p{margin:0;text-transform:uppercase}@media only screen and (max-width:479px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.project-content p{font-size:14px}}.project-details-arrow{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;position:absolute;right:30px;top:50%;transform:translateY(-50%);transition:var(--transition);width:40px}.project-details-arrow span{display:inline-flex;line-height:1}.project-details-arrow svg{height:16px;width:16px}.project-details-arrow svg path{stroke:currentColor;fill:currentColor}@media only screen and (min-width:992px) and (max-width:1199px){.project-details-arrow{right:20px}}.project:hover .project-hover{opacity:1;visibility:visible}@media only screen and (min-width:768px) and (max-width:991px){.project-content{padding:20px 70px 20px 10px}.project-details-arrow{right:20px}}