.all-works{margin:60px 0;padding:40px 0}@media (max-width:767px){.all-works{margin:40px 0;padding:20px 0}}.all-works .all-works-items{grid-template-columns:1fr;gap:40px;display:grid}@media (max-width:767px){.all-works .all-works-items{gap:30px}}.all-works .all-works-item{background:linear-gradient(148deg,#c444ff1a 1.27%,#5629991a 100.15%);border:1px solid #ffffff1a;border-radius:20px;transition:all .3s;overflow:hidden}.all-works .all-works-item:hover{border-color:#ffffff4d;transform:translateY(-5px);box-shadow:0 10px 30px #c444ff33}.all-works .all-works-item .work-preview{cursor:pointer;grid-template-columns:400px 1fr;align-items:center;gap:30px;padding:30px;display:grid}@media (max-width:1024px){.all-works .all-works-item .work-preview{grid-template-columns:300px 1fr;gap:20px;padding:20px}}@media (max-width:767px){.all-works .all-works-item .work-preview{grid-template-columns:1fr;gap:20px}}.all-works .all-works-item .work-preview .img-wrap{border:2px solid #ffffff1a;border-radius:15px;width:100%;height:300px;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}@media (max-width:767px){.all-works .all-works-item .work-preview .img-wrap{height:250px}}.all-works .all-works-item .work-preview .img-wrap img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .3s}.all-works .all-works-item .work-preview .img-wrap:hover{border-color:#c444ff80}.all-works .all-works-item .work-preview .img-wrap:hover img{transform:scale(1.05)}.all-works .all-works-item .work-preview .work-info{flex-direction:column;gap:15px;display:flex}.all-works .all-works-item .work-preview .work-info .work-name{color:#fff;margin:0;font-size:48px;font-weight:600;text-decoration:none;transition:color .3s}.all-works .all-works-item .work-preview .work-info .work-name:hover{color:#c444ff}@media (max-width:1200px){.all-works .all-works-item .work-preview .work-info .work-name{font-size:36px}}@media (max-width:767px){.all-works .all-works-item .work-preview .work-info .work-name{font-size:28px}}.all-works .all-works-item .work-preview .work-info .work-tech{color:#ffffffb3;margin:0;font-size:18px}@media (max-width:767px){.all-works .all-works-item .work-preview .work-info .work-tech{font-size:16px}}.all-works .all-works-item .work-preview .work-info .work-description{color:#ffffffd9;margin:10px 0 0;font-size:16px;line-height:1.6}@media (max-width:767px){.all-works .all-works-item .work-preview .work-info .work-description{font-size:14px;line-height:1.5}}.all-works .all-works-item .work-preview .work-info .work-toggle{color:#ffffffe6;cursor:pointer;align-items:center;gap:10px;margin-top:10px;font-size:18px;transition:color .3s;display:flex}.all-works .all-works-item .work-preview .work-info .work-toggle:hover{color:#fff}.all-works .all-works-item .work-preview .work-info .work-toggle i{font-size:14px;transition:transform .3s}@media (max-width:767px){.all-works .all-works-item .work-preview .work-info .work-toggle{font-size:16px}}.all-works .all-works-item .work-links{border-top:1px solid #ffffff1a;margin-top:20px;padding:0 30px 30px;animation:.3s slideDown}@media (max-width:767px){.all-works .all-works-item .work-links{padding:0 20px 20px}}.all-works .all-works-item .work-links h4{color:#fff;margin-bottom:20px;font-size:24px;font-weight:500}@media (max-width:767px){.all-works .all-works-item .work-links h4{margin-bottom:15px;font-size:20px}}.all-works .all-works-item .work-links .links-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;display:grid}@media (max-width:767px){.all-works .all-works-item .work-links .links-grid{grid-template-columns:1fr}}.all-works .all-works-item .work-links .links-grid .work-link{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:15px 20px;font-size:16px;text-decoration:none;transition:all .3s;display:flex}.all-works .all-works-item .work-links .links-grid .work-link:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translate(5px)}.all-works .all-works-item .work-links .links-grid .work-link:hover i{transform:translate(3px)}.all-works .all-works-item .work-links .links-grid .work-link span{font-weight:500}.all-works .all-works-item .work-links .links-grid .work-link i{opacity:.7;font-size:14px;transition:transform .3s}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}