.visual-card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:0}.visual-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,82,204,.12);box-sizing:border-box;flex:1 1 300px;height:300px;max-width:380px;overflow:hidden;position:relative;transition:color .3s ease;width:100%}.visual-card:before{background-color:#0052cc;content:"";height:6px;left:0;position:absolute;top:0;transition:height .8s ease;width:100%;z-index:0}.visual-card-image{background-position:50%;background-size:cover;border-bottom:4px solid #0052cc}.visual-card-body,.visual-card-image{height:auto;position:relative;z-index:1}.visual-card-body{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center;transition:color .3s ease}.visual-title{font-size:18px;line-height:1.2;-webkit-line-clamp:2;font-weight:700;margin:0 0 10px}.visual-description,.visual-title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;color:#000;transition:color .9s ease}.visual-description{font-size:16px;-webkit-line-clamp:3;margin:0}.visual-card:hover:before{height:100%}.visual-card:hover .visual-description div,.visual-card:hover .visual-title{color:#fff;transition:color .9s ease}@media (max-width:768px){.visual-card{flex:1 1 100%;height:auto;max-width:100%}.visual-card-body{height:auto}}