.project-card{background:#fff;border:1px solid #e4e7ec;border-radius:12px;width:100%;transition:all .3s}.project-card:hover{border:1px solid var(--color-header-primary-color);box-shadow:0 4px 14px #185adb2e}.project-card:hover>a>figure:after{opacity:1}.project-card:hover>a>figure>.icon{scale:1}.project-card>a{flex-direction:column;gap:24px;display:flex}@media (max-width:767px){.project-card>a{gap:12px}}.project-card>a>figure{justify-content:center;align-items:center;width:100%;height:176px;margin:0;padding:16px 16px 0;display:flex;position:relative;overflow:hidden}@media (max-width:767px){.project-card>a>figure{height:156px}}.project-card>a>figure>div.icon{-webkit-backdrop-filter:blur(15.5px);backdrop-filter:blur(15.5px);z-index:10;background:#ffffff4d;border-radius:40px;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:absolute;scale:0}.project-card>a>figure>div.icon>i{color:#fff;font-size:32px}.project-card>a>figure:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(#05090d66,#05090d66);border-radius:8px;transition:all .3s;position:absolute;inset:16px 16px 0}.project-card>a>figure>img{object-fit:cover;border-radius:8px;width:100%;height:100%;max-height:300px}.project-card>a>div>h2{color:#161618;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 16px 16px;font-size:20px;font-weight:600;display:-webkit-box;overflow:hidden}@media (max-width:767px){.project-card>a>div>h2{color:#161618;margin:0 16px 8px;font-size:20px}}.project-card-loading{background:#fff;border:1px solid #e4e7ec;border-radius:12px;width:100%;padding:16px}@media (max-width:767px){.project-card-loading{padding:16px}}.project-card-loading .project-card-loading-image{height:162px;margin-bottom:24px}@media (max-width:767px){.project-card-loading .project-card-loading-image{height:140px;margin-bottom:16px}}.project-card-loading .content-container>div{width:60%}
.project-section{margin-top:80px}.project-section .project-slider{margin-top:27px}