.works-section{margin:50px 0}.works-section h4{margin-top:20px;margin-bottom:30px;text-align:center;font-weight:400}.works-section .work-item:hover{box-shadow:0 0 10px rgba(0,0,0,.053)}.works-section .img-container{overflow:hidden;position:relative;transition:opacity .3s ease-in-out;padding-bottom:100%;height:0}.works-section .section-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;gap:20px}.works-section .work-item{background-color:#fff;transition:.3s ease-in-out;transform:translateY(20px);position:relative;width:300px}.works-section .work-item:hover .info{opacity:1;z-index:2}.works-section .work-item.animate{animation:fadeInUp .6s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.works-section .info{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background-color:#fff;transition:opacity .3s ease-in-out;box-sizing:border-box;opacity:0}.works-section a{text-decoration:none;color:#000;border:1px solid #000;padding:10px 20px}.works-section .main-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:.3s ease-in-out}.works-section h3{font-size:1em;margin-bottom:10px}.works-section p{line-height:1.5em;text-align:center}.works-section .stack-list{display:flex;list-style:none;margin:10px 0;padding:0;border-radius:5px}.works-section .stack-list li{display:flex;align-items:center;padding:7px}.works-section .stack-list img{height:25px;width:25px;object-fit:contain}.works-section .hidden,.works-section .mobile-hidden{display:none}.works-section .btn{display:none;margin:50px auto 30px;padding:10px 20px;border:none;background-color:#333;cursor:pointer;border-radius:3px;font-size:1em;color:#fff;transition:.3s ease-in-out}.works-section .btn:hover{background-color:#5b5b5b}@media(max-width:768px){.works-section .section-container{grid-template-columns:1fr}.works-section .work-item{min-width:300px}}@media(max-width:1190px){.works-section .btn{display:block}.works-section .mobile-hidden{display:none}}@media(min-width:1191px){.works-section .mobile-hidden{display:block}}