CSS Code
selector .shape{
box-shadow: 0 10px 0px rgba(255,255,255,1), inset 0 -15px 0 rgba(255,255,255,0.25), 0 45px 0 rgba(0,0,0,0.25);
}
selector .shape:before{
content:"";
width: 100%;
height: 120%;
background: linear-gradient(90deg,transparent, rgba(255,255,255,0.2));
position: absolute;
top: -140px;
left: -35%;
pointer-events: none;
filter: blur(5px);
transform: rotate(35deg);
border-radius: 0px;
}
selector .icon-part .elementor-widget-container{
height: 120px;
box-shadow: 0 10px 0px rgba(0,0,0,0.1), inset 0 -8px 0 rgba(255,255,255,1);
}
selector .icon-part{
position: relative;
}
selector .icon-part:before{
content: "";
width: 50px;
height: 50px;
left: -50px;
background: transparent;
border-radius: 0px 50px 0px 0px;
box-shadow: 15px -15px 0px 15px #404a76;
position: absolute;
}
selector .icon-part:after{
content: "";
width: 50px;
height: 50px;
right: -50px;
background: transparent;
border-radius: 50px 0px 0px 0px;
box-shadow: -15px -15px 0px 15px #404a76;
position: absolute;
top: 0;
}
selector .icon-part .elementor-icon i{
z-index: 2;
}Template Link
Unique Card Design Using Elementor Pro – Readymade Elementor Templates | WP Care Plus