.project-list{display:grid;gap:20px 40px;grid-template-columns:repeat(4,1fr)}.project-list-item{align-items:center;display:flex;flex-direction:column;gap:20px}.project-list-item a{color:var(--yellow);font-size:18px;font-weight:700;text-align:center;transition:.5s;width:100%}.project-list-item a:hover{color:var(--gray)}.project-list-item img{height:300px;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (max-width:1195px){.project-list{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:955px){.project-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:627px){.project-list{gap:20px;grid-template-columns:repeat(1,1fr)}}
.projects-details-list{display:grid;gap:0;grid-template-columns:repeat(4,1fr)}.projects-details-list-item{color:#fff;padding:15px;position:relative;text-decoration:none;transition:.5s}.projects-details-list-item img{display:block;height:426px;-o-object-fit:cover;object-fit:cover;width:100%}.projects-details-list-item:hover{box-shadow:0 10px 20px rgba(0,0,0,.3)}.projects-details-list-item-text{background:#ffffff80;bottom:15px;color:#333;font-size:22px;font-weight:300;left:15px;overflow:hidden;padding:10px;position:absolute;width:calc(100% - 20px);z-index:99}.projects-details-list-item-text p{display:-webkit-box;line-height:normal;margin:0;text-transform:uppercase;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:1195px){.projects-details-list{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:959px){.projects-details-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:639px){.projects-details-list{grid-template-columns:repeat(1,1fr)}}