/* Start custom CSS for html, class: .elementor-element-f120c49 */.card{
    flex:0 0 calc(25% - 15px);
    background:#fff;
    border-radius:24px;
    padding:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    min-height:500px;
    transition:all .35s ease;
    position:relative;
    overflow:hidden;
}

.card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#00a7e1,#003b70);
    transform:scaleX(0);
    transform-origin:left;
    transition:.4s ease;
}

.card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,59,112,.18);
}

.card:hover::before{
    transform:scaleX(1);
}

.card:hover .icon{
    transform:scale(1.1) rotate(5deg);
}

.card:hover .number{
    background:#003b70;
    color:white;
}/* End custom CSS */