.main-container-service{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;height:560px;width:100%;justify-content:center;overflow:hidden}.main-ser-box{margin:0 auto;width:480px;height:480px;position:relative}.big-circle{height:100%;width:100%;position:relative;border:3px solid #6495f2;animation:Rotate 20s linear infinite;-webkit-animation:Rotate 20s linear infinite}.big-circle,.icon-block{border-radius:50%;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}.icon-block{width:64px;height:64px;position:absolute;padding:6px;background-image:linear-gradient(#9d49e669,#7a62f480);-webkit-background-image:linear-gradient(#9d49e669,#7a62f480);box-shadow:0 2px 4px 0 #3e5ada;-webkit-box-shadow:0 2px 4px 0 #3e5ada}.icon-block img{margin:0 auto;width:86%;animation:Rotate-reverse 20s linear infinite;-webkit-animation:Rotate-reverse 20s linear infinite}.icon-block:first-child{top:0;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.icon-block:nth-child(2){top:50%;right:0;transform:translate(50%,-50%);-webkit-transform:translate(50%,-50%)}.icon-block:nth-child(3){bottom:0;left:50%;transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%)}.icon-block:nth-child(4){top:50%;left:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.circle{animation:circle-rotate 20s linear infinite;-webkit-animation:circle-rotate 20s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);width:75%;height:75%;border:3px solid #6495f2;border-radius:50%}.circle .icon-block img{animation:img-rotate 20s linear infinite;-webkit-animation:img-rotate 20s linear infinite}@keyframes Rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes Rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes Rotate-reverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@-webkit-keyframes Rotate-reverse{0%{-webkit-transform:rotate(1turn)}to{-webkit-transform:rotate(0deg)}}@keyframes circle-rotate{0%{transform:translate(-50%,-50%) rotate(45deg)}to{transform:translate(-50%,-50%) rotate(405deg)}}@-webkit-keyframes circle-rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(45deg)}to{-webkit-transform:translate(-50%,-50%) rotate(405deg)}}@keyframes img-rotate{0%{transform:rotate(-45deg)}to{transform:rotate(-405deg)}}@-webkit-keyframes img-rotate{0%{-webkit-transform:rotate(-45deg)}to{-webkit-transform:rotate(-405deg)}}