.three-col-grid{background-color:#f5f6fa}.grid-wrapper{padding-top:40px;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap}.grid-box{flex-basis:31.33%;margin:0 1%;border-radius:15px;padding:40px;background:#fff}.grid-box{position:relative;display:block;background-color:#fff;border-radius:20px;padding:47px 30px 50px 50px;z-index:1}.grid-box:before{position:absolute;content:'';background-color:#6b3ba9;width:00%;height:0px;left:0px;top:0px;border-radius:20px;z-index:-1;transition:all 500ms ease}.grid-box:hover:before{height:100%;width:100%}.grid-col-info h5{font-weight:bold}.grid-icon svg{height:60px;width:60px;fill:rgba(104,104,248,1.0)}.grid-icon{position:relative;display:inline-block;font-size:60px;line-height:60px;color:#f44438;margin-bottom:22px;z-index:1;transition:all 500ms ease}.grid-icon:before{position:absolute;content:'';background-color:#feeceb;width:50px;height:50px;border-radius:50%;top:-19px;right:-24px;z-index:-1;transition:all 500ms ease;-webkit-animation:zoom-fade 3s infinite ease-in-out;animation:zoom-fade 3s infinite ease-in-out}@keyframes zoom-fade{from{transform:scale(0.8)}to{transform:scale(1.2)}}.grid-box:hover .grid-col-info h5{color:white !important}.grid-box:hover .grid-icon svg{fill:rgba(255,255,255,1.0) !important}@media(max-width:768px){.grid-box{flex-basis:48%;margin:0 1% 2% 1%}}@media(max-width:480px){.grid-box{flex-basis:100%;margin:0 0 5% 0%}}