/* Globle Css */
.style_1 .wheelspoke-main .wheelspoke-wrap{width: 500px; height: 500px; margin: 100px auto; border-radius: 500px;position: relative;}
/* Center Box */
.style_1 .wheelspoke-main .center-box{width: 240px; height: 240px; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; display: flex; align-items: center; justify-content: center; padding: 10px; text-align: center; animation: pulse-animation 2s infinite; box-shadow: 0px 0px 1px 1px #0000001a;}
.style_1 .wheelspoke-main .center-box .content-one .title{font-size: 24px; margin: 0;}

/* Around Box */
.style_1 .wheelspoke-main .around-boxes{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: transparent;}
.style_1 .wheelspoke-main .around-boxes .box{width: 150px; height: 150px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 0; transform-origin: 0 calc(500px / 2 - 8px); cursor: pointer; transition: 0.5s;}
.style_1 .wheelspoke-main .around-boxes .box:after{content:''; position: absolute; height: 30px; width: 50px; z-index: -1; left: 52px; top: 144px; clip-path: polygon(50% 100%, 0 0, 100% 0);}
.style_1 .wheelspoke-main .around-boxes .box .content-one { height: 90%; width: 90%; border-radius: 100%; background: #fff; display: flex; align-items: center; flex-direction: column; justify-content: center; }
.style_1 .wheelspoke-main .around-boxes .box .content-one .icon img{width: 100%; max-width: 40px;}
.style_1 .wheelspoke-main .around-boxes .box .content-one .title{/*color: #000;*/ font-size: 14px; font-weight: 700;}
.style_1 .wheelspoke-main .around-boxes .box:hover .content-one{background: transparent;}
.style_1 .wheelspoke-main .around-boxes .box:hover .content-one .title, .style_1 .wheelspoke-main .around-boxes .box:hover .content-one .icon img{filter: invert(1);}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 40px rgba(0, 0, 0, 0);
  }
}

/* Responsive */

@media (max-width:767px) {
  .style_1 .wheelspoke-main .wheelspoke-wrap{width: 380px; height: 380px; margin: 80px auto;}
  .style_1 .wheelspoke-main .center-box{height: 190px; width: 190px;}
  .style_1 .wheelspoke-main .around-boxes .box{height: 120px; width: 120px;transform-origin: 0 calc(380px / 2 - 8px);}
  .style_1 .wheelspoke-main .around-boxes .box:after { height: 20px; width: 40px; left: 41px; top: 114px; }
  .style_1 .wheelspoke-main .center-box .content-one .title{font-size: 22px;}
  .style_1 .wheelspoke-main .around-boxes .box .content-one .title{font-size: 13px;}
  .style_1 .wheelspoke-main .around-boxes .box .content-one .icon img{max-width: 35px;}
}
@media (max-width:480px) {
  .style_1 .wheelspoke-main .wheelspoke-wrap { width: 240px; height: 240px; border-width: 4px !important; margin: 60px auto; }
  .style_1 .wheelspoke-main .center-box { height: 120px; width: 120px; }
  .style_1 .wheelspoke-main .around-boxes .box { height: 80px; width: 80px; transform-origin: 0 calc(240px / 2 - 4px); }
  .style_1 .wheelspoke-main .around-boxes .box:after { height: 12px; width: 22px; left: 29px; top: 77px; }
  .style_1 .wheelspoke-main .center-box .content-one .title{font-size: 12px;}
  .style_1 .wheelspoke-main .around-boxes .box .content-one .title{font-size: 9px;}
  .style_1 .wheelspoke-main .around-boxes .box .content-one .icon img { max-width: 26px; }
}