.dei-card{background:#aeb6cf40;border-radius:1px;isolation:isolate;min-height:457px;overflow:hidden;position:relative;transition:all .35s ease}.dei-card>.p-2{position:relative;z-index:5}.dei-card .dei-card-media{border-radius:0;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.dei-card .dei-card-media>div{display:none}.row>div:first-child .dei-card{--card-color:#6200ff;--card-hover:#8149fc}.row>div:nth-child(2) .dei-card{--card-color:#148600;--card-hover:#61a606}.row>div:nth-child(3) .dei-card{--card-color:#0f6f7f;--card-hover:#05a393}.row>div:nth-child(4) .dei-card{--card-color:#b73734;--card-hover:#e520a9}.row>div:nth-child(5) .dei-card{--card-color:#00e2ff;--card-hover:#00e2ff}.row>div:nth-child(6) .dei-card{--card-color:#f48301;--card-hover:#f48301}.row>div:nth-child(7) .dei-card{--card-color:#083d6f;--card-hover:#083d6f}.row>div:nth-child(8) .dei-card{--card-color:#f04f59;--card-hover:#f04f59}.dei-card .dei-card-media:before{background:linear-gradient(135deg,var(--card-color) 0,var(--card-hover) 100%);content:"";inset:0;opacity:.08;position:absolute;transition:all .45s ease}.dei-card:hover .dei-card-media:before{opacity:.95}.dei-card h3,.dei-card p{position:relative;transition:color .35s ease;z-index:5}.dei-card:hover h3,.dei-card:hover p{color:#fff}.dei-card img{position:relative;transition:all .4s ease;z-index:5}.dei-card:hover img{transform:scale(1.05)}.dei-card .dei-card-border{inset:0;pointer-events:none;position:absolute;z-index:6}.dei-card .dei-card-border span{background:linear-gradient(90deg,var(--card-color),var(--card-hover));display:block;position:absolute;transition:all .35s linear}.dei-card .dei-top{height:3px;left:0;top:0;transform:scaleX(0);transform-origin:left;width:100%}.dei-card .dei-right{height:100%;right:0;top:0;transform:scaleY(0);transform-origin:top;width:3px}.dei-card .dei-bottom{bottom:0;height:3px;left:0;transform:scaleX(0);transform-origin:right;width:100%}.dei-card .dei-left{height:100%;left:0;top:0;transform:scaleY(0);transform-origin:bottom;width:3px}.dei-card:hover .dei-top{transform:scaleX(1)}.dei-card:hover .dei-right{transform:scaleY(1);transition-delay:.15s}.dei-card:hover .dei-bottom{transform:scaleX(1);transition-delay:.3s}.dei-card:hover .dei-left{transform:scaleY(1);transition-delay:.45s}.dei-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.12),0 8px 18px rgba(0,0,0,.08);transform:translateY(0)}