.fourColumnWrapper{display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr 1fr}.fourColumnCard{border-radius:10px;box-shadow:0 4px 30px 0 #0000000f;flex:1 1 20%;overflow:hidden;padding:20px;position:relative;transition:all .3s ease-in-out;z-index:1}.fourColumnCard:before{background:linear-gradient(90deg,#2f56d5,#29c3d2);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease-in-out;z-index:-1}.fourColumnCard:hover:before{opacity:1}.iconWithHover{display:none;opacity:0;transition:all .3s ease-in-out;visibility:hidden}.fourColumnCard:hover .iconWithHover{display:block;opacity:1;visibility:visible}.fourColumnCard:hover .iconWithoutHover{display:none;opacity:0;transition:all .3s ease-in-out;visibility:hidden}.fourColumnCard:hover .cardHeading *{color:#fff}.cardHeading p{font-size:20px;font-weight:600;line-height:150%;margin:0;text-transform:capitalize}.cardHeading{margin-top:20px}@media (max-width:991px){.fourColumnWrapper{grid-template-columns:1fr 1fr}}@media (max-width:600px){.fourColumnWrapper{grid-template-columns:1fr}}