.purple-card{color:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:16px;transition:all .1s;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.1);background:linear-gradient(#735df2 0%,rgba(115,93,242,.1) 100%)!important}
.banner-info-card{z-index:10;gap:10px;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)}.blog-card{cursor:pointer;background:rgba(85,85,85,.09);flex-direction:column;max-width:326px;min-height:606px;padding:1rem;transition:all .3s;display:flex;position:relative;overflow:visible;box-shadow:0 8px 30px rgba(0,0,0,.15)}.dark .blog-card{background:rgba(57,57,57,.09);box-shadow:0 8px 30px rgba(0,0,0,.15)}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.2)}.blog-card-image-container{width:100%;height:240px;position:relative;overflow:hidden}.blog-card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-arrow-icon{z-index:9999;background:#232323;justify-content:center;align-items:center;width:71px;height:71px;transition:all .3s;display:flex;position:absolute;top:205px;right:32px;box-shadow:0 2px 12px rgba(0,0,0,.15)}.blog-card:hover .blog-card-arrow-icon{background:#7c3aed;transform:translate(4px)}.blog-card-arrow-icon img{width:20px;height:20px;transition:filter .3s}.blog-card:hover .blog-card-arrow-icon img{filter:brightness(0)invert()}.blog-card-content{flex-direction:column;gap:16px;padding:24px;display:flex}.blog-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.blog-card-title{color:#1a1a1a;-webkit-box-orient:vertical;flex:1;margin:0;font-size:20px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-card-description{color:#6b7280;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}@media (max-width:768px){.blog-card{max-width:100%}.blog-card-image-container{height:200px}.blog-card-content{padding:20px}.blog-card-title{font-size:18px}.blog-card-description{font-size:14px}}