.card-corner{
    margin-bottom: 5px;
}
.circle-corner{
    /* position: relative; */
    width: 100%;
    height: 100%;
    background: #000;
    clip-path: circle(90px at left 0);
    text-align: left;
    
}
.circle-corner h2{
    color: #fff;
    font-size: 3em;
    font-weight: 500;
    padding: 10px 15px;
}
.container .card-1 .circle-corner{
    background: var(--gradient);
}
.card-corner  {
    margin-top: 10px;
    /* position: relative; */
    width: 100%;
    height: 250px;
    background: #fff;
    border-radius: var(--border);
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;;
    transition: 0.5s;
}

.container .card-corner:hover {
    /* filter: blur(0px); */
    transform: scale(1.1);
    opacity: 1;
    
}
.card-corner  .content p {
    color: #666;
    font-size: 15px;
}
.card-corner  .content  {
   margin-top: 20px;
    position: absolute;
    bottom: 10px;
    padding: 20px;
    text-align: center;
}
.circle-corner{
    background: var(--gradient);
}