.icon-category .iconx{margin-bottom:15px}.icon-category .iconx a{--deg:100deg;--start-color:#fff;display:flex;max-width:120px;margin:0 auto;border-radius:100%;min-height:120px;align-items:center;justify-content:center;transition:all 0.3s ease-out;overflow:hidden;position:relative}.icon-category .iconx a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(var(--deg), var(--start-color) 70%, #fff);background:linear-gradient(var(--deg), var(--start-color) 70%, #fff);z-index:0;border-radius:100%}.icon-category .iconx a:hover{--start-color:var(--main-color)}.icon-category .iconx a:hover:before{animation:rotate 3s infinite linear;-webkit-animation:rotate 3s infinite linear}.icon-category .iconx a:hover span{transform:scale(0.94);border:2px solid #fff}.icon-category .iconx a span{display:flex;justify-content:center;align-items:center;background:#fff;transition:transform 0.3s ease-out;border-radius:100%;border:2px solid #bbb;width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden}.icon-category .iconx a span img{left:50%;top:50%;transform:translate(-50%, -50%);max-width:100%;max-height:100%;width:auto !important;height:auto !important;position:absolute}.icon-category .iconx .tit{padding:7px;display:block}@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content-page{margin-top:20px}