.service-component{color:#fff;width:400px;height:400px;border:1px solid #3d324f;border-radius:20px;display:flex;justify-content:center;align-items:center}.service-component:hover{border:1px solid #b47cfd;box-shadow:0 0 20px 20px #110528}.service-component-content{display:flex;flex-direction:column;justify-content:space-evenly;width:370px;height:370px;border-radius:10px;padding:20px;border:1px solid #483f55;position:relative}.service-component-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(215deg,#2b233880,#2b2338 65%);border-radius:10px;z-index:-1}.service-component-content{background-image:url(/_next/static/media/box-pattern-image.76f85156.avif);background-size:16% auto;background-position:50%;z-index:0}.service-component-content h3{color:#fff}.service-component-content p{color:#9a95af}@media screen and (max-width:1280px){.service-component{width:380px;height:380px}.service-component-content{width:350px;height:350px}}@media screen and (max-width:800px){.service-component{width:320px;height:320px}.service-component-content{width:300px;height:300px}}@media screen and (max-width:500px){.service-component{width:390px;height:390px}.service-component-content{width:360px;height:360px}}@media screen and (max-width:450px){.service-component{width:380px;height:380px}.service-component-content{width:350px;height:350px}}@media screen and (max-width:400px){.service-component{width:300px;height:300px}.service-component-content{width:280px;height:280px}}