.animatedCircular{border:2px solid #fff;border-radius:50%;width:400px;height:400px;position:relative}@media (min-width:992px) and (max-width:1200px){.animatedCircular{width:250px;height:200px;margin:25px auto 20px;padding:40px 20px}}@media (min-width:768px) and (max-width:992px){.animatedCircular{width:360px;height:350px;margin:35px auto 20px}}@media (min-width:576px) and (max-width:768px){.animatedCircular{width:330px;height:330px;margin:25px auto 20px}}@media (max-width:576px){.animatedCircular{width:260px;height:260px;margin:40px 0 30px 25px}}.animatedCircular .icon{cursor:pointer;justify-content:center;align-items:center;width:60%;height:100%;display:flex;position:relative;left:-33%}@media (max-width:576px){.animatedCircular .icon{left:-30%}}.animatedCircular .icon .imgBx{width:60px;height:60px;transform:rotate(calc(45deg*var(--i)));transform-origin:240px;z-index:10;border:1px solid #fff;border-radius:50%;transition:all .5s;position:absolute;overflow:hidden;box-shadow:0 0 0 4px #222,0 0 0 6px #fff}@media (min-width:992px) and (max-width:1200px){.animatedCircular .icon .imgBx{transform-origin:155px;width:40px;height:40px}}@media (min-width:768px) and (max-width:992px){.animatedCircular .icon .imgBx{transform-origin:215px;width:50px;height:50px}}@media (min-width:576px) and (max-width:768px){.animatedCircular .icon .imgBx{transform-origin:200px}}@media (max-width:576px){.animatedCircular .icon .imgBx{transform-origin:152px;width:40px;height:40px}}.animatedCircular .icon .imgBx.active{box-shadow:0 0 0 6px #222,0 0 0 12px #f70}.animatedCircular .icon .imgBx img{object-fit:cover;width:100%;height:100%;transform:rotate(calc(-45deg*var(--i)));filter:grayscale();border-radius:50%;transition:all .5s;position:absolute;top:0;left:0}.animatedCircular .icon .imgBx.active img{filter:grayscale(0)}.animatedCircularContent{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.animatedCircularContent:before{content:"";z-index:1;pointer-events:none;border:4px solid #0000;border-color:#0000 #fff #0000 #f70;border-radius:50%;animation:5s linear infinite animate_01;position:absolute;inset:60px}@media (max-width:1200px){.animatedCircularContent:before{inset:17%}}@keyframes animate_01{0%{rotate:none}to{rotate:360deg}}.animatedCircularContent:after{content:"";z-index:1;pointer-events:none;border:4px solid #0000;border-color:#0000 #fff #0000 #f70;border-radius:50%;animation:2.5s linear infinite animate_02;position:absolute;inset:120px}@media (max-width:1200px){.animatedCircularContent:after{inset:25%}}@media (max-width:992px){.animatedCircularContent:after{inset:27%}}@keyframes animate_02{0%{rotate:360deg}to{rotate:none}}.contentBx{opacity:0;z-index:20;justify-content:center;align-items:center;transition:all .5s;display:flex;position:absolute;transform:scale(0)}.contentBx.active{opacity:1;transition-delay:.5s;transform:scale(1)}.contentBx .card{flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;position:relative}.contentBx .card .textBx{flex-direction:column;justify-content:center;align-items:center;display:flex}.contentBx .card .textBx h2{color:#fff;text-transform:uppercase;text-align:center;font-size:1.25em;font-weight:600;line-height:1em;position:relative}.contentBx .card .textBx h2 span{color:#fff;letter-spacing:.1em;font-size:.65em;font-weight:500}.contentBx .card .textBx h2 span a{color:#f70;letter-spacing:.1em;font-size:.95em;font-weight:500;text-decoration:none}