.projects-container{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}@media screen and (max-width: 960px){.projects-container{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 640px){.projects-container{grid-template-columns:repeat(1, 1fr)}}.projects-container .project-item{background-color:#fff;box-shadow:0px 2px 34px rgba(3,103,134,.06);overflow:hidden}.projects-container .project-item .intro{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px}.projects-container .project-item .intro .flag{width:40px}.projects-container .project-item .intro .flag img{aspect-ratio:16/9}.projects-container .project-item .intro .title{font-size:18px;font-weight:600}.projects-container .project-item .intro .title:before{width:30px;height:30px;background-size:auto 30px}.projects-container .project-item .project-image{position:relative}.projects-container .project-item .project-image img{width:100%;object-fit:cover;aspect-ratio:16/9}.projects-container .project-item .project-image .tag{position:absolute;top:10px;right:10px;background-color:#fff;color:#3f8bc8;padding:5px 10px;font-size:14px;font-weight:500}.projects-container .project-item .info-container{padding:10px 20px 20px;font-weight:600}.projects-container .project-item .info-container .top .short-description{margin-bottom:10px;min-height:60px;font-size:18px;font-weight:600}.projects-container .project-item .info-container .top .info{display:flex;justify-content:space-between;align-items:center;padding-right:50px}.projects-container .project-item .info-container .bottom .buttons{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.projects-container .project-item .info-container .bottom .buttons .button,.projects-container .project-item .info-container .bottom .buttons .button-secondary{margin:0;padding:10px 40px 10px 15px;background-position:right 20px center}.project-show .project-wrapper{display:flex;justify-content:space-between;gap:20px;margin-bottom:40px}.project-show .project-wrapper .left-col{width:60%}.project-show .project-wrapper .right-col{width:40%}.project-show .project-wrapper h1{font-size:30px}.project-show .project-wrapper h2{font-size:24px}.filter .button-filter{background:#fff;padding:10px 15px;border-color:#3f8bc8;color:#3f8bc8}.filter .button-filter.active{background-color:#3f8bc8;color:#fff;border-color:#3f8bc8}.filter .button-filter.active:hover{background-color:#036786;border-color:#036786;color:#fff}