.client_service_main{float:left;width:100%;padding-top:50px;padding-bottom:50px}.client_service_main .center-main{max-width:1170px;margin:0 auto;padding:0px 15px;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.client_service_main .client_service_left{float:left;width:50%}.client_service_main .client_service_left h1{float:left;font-family:Montserrat,sans-serif;width:100%;color:#040456;font-size:41px;font-weight:700;margin:0px;padding-bottom:15px}.client_service_main .client_service_left p{float:left;width:100%;margin:0px}.client_service_main .client_service_right{float:left;width:50%;padding-left:30px;box-sizing:border-box}.client_service_main .client_service_right .wrap{position:relative;width:400px;height:400px;margin:0 auto;background:inherit;border-radius:100%;overflow:hidden;transform:rotate(-28deg);-webkit-transform:rotate(-28deg);-moz-transform:rotate(-28deg);-ms-transform:rotate(-28deg);-o-transform:rotate(-28deg)}.client_service_main .client_service_right .data-div{position:absolute;left:0;top:0;width:47.5%;height:47.5%;overflow:hidden;background:#fff}.client_service_main .client_service_right .community{border-radius:40vmin 0 0 0;transform-origin:110% 110%;transition:transform .4s .15s;transition:linear background 200ms;background:#ef424a}.client_service_main .client_service_right .community:hover{background:rgba(238,66,74,0.5);cursor:pointer}.client_service_main .client_service_right .knowledge{border-radius:0 40vmin 0 0;left:52.5%;transform-origin:-10% 110%;transition:transform .4s .2s;transition:linear background 200ms;background:#040456}.client_service_main .client_service_right .knowledge:hover{background:rgba(4,4,86,0.5);cursor:pointer}.client_service_main .client_service_right .techniques{border-radius:0 0 0 40vmin;top:52.5%;transform-origin:110% -10%;transition:transform .4s .25s;transition:linear background 200ms;background:#72e0d0}.client_service_main .client_service_right .techniques:hover{background:rgba(114,224,208,0.5);cursor:pointer}.client_service_main .client_service_right .values{border-radius:0 0 40vmin 0;top:52.5%;left:52.5%;transform-origin:-10% -10%;transition:transform .4s .3s;transition:linear background 200ms;background:#3262e9}.client_service_main .client_service_right .values:hover{background:rgba(50,98,233,0.5);cursor:pointer}.client_service_main .client_service_right .center-text{position:absolute;left:0;top:0;width:47.5%;height:47.5%;overflow:hidden;background:#fff}.client_service_main .client_service_right .center-text{width:60%;height:60%;left:20%;top:20%;border-radius:50vmin;box-shadow:0 0 0 39px #fff;transform:scale(1)}.client_service_main .client_service_right .center-text h2{background:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:22px;color:#ef424a;font-weight:bold;text-decoration:none;text-align:center;height:100%;margin:0px;font-weight:700;transform:rotate(28deg);-webkit-transform:rotate(28deg);-moz-transform:rotate(28deg);-ms-transform:rotate(28deg);-o-transform:rotate(28deg)}.client_service_main .client_service_right .community .aro1{position:absolute;left:90px;top:93px;z-index:9;height:20px;transform:rotate(286deg);-webkit-transform:rotate(286deg);-moz-transform:rotate(286deg);-ms-transform:rotate(286deg);-o-transform:rotate(286deg)}.client_service_main .client_service_right .knowledge .aro2{position:absolute;left:80px;top:93px;z-index:9;height:20px;transform:rotate(22deg);-webkit-transform:rotate(22deg);-moz-transform:rotate(22deg);-ms-transform:rotate(22deg);-o-transform:rotate(22deg)}.client_service_main .client_service_right .techniques .aro3{position:absolute;left:88px;top:80px;z-index:9;height:20px;transform:rotate(204deg);-webkit-transform:rotate(204deg);-moz-transform:rotate(204deg);-ms-transform:rotate(204deg);-o-transform:rotate(204deg)}.client_service_main .client_service_right .values .aro4{position:absolute;left:80px;top:77px;z-index:9;height:20px;transform:rotate(108deg);-webkit-transform:rotate(108deg);-moz-transform:rotate(108deg);-ms-transform:rotate(108deg);-o-transform:rotate(108deg)}.client_service_main .client_service_right .knowledge-center{position:absolute;overflow:hidden;background:#040456;width:320px;height:320px;left:40px;top:40px;border-radius:100%;box-shadow:none;transform:scale(1);z-index:9;display:none}.client_service_main .client_service_right .community-center{position:absolute;overflow:hidden;background:#ef424a;width:320px;height:320px;left:40px;top:40px;border-radius:100%;box-shadow:none;transform:scale(1);z-index:9;display:none}.client_service_main .client_service_right .techniques-center{position:absolute;overflow:hidden;background:#72e0d0;width:320px;height:320px;left:40px;top:40px;border-radius:100%;box-shadow:none;transform:scale(1);z-index:9;display:none}.client_service_main .client_service_right .techniques-center{text-shadow:1px 1px 10px #00000033}.client_service_main .client_service_right .values-center{position:absolute;overflow:hidden;background:#3262e9;width:320px;height:320px;left:40px;top:40px;border-radius:100%;box-shadow:none;transform:scale(1);z-index:9;display:none}.client_service_main .client_service_right .inner-text{transform:rotate(28deg);height:100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center}.client_service_main .client_service_right .inner-text h4{font-size:24px;font-weight:700;text-transform:uppercase;color:#fff;margin:0px}.client_service_main .client_service_right .inner-text p{font-size:16px;font-weight:normal;color:#fff;margin-bottom:0px}.client_service_main .client_service_right .close{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyLjAwMSA1MTIuMDAxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIuMDAxIDUxMi4wMDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjg0LjI4NiwyNTYuMDAyTDUwNi4xNDMsMzQuMTQ0YzcuODExLTcuODExLDcuODExLTIwLjQ3NSwwLTI4LjI4NWMtNy44MTEtNy44MS0yMC40NzUtNy44MTEtMjguMjg1LDBMMjU2LDIyNy43MTcNCgkJCUwzNC4xNDMsNS44NTljLTcuODExLTcuODExLTIwLjQ3NS03LjgxMS0yOC4yODUsMGMtNy44MSw3LjgxMS03LjgxMSwyMC40NzUsMCwyOC4yODVsMjIxLjg1NywyMjEuODU3TDUuODU4LDQ3Ny44NTkNCgkJCWMtNy44MTEsNy44MTEtNy44MTEsMjAuNDc1LDAsMjguMjg1YzMuOTA1LDMuOTA1LDkuMDI0LDUuODU3LDE0LjE0Myw1Ljg1N2M1LjExOSwwLDEwLjIzNy0xLjk1MiwxNC4xNDMtNS44NTdMMjU2LDI4NC4yODcNCgkJCWwyMjEuODU3LDIyMS44NTdjMy45MDUsMy45MDUsOS4wMjQsNS44NTcsMTQuMTQzLDUuODU3czEwLjIzNy0xLjk1MiwxNC4xNDMtNS44NTdjNy44MTEtNy44MTEsNy44MTEtMjAuNDc1LDAtMjguMjg1DQoJCQlMMjg0LjI4NiwyNTYuMDAyeiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat center center / 15px 15px;cursor:pointer;position:absolute;z-index:9;height:15px;width:15px;opacity:.7;display:none}.client_service_main .client_service_right .community .close{left:63px;top:75px;transform:rotate(26deg);-webkit-transform:rotate(26deg);-moz-transform:rotate(26deg);-ms-transform:rotate(26deg);-o-transform:rotate(26deg)}.client_service_main .client_service_right .knowledge .close{left:104px;top:65px;transform:rotate(28deg);-webkit-transform:rotate(28deg);-moz-transform:rotate(28deg);-ms-transform:rotate(28deg);-o-transform:rotate(28deg)}.client_service_main .client_service_right .techniques .close{left:66px;top:104px;transform:rotate(26deg);-webkit-transform:rotate(26deg);-moz-transform:rotate(26deg);-ms-transform:rotate(26deg);-o-transform:rotate(26deg)}.client_service_main .client_service_right .values .close{left:113px;top:98px;transform:rotate(26deg);-webkit-transform:rotate(26deg);-moz-transform:rotate(26deg);-ms-transform:rotate(26deg);-o-transform:rotate(26deg)}.client_service_right .arrow img{cursor:pointer;width:22px;display:block}.client_service_main .client_service_right .techniques.data-div.active-circle:hover{background:rgba(114,224,208,1)}.client_service_main .client_service_right .values.data-div.active-circle:hover{background:rgba(50,98,233,1)}.client_service_main .client_service_right .community.data-div.active-circle:hover{background:rgba(238,66,74,1)}.client_service_main .client_service_right .knowledge.data-div.active-circle:hover{background:rgba(4,4,86,1)}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}}@media screen and (max-width:1199px){.client_service_main .client_service_right{padding-left:20px}.client_service_main .client_service_right{overflow:hidden}}@media screen and (max-width:991px){.client_service_main .client_service_left{width:100%;text-align:center;margin-bottom:50px;max-width:750px}.client_service_main .client_service_right{width:100%}}@media(max-width:767px){.client_service_main .center-main{overflow:hidden}.client_service_main .client_service_left{width:100%;text-align:center}.client_service_main .client_service_right{width:100%;margin-top:20px;margin-bottom:40px;padding-left:0}}@media screen and (max-width:480px){.client_service_main .client_service_right .outer-main{position:relative;transform:scale(0.7);margin:0 auto}.client_service_main .client_service_right{display:flex;justify-content:center;margin-top:0;margin-bottom:0}.client_service_main .client_service_left{margin-bottom:0}}@media screen and (max-width:359px){.client_service_main .center-main{padding:0px}}