.main-container .container-info .project-type{color:linen;flex-wrap:wrap;align-items:center;gap:30px;margin:20px 0;display:flex}.main-container .container-info .project-type .project-type-item{cursor:pointer;font-size:16px;transition:all .3s ease-in-out;position:relative;transform:scale(1)}.main-container .container-info .project-type .project-type-item:hover{color:#b9b4c7;transform:scale(1.1)}.main-container .container-info .project-type .project-type-item:after{content:"";background-color:#b9b4c7;width:0;height:2px;transition:width .4s ease-in-out;position:absolute;bottom:-2px;left:0}.main-container .container-info .project-type .project-type-item.active{color:#b9b4c7}.main-container .container-info .project-type .project-type-item.active:after{width:100%}.main-container .container-info .projects{grid-template-columns:repeat(auto-fill,minmax(266.67px,1fr));gap:20px;width:100%;margin:0 auto;display:grid}.main-container .container-info .projects .project-card{flex-direction:column;align-items:center;gap:10px;width:100%;height:200px;text-decoration:none;display:flex}.main-container .container-info .projects .project-card .project-name{color:linen;cursor:pointer;word-break:keep-all;text-align:center;font-size:16px;transition:all .3s ease-in-out;transform:scale(1)}.main-container .container-info .projects .project-card .image-container{aspect-ratio:16/9;border-radius:10px;width:auto;height:150px;position:relative;overflow:hidden}.main-container .container-info .projects .project-card .image-container .project-img{object-fit:cover;transition:all .3s ease-in-out;display:block;transform:scale(1)}.main-container .container-info .projects .project-card .image-container .overlay{opacity:0;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s ease-in-out;display:flex;position:absolute;top:0;left:0}.main-container .container-info .projects .project-card .image-container .overlay i{color:#fff;font-size:2rem}.main-container .container-info .projects .project-card:hover .project-name{color:#b9b4c7;transform:scale(1.1)}.main-container .container-info .projects .project-card:hover .project-img{transform:scale(1.1)}.main-container .container-info .projects .project-card:hover .overlay{opacity:1}@media screen and (max-width:450px){.main-container .container-info .project-type{gap:20px}}