:root{--xc-theme-secondary:#3618d3}.icon{background:linear-gradient(335.12deg,#7ad0bd 34.43%,#407cb5 54.7%,#ef5277 68.19%,#f58244 81.4%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin-right:8px}.box{text-align:center;box-shadow:0 0 250px rgba(78,67,250,.26);border-radius:10px;padding:0 40px 40px;margin-bottom:90px;transition:.3s}.icon{font-weight:400;font-size:40px;color:var(--xc-theme-primary);position:relative;display:inline-block;margin-bottom:40px;z-index:1;padding:20px 40px;margin-top:-30px}.icon:before{transform:rotate(15deg);background:linear-gradient(119.54deg,rgba(78,67,250,.36) -7.49%,rgba(85,102,231,.072) 71.5%);border-radius:15px;transition:.2s}.icon:after,.icon:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;display:inline-block;z-index:-1}.icon:after{transform:rotate(15deg) translateX(30px) translateY(-15px);border:1px solid #b9ccda;border-radius:15px;transition:.4s}.box:hover .icon:after,.box:hover .icon:before{transform:rotate(0)}.title{background-image:linear-gradient(#3618d3,#3618d3),linear-gradient(#3618d3,#3618d3);display:inline;background-size:0 2px,0 2px;background-position:100% 100%,0 100%;background-repeat:no-repeat;transition:.4s linear}.title:hover{background-size:0 2px,100% 2px;color:#3618d3}