.hover-card{padding:0 20px}.hover-card-box{margin:0 auto;max-width:1440px}.card-list{column-gap:2%;display:flex;flex-wrap:wrap;justify-content:center;margin:60px 0 40px;row-gap:20px}.card-item{position:relative;width:23%}.card-item .card-img{align-items:end;display:flex;justify-content:end;position:relative}.card-item .card-img .card-overlay{height:100%;position:absolute;width:100%}.card-item .card-img .card-img-head{padding:0 15px 0 0;position:absolute;text-align:right}.card-item .card-img .card-img-head h3{font-size:16px}.card-item .card-img img{aspect-ratio:1/1;object-fit:cover}.card-item .card-content{display:none;height:100%;overflow:hidden;padding:10px 20px;position:absolute;top:0;width:100%}.card-item .card-content a,.card-item .card-content p{color:#fff;font-family:var(--theme-font-primary);font-size:var(--text-size-sm)}.card-item .card-content a{text-decoration:none}.card-item .card-content a:hover{text-decoration:underline}.card-item .card-content a img{filter:invert(100%) sepia(100%) saturate(0) hue-rotate(199deg) brightness(106%) contrast(101%);width:20px}.card-item:hover .card-content{display:block}.hover-card-head{text-align:center}.hover-card-head h2{font-family:var(--theme-font-secondary);font-size:54px;font-weight:600;line-height:64px;margin:0 0 30px}.hover-card-head h3{font-family:var(--theme-font-primary);font-size:24px;font-weight:400;margin:0 0 30px}@media (max-width:1024px){.card-list .card-item{width:49%}}@media (max-width:768px){.card-list .card-item{width:100%}}