.outerCircle {
    filter: drop-shadow(1px 0px 7px rgba(104, 229, 255, 0.05)) drop-shadow(1px 0px 7px rgba(104, 229, 255, 0.05)) drop-shadow(1px 0px 7px rgba(104, 229, 255, 0.05)) drop-shadow(0px 1px 10px rgba(104, 229, 255, 0.05));
    border-radius: 50%;
    height: 474px;
    width: 474px;
    background: #171d2d;
}

.outerCircle:before {
    filter: drop-shadow(1px 0px 7px rgba(104, 229, 255, 0.2)) drop-shadow(1px 0px 7px rgba(104, 229, 255, 0.2)) drop-shadow(1px 0px 7px rgba(104, 229, 255, 0.2)) drop-shadow(0px 1px 10px rgba(104, 229, 255, 0.2));
    border-radius: 50%;
    height: 434px;
    width: 434px;
    content: '';
    background: #171d2d;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.outerCircle:after {
    filter: drop-shadow(1px 0px 0px #68E5FF) drop-shadow(0px 1px 7px #68E5FF);
    background: linear-gradient(180deg, rgba(243, 71, 248, 1) 0%, rgba(104, 229, 255, 1) 100%);
    /* border-width: 4px;
    border-style: solid; */
    border-radius: 50%;
    height: 392px;
    width: 392px;
    content: '';
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* .dots .dotsContain .dotsIn {
    position: absolute;
    height: calc(100% / 2);
    width: calc(100% / 2);
}

.dots .dotsContain .dotsIn_1 {
    top: 0;
    left: 0;
}

.dots .dotsContain .dotsIn_2 {
    top: 0;
    right: 0;
}

.dots .dotsContain .dotsIn_3 {
    bottom: 0;
    left: 0;
}

.dots .dotsContain .dotsIn_4 {
    bottom: 0;
    right: 0;
} */

.circleContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
    width: 100%;
}

.crButtonContainer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.circleButton {
    border: 2px solid #071333;
    background: linear-gradient(253.07deg, rgba(0, 0, 0, 0.72) -9.9%, rgba(0, 0, 0, 0.72) 92.28%);
    border-radius: 50%;

    /* Note: backdrop-filter has minimal browser support */
    height: 180px;
    width: 180px;

    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: background 0.3s ease-in-out;

}

.circleButton:hover {
    background: linear-gradient(92.47deg, #EB9C9C -1.83%, #9745A3 87.9%);
    box-shadow: 3px 4px 9px 3px rgba(229, 165, 231, 0.22);

}

.circleButton:before {
    background: linear-gradient(253.07deg, rgba(217, 217, 217, 0.1) -9.9%, rgba(0, 0, 0, 0.1) 92.28%);
    content: '';
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    backdrop-filter: blur(44px);
    height: 168px;
    width: 168px;
    box-sizing: border-box;
    transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
    border: 2px solid transparent;
}

.circleButton:hover:before {
    background: linear-gradient(253.07deg, rgba(217, 217, 217, 0.1) -9.9%, rgba(0, 0, 0, 0.1) 0%);
    border: 2px solid #fff;
}

.circleButton .button {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;

    /* or 162% */
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    position: relative;

}

.circleContainer .dots {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #171d2d;
    width: 100%;
    height: 100%;
    height: 386px;
    width: 386px;
    border-radius: 50%;

    display: flex;
    justify-content: center;
    align-items: center;

    /* animation:  rotateCircle 10s normal infinite linear; */
}

.circleContainer .dotsAligned {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* background: #171d2d; */
    width: 100%;
    height: 100%;
    height: 386px;
    width: 386px;
    border-radius: 50%;

    display: flex;
    justify-content: center;
    align-items: center;
}

.dotsContain,
.dotsContain2,
.dotsContain3 {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* Rajesh
.circleContainer .dotsAligned span {
    height: 4px;
    width: 4px;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 2px;
    transform: translate(-50%, -50%);
    transition: transform 0.3s linear;
}

.circleContainer .dotsContain2 span {
    height: 3px;
    width: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    transition: transform 0.3s linear;
}

.circleContainer .dotsContain3 span {
    height: 2px;
    width: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s linear;
}

.circleContainer .dots svg {
    position: absolute;
    max-width: 310px;
    max-height: 310px;
    height: 100%;
    width: 100%;
}

.circleContainer .dots svg circle {
    transition: transform 0.5s linear, cx 0.1s linear, cy 0.1s linear;
} Rajesh */


.circleContainer .dots span  {
    width: var(--data-astr-wid);
    height: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    /* background: #ccc; */
    transition: transform 0.5s linear, width 0.5s linear;
    /* border-radius: 50%; */
    display: flex;
    justify-content: flex-start;
    transform-origin: center;
}

.circleContainer .dots span:after {
    display: flex;
    content: '';
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.circleContainer .dotsContain2 span {
    height: 4px;
    /* background: #fff; */
}

.circleContainer .dotsContain2 span:after {
    width: 3px;
    height: 3px;
}

.circleContainer .dotsContain3 span {
    height: 2px;
    /* background: #fff; */
}

.circleContainer .dotsContain3 span:after {
    width: 1px;
    height: 1px;
}
.circleContainer.active .dots span {
    width: var(--data-astr-align-wid);
}
.circleContainer .dotsContain span:nth-child(1) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(0deg) translate(50%, 0) rotate(0deg);
}
.circleContainer .dotsContain span:nth-child(2) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(5.294117647058823deg) translate(50%, 0) rotate(-5.294117647058823deg);
}
.circleContainer .dotsContain span:nth-child(3) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(10.588235294117647deg) translate(50%, 0) rotate(-10.588235294117647deg);
}
.circleContainer .dotsContain span:nth-child(4) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(15.882352941176471deg) translate(50%, 0) rotate(-15.882352941176471deg);
}
.circleContainer .dotsContain span:nth-child(5) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(21.176470588235293deg) translate(50%, 0) rotate(-21.176470588235293deg);
}
.circleContainer .dotsContain span:nth-child(6) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(26.470588235294116deg) translate(50%, 0) rotate(-26.470588235294116deg);
}

.circleContainer .dotsContain span:nth-child(7) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(31.76470588235294deg) translate(50%, 0) rotate(-31.76470588235294deg);
}
.circleContainer .dotsContain span:nth-child(8) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(37.05882352941176deg) translate(50%, 0) rotate(-37.05882352941176deg);
}
.circleContainer .dotsContain span:nth-child(9) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(42.35294117647059deg) translate(50%, 0) rotate(-42.35294117647059deg);
}
.circleContainer .dotsContain span:nth-child(10) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(47.64705882352941deg) translate(50%, 0) rotate(-47.64705882352941deg);
}
.circleContainer .dotsContain span:nth-child(11) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(52.94117647058824deg) translate(50%, 0) rotate(-52.94117647058824deg);
}
.circleContainer .dotsContain span:nth-child(12) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(58.235294117647065deg) translate(50%, 0) rotate(-58.235294117647065deg);
}
.circleContainer .dotsContain span:nth-child(13) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(63.52941176470589deg) translate(50%, 0) rotate(-63.52941176470589deg);
}
.circleContainer .dotsContain span:nth-child(14) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(68.82352941176471deg) translate(50%, 0) rotate(-68.82352941176471deg);
}

.circleContainer .dotsContain span:nth-child(15) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(74.11764705882354deg) translate(50%, 0) rotate(-74.11764705882354deg);
}
.circleContainer .dotsContain span:nth-child(16) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(79.41176470588236deg) translate(50%, 0) rotate(-79.41176470588236deg);
}
.circleContainer .dotsContain span:nth-child(17) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(84.70588235294119deg) translate(50%, 0) rotate(-84.70588235294119deg);
}
.circleContainer .dotsContain span:nth-child(18) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(90.00000000000001deg) translate(50%, 0) rotate(-90.00000000000001deg);
}
.circleContainer .dotsContain span:nth-child(19) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(95.29411764705884deg) translate(50%, 0) rotate(-95.29411764705884deg);
}
.circleContainer .dotsContain span:nth-child(20) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(100.58823529411767deg) translate(50%, 0) rotate(-100.58823529411767deg);
}
.circleContainer .dotsContain span:nth-child(21) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(105.88235294117649deg) translate(50%, 0) rotate(-105.88235294117649deg);
}
.circleContainer .dotsContain span:nth-child(22) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(111.17647058823532deg) translate(50%, 0) rotate(-111.17647058823532deg);
}

.circleContainer .dotsContain span:nth-child(23) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(116.47058823529414deg) translate(50%, 0) rotate(-116.47058823529414deg);
}
.circleContainer .dotsContain span:nth-child(24) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(121.76470588235297deg) translate(50%, 0) rotate(-121.76470588235297deg);
}
.circleContainer .dotsContain span:nth-child(25) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(127.0588235294118deg) translate(50%, 0) rotate(-127.0588235294118deg);
}
.circleContainer .dotsContain span:nth-child(26) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(132.3529411764706deg) translate(50%, 0) rotate(-132.3529411764706deg);
}
.circleContainer .dotsContain span:nth-child(27) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(137.64705882352942deg) translate(50%, 0) rotate(-137.64705882352942deg);
}
.circleContainer .dotsContain span:nth-child(28) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(142.94117647058823deg) translate(50%, 0) rotate(-142.94117647058823deg);
}
.circleContainer .dotsContain span:nth-child(29) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(148.23529411764704deg) translate(50%, 0) rotate(-148.23529411764704deg);
}
.circleContainer .dotsContain span:nth-child(30) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(153.52941176470586deg) translate(50%, 0) rotate(-153.52941176470586deg);
}

.circleContainer .dotsContain span:nth-child(31) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(158.82352941176467deg) translate(50%, 0) rotate(-158.82352941176467deg);
}
.circleContainer .dotsContain span:nth-child(32) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(164.11764705882348deg) translate(50%, 0) rotate(-164.11764705882348deg);
}
.circleContainer .dotsContain span:nth-child(33) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(169.4117647058823deg) translate(50%, 0) rotate(-169.4117647058823deg);
}
.circleContainer .dotsContain span:nth-child(34) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(174.7058823529411deg) translate(50%, 0) rotate(-174.7058823529411deg);
}
.circleContainer .dotsContain span:nth-child(35) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(179.99999999999991deg) translate(50%, 0) rotate(-179.99999999999991deg);
}
.circleContainer .dotsContain span:nth-child(36) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(185.29411764705873deg) translate(50%, 0) rotate(-185.29411764705873deg);
}
.circleContainer .dotsContain span:nth-child(37) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(190.58823529411754deg) translate(50%, 0) rotate(-190.58823529411754deg);
}
.circleContainer .dotsContain span:nth-child(38) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(195.88235294117635deg) translate(50%, 0) rotate(-195.88235294117635deg);
}

.circleContainer .dotsContain span:nth-child(39) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(201.17647058823516deg) translate(50%, 0) rotate(-201.17647058823516deg);
}
.circleContainer .dotsContain span:nth-child(40) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(206.47058823529397deg) translate(50%, 0) rotate(-206.47058823529397deg);
}
.circleContainer .dotsContain span:nth-child(41) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(211.76470588235279deg) translate(50%, 0) rotate(-211.76470588235279deg);
}
.circleContainer .dotsContain span:nth-child(42) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(217.0588235294116deg) translate(50%, 0) rotate(-217.0588235294116deg);
}
.circleContainer .dotsContain span:nth-child(43) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(222.3529411764704deg) translate(50%, 0) rotate(-222.3529411764704deg);
}
.circleContainer .dotsContain span:nth-child(44) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(227.64705882352922deg) translate(50%, 0) rotate(-227.64705882352922deg);
}
.circleContainer .dotsContain span:nth-child(45) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(232.94117647058803deg) translate(50%, 0) rotate(-232.94117647058803deg);
}
.circleContainer .dotsContain span:nth-child(46) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(238.23529411764684deg) translate(50%, 0) rotate(-238.23529411764684deg);
}

.circleContainer .dotsContain span:nth-child(47) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(243.52941176470566deg) translate(50%, 0) rotate(-243.52941176470566deg);
}
.circleContainer .dotsContain span:nth-child(48) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(248.82352941176447deg) translate(50%, 0) rotate(-248.82352941176447deg);
}
.circleContainer .dotsContain span:nth-child(49) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(254.11764705882328deg) translate(50%, 0) rotate(-254.11764705882328deg);
}
.circleContainer .dotsContain span:nth-child(50) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(259.4117647058821deg) translate(50%, 0) rotate(-259.4117647058821deg);
}
.circleContainer .dotsContain span:nth-child(51) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(264.70588235294093deg) translate(50%, 0) rotate(-264.70588235294093deg);
}
.circleContainer .dotsContain span:nth-child(52) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(269.9999999999998deg) translate(50%, 0) rotate(-269.9999999999998deg);
}
.circleContainer .dotsContain span:nth-child(53) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(275.2941176470586deg) translate(50%, 0) rotate(-275.2941176470586deg);
}
.circleContainer .dotsContain span:nth-child(54) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(280.58823529411745deg) translate(50%, 0) rotate(-280.58823529411745deg);
}

.circleContainer .dotsContain span:nth-child(55) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(285.8823529411763deg) translate(50%, 0) rotate(-285.8823529411763deg);
}
.circleContainer .dotsContain span:nth-child(56) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(291.17647058823513deg) translate(50%, 0) rotate(-291.17647058823513deg);
}
.circleContainer .dotsContain span:nth-child(57) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(296.470588235294deg) translate(50%, 0) rotate(-296.470588235294deg);
}
.circleContainer .dotsContain span:nth-child(58) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(301.7647058823528deg) translate(50%, 0) rotate(-301.7647058823528deg);
}
.circleContainer .dotsContain span:nth-child(59) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(307.05882352941165deg) translate(50%, 0) rotate(-307.05882352941165deg);
}
.circleContainer .dotsContain span:nth-child(60) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(312.3529411764705deg) translate(50%, 0) rotate(-312.3529411764705deg);
}
.circleContainer .dotsContain span:nth-child(61) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(317.64705882352933deg) translate(50%, 0) rotate(-317.64705882352933deg);
}
.circleContainer .dotsContain span:nth-child(62) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(322.9411764705882deg) translate(50%, 0) rotate(-322.9411764705882deg);
}

.circleContainer .dotsContain span:nth-child(63) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(328.235294117647deg) translate(50%, 0) rotate(-328.235294117647deg);
}
.circleContainer .dotsContain span:nth-child(64) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(333.52941176470586deg) translate(50%, 0) rotate(-333.52941176470586deg);
}
.circleContainer .dotsContain span:nth-child(65) {
    --data-astr-wid: 248px;
    --data-astr-align-wid: 205px;
    transform: rotate(338.8235294117647deg) translate(50%, 0) rotate(-338.8235294117647deg);
}
.circleContainer .dotsContain span:nth-child(66) {
    --data-astr-wid: 296px;
    --data-astr-align-wid: 205px;
    transform: rotate(344.11764705882354deg) translate(50%, 0) rotate(-344.11764705882354deg);
}
.circleContainer .dotsContain span:nth-child(67) {
    --data-astr-wid: 312px;
    --data-astr-align-wid: 205px;
    transform: rotate(349.4117647058824deg) translate(50%, 0) rotate(-349.4117647058824deg);
}
.circleContainer .dotsContain span:nth-child(68) {
    --data-astr-wid: 272px;
    --data-astr-align-wid: 205px;
    transform: rotate(354.7058823529412deg) translate(50%, 0) rotate(-354.7058823529412deg);
}

.circleContainer .dotsContain2 span:nth-child(1) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(0deg) translate(50%, 0) rotate(0deg);
}
.circleContainer .dotsContain2 span:nth-child(2) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(5.294117647058823deg) translate(50%, 0) rotate(-5.294117647058823deg);
}
.circleContainer .dotsContain2 span:nth-child(3) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(10.588235294117647deg) translate(50%, 0) rotate(-10.588235294117647deg);
}
.circleContainer .dotsContain2 span:nth-child(4) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(15.882352941176471deg) translate(50%, 0) rotate(-15.882352941176471deg);
}
.circleContainer .dotsContain2 span:nth-child(5) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(21.176470588235293deg) translate(50%, 0) rotate(-21.176470588235293deg);
}
.circleContainer .dotsContain2 span:nth-child(6) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(26.470588235294116deg) translate(50%, 0) rotate(-26.470588235294116deg);
}

.circleContainer .dotsContain2 span:nth-child(7) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(31.76470588235294deg) translate(50%, 0) rotate(-31.76470588235294deg);
}
.circleContainer .dotsContain2 span:nth-child(8) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(37.05882352941176deg) translate(50%, 0) rotate(-37.05882352941176deg);
}
.circleContainer .dotsContain2 span:nth-child(9) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(42.35294117647059deg) translate(50%, 0) rotate(-42.35294117647059deg);
}
.circleContainer .dotsContain2 span:nth-child(10) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(47.64705882352941deg) translate(50%, 0) rotate(-47.64705882352941deg);
}
.circleContainer .dotsContain2 span:nth-child(11) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(52.94117647058824deg) translate(50%, 0) rotate(-52.94117647058824deg);
}
.circleContainer .dotsContain2 span:nth-child(12) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(58.235294117647065deg) translate(50%, 0) rotate(-58.235294117647065deg);
}
.circleContainer .dotsContain2 span:nth-child(13) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(63.52941176470589deg) translate(50%, 0) rotate(-63.52941176470589deg);
}
.circleContainer .dotsContain2 span:nth-child(14) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(68.82352941176471deg) translate(50%, 0) rotate(-68.82352941176471deg);
}

.circleContainer .dotsContain2 span:nth-child(15) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(74.11764705882354deg) translate(50%, 0) rotate(-74.11764705882354deg);
}
.circleContainer .dotsContain2 span:nth-child(16) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(79.41176470588236deg) translate(50%, 0) rotate(-79.41176470588236deg);
}
.circleContainer .dotsContain2 span:nth-child(17) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(84.70588235294119deg) translate(50%, 0) rotate(-84.70588235294119deg);
}
.circleContainer .dotsContain2 span:nth-child(18) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(90.00000000000001deg) translate(50%, 0) rotate(-90.00000000000001deg);
}
.circleContainer .dotsContain2 span:nth-child(19) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(95.29411764705884deg) translate(50%, 0) rotate(-95.29411764705884deg);
}
.circleContainer .dotsContain2 span:nth-child(20) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(100.58823529411767deg) translate(50%, 0) rotate(-100.58823529411767deg);
}
.circleContainer .dotsContain2 span:nth-child(21) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(105.88235294117649deg) translate(50%, 0) rotate(-105.88235294117649deg);
}
.circleContainer .dotsContain2 span:nth-child(22) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(111.17647058823532deg) translate(50%, 0) rotate(-111.17647058823532deg);
}

.circleContainer .dotsContain2 span:nth-child(23) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(116.47058823529414deg) translate(50%, 0) rotate(-116.47058823529414deg);
}
.circleContainer .dotsContain2 span:nth-child(24) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(121.76470588235297deg) translate(50%, 0) rotate(-121.76470588235297deg);
}
.circleContainer .dotsContain2 span:nth-child(25) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(127.0588235294118deg) translate(50%, 0) rotate(-127.0588235294118deg);
}
.circleContainer .dotsContain2 span:nth-child(26) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(132.3529411764706deg) translate(50%, 0) rotate(-132.3529411764706deg);
}
.circleContainer .dotsContain2 span:nth-child(27) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(137.64705882352942deg) translate(50%, 0) rotate(-137.64705882352942deg);
}
.circleContainer .dotsContain2 span:nth-child(28) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(142.94117647058823deg) translate(50%, 0) rotate(-142.94117647058823deg);
}
.circleContainer .dotsContain2 span:nth-child(29) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(148.23529411764704deg) translate(50%, 0) rotate(-148.23529411764704deg);
}
.circleContainer .dotsContain2 span:nth-child(30) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(153.52941176470586deg) translate(50%, 0) rotate(-153.52941176470586deg);
}

.circleContainer .dotsContain2 span:nth-child(31) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(158.82352941176467deg) translate(50%, 0) rotate(-158.82352941176467deg);
}
.circleContainer .dotsContain2 span:nth-child(32) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(164.11764705882348deg) translate(50%, 0) rotate(-164.11764705882348deg);
}
.circleContainer .dotsContain2 span:nth-child(33) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(169.4117647058823deg) translate(50%, 0) rotate(-169.4117647058823deg);
}
.circleContainer .dotsContain2 span:nth-child(34) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(174.7058823529411deg) translate(50%, 0) rotate(-174.7058823529411deg);
}
.circleContainer .dotsContain2 span:nth-child(35) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(179.99999999999991deg) translate(50%, 0) rotate(-179.99999999999991deg);
}
.circleContainer .dotsContain2 span:nth-child(36) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(185.29411764705873deg) translate(50%, 0) rotate(-185.29411764705873deg);
}
.circleContainer .dotsContain2 span:nth-child(37) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(190.58823529411754deg) translate(50%, 0) rotate(-190.58823529411754deg);
}
.circleContainer .dotsContain2 span:nth-child(38) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(195.88235294117635deg) translate(50%, 0) rotate(-195.88235294117635deg);
}

.circleContainer .dotsContain2 span:nth-child(39) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(201.17647058823516deg) translate(50%, 0) rotate(-201.17647058823516deg);
}
.circleContainer .dotsContain2 span:nth-child(40) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(206.47058823529397deg) translate(50%, 0) rotate(-206.47058823529397deg);
}
.circleContainer .dotsContain2 span:nth-child(41) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(211.76470588235279deg) translate(50%, 0) rotate(-211.76470588235279deg);
}
.circleContainer .dotsContain2 span:nth-child(42) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(217.0588235294116deg) translate(50%, 0) rotate(-217.0588235294116deg);
}
.circleContainer .dotsContain2 span:nth-child(43) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(222.3529411764704deg) translate(50%, 0) rotate(-222.3529411764704deg);
}
.circleContainer .dotsContain2 span:nth-child(44) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(227.64705882352922deg) translate(50%, 0) rotate(-227.64705882352922deg);
}
.circleContainer .dotsContain2 span:nth-child(45) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(232.94117647058803deg) translate(50%, 0) rotate(-232.94117647058803deg);
}
.circleContainer .dotsContain2 span:nth-child(46) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(238.23529411764684deg) translate(50%, 0) rotate(-238.23529411764684deg);
}

.circleContainer .dotsContain2 span:nth-child(47) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(243.52941176470566deg) translate(50%, 0) rotate(-243.52941176470566deg);
}
.circleContainer .dotsContain2 span:nth-child(48) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(248.82352941176447deg) translate(50%, 0) rotate(-248.82352941176447deg);
}
.circleContainer .dotsContain2 span:nth-child(49) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(254.11764705882328deg) translate(50%, 0) rotate(-254.11764705882328deg);
}
.circleContainer .dotsContain2 span:nth-child(50) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(259.4117647058821deg) translate(50%, 0) rotate(-259.4117647058821deg);
}
.circleContainer .dotsContain2 span:nth-child(51) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(264.70588235294093deg) translate(50%, 0) rotate(-264.70588235294093deg);
}
.circleContainer .dotsContain2 span:nth-child(52) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(269.9999999999998deg) translate(50%, 0) rotate(-269.9999999999998deg);
}
.circleContainer .dotsContain2 span:nth-child(53) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(275.2941176470586deg) translate(50%, 0) rotate(-275.2941176470586deg);
}
.circleContainer .dotsContain2 span:nth-child(54) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(280.58823529411745deg) translate(50%, 0) rotate(-280.58823529411745deg);
}

.circleContainer .dotsContain2 span:nth-child(55) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(285.8823529411763deg) translate(50%, 0) rotate(-285.8823529411763deg);
}
.circleContainer .dotsContain2 span:nth-child(56) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(291.17647058823513deg) translate(50%, 0) rotate(-291.17647058823513deg);
}
.circleContainer .dotsContain2 span:nth-child(57) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(296.470588235294deg) translate(50%, 0) rotate(-296.470588235294deg);
}
.circleContainer .dotsContain2 span:nth-child(58) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(301.7647058823528deg) translate(50%, 0) rotate(-301.7647058823528deg);
}
.circleContainer .dotsContain2 span:nth-child(59) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(307.05882352941165deg) translate(50%, 0) rotate(-307.05882352941165deg);
}
.circleContainer .dotsContain2 span:nth-child(60) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(312.3529411764705deg) translate(50%, 0) rotate(-312.3529411764705deg);
}
.circleContainer .dotsContain2 span:nth-child(61) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(317.64705882352933deg) translate(50%, 0) rotate(-317.64705882352933deg);
}
.circleContainer .dotsContain2 span:nth-child(62) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(322.9411764705882deg) translate(50%, 0) rotate(-322.9411764705882deg);
}

.circleContainer .dotsContain2 span:nth-child(63) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(328.235294117647deg) translate(50%, 0) rotate(-328.235294117647deg);
}
.circleContainer .dotsContain2 span:nth-child(64) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(333.52941176470586deg) translate(50%, 0) rotate(-333.52941176470586deg);
}
.circleContainer .dotsContain2 span:nth-child(65) {
    --data-astr-wid: 304px;
    --data-astr-align-wid: 225px;
    transform: rotate(338.8235294117647deg) translate(50%, 0) rotate(-338.8235294117647deg);
}
.circleContainer .dotsContain2 span:nth-child(66) {
    --data-astr-wid: 244px;
    --data-astr-align-wid: 225px;
    transform: rotate(344.11764705882354deg) translate(50%, 0) rotate(-344.11764705882354deg);
}
.circleContainer .dotsContain2 span:nth-child(67) {
    --data-astr-wid: 276px;
    --data-astr-align-wid: 225px;
    transform: rotate(349.4117647058824deg) translate(50%, 0) rotate(-349.4117647058824deg);
}
.circleContainer .dotsContain2 span:nth-child(68) {
    --data-astr-wid: 290px;
    --data-astr-align-wid: 225px;
    transform: rotate(354.7058823529412deg) translate(50%, 0) rotate(-354.7058823529412deg);
}

.circleContainer .dotsContain3 span:nth-child(1) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(0deg) translate(50%, 0) rotate(0deg);
}
.circleContainer .dotsContain3 span:nth-child(2) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(5.294117647058823deg) translate(50%, 0) rotate(-5.294117647058823deg);
}
.circleContainer .dotsContain3 span:nth-child(3) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(10.588235294117647deg) translate(50%, 0) rotate(-10.588235294117647deg);
}
.circleContainer .dotsContain3 span:nth-child(4) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(15.882352941176471deg) translate(50%, 0) rotate(-15.882352941176471deg);
}
.circleContainer .dotsContain3 span:nth-child(5) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(21.176470588235293deg) translate(50%, 0) rotate(-21.176470588235293deg);
}
.circleContainer .dotsContain3 span:nth-child(6) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(26.470588235294116deg) translate(50%, 0) rotate(-26.470588235294116deg);
}

.circleContainer .dotsContain3 span:nth-child(7) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(31.76470588235294deg) translate(50%, 0) rotate(-31.76470588235294deg);
}
.circleContainer .dotsContain3 span:nth-child(8) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(37.05882352941176deg) translate(50%, 0) rotate(-37.05882352941176deg);
}
.circleContainer .dotsContain3 span:nth-child(9) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(42.35294117647059deg) translate(50%, 0) rotate(-42.35294117647059deg);
}
.circleContainer .dotsContain3 span:nth-child(10) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(47.64705882352941deg) translate(50%, 0) rotate(-47.64705882352941deg);
}
.circleContainer .dotsContain3 span:nth-child(11) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(52.94117647058824deg) translate(50%, 0) rotate(-52.94117647058824deg);
}
.circleContainer .dotsContain3 span:nth-child(12) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(58.235294117647065deg) translate(50%, 0) rotate(-58.235294117647065deg);
}
.circleContainer .dotsContain3 span:nth-child(13) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(63.52941176470589deg) translate(50%, 0) rotate(-63.52941176470589deg);
}
.circleContainer .dotsContain3 span:nth-child(14) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(68.82352941176471deg) translate(50%, 0) rotate(-68.82352941176471deg);
}

.circleContainer .dotsContain3 span:nth-child(15) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(74.11764705882354deg) translate(50%, 0) rotate(-74.11764705882354deg);
}
.circleContainer .dotsContain3 span:nth-child(16) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(79.41176470588236deg) translate(50%, 0) rotate(-79.41176470588236deg);
}
.circleContainer .dotsContain3 span:nth-child(17) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(84.70588235294119deg) translate(50%, 0) rotate(-84.70588235294119deg);
}
.circleContainer .dotsContain3 span:nth-child(18) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(90.00000000000001deg) translate(50%, 0) rotate(-90.00000000000001deg);
}
.circleContainer .dotsContain3 span:nth-child(19) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(95.29411764705884deg) translate(50%, 0) rotate(-95.29411764705884deg);
}
.circleContainer .dotsContain3 span:nth-child(20) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(100.58823529411767deg) translate(50%, 0) rotate(-100.58823529411767deg);
}
.circleContainer .dotsContain3 span:nth-child(21) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(105.88235294117649deg) translate(50%, 0) rotate(-105.88235294117649deg);
}
.circleContainer .dotsContain3 span:nth-child(22) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(111.17647058823532deg) translate(50%, 0) rotate(-111.17647058823532deg);
}

.circleContainer .dotsContain3 span:nth-child(23) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(116.47058823529414deg) translate(50%, 0) rotate(-116.47058823529414deg);
}
.circleContainer .dotsContain3 span:nth-child(24) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(121.76470588235297deg) translate(50%, 0) rotate(-121.76470588235297deg);
}
.circleContainer .dotsContain3 span:nth-child(25) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(127.0588235294118deg) translate(50%, 0) rotate(-127.0588235294118deg);
}
.circleContainer .dotsContain3 span:nth-child(26) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(132.3529411764706deg) translate(50%, 0) rotate(-132.3529411764706deg);
}
.circleContainer .dotsContain3 span:nth-child(27) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(137.64705882352942deg) translate(50%, 0) rotate(-137.64705882352942deg);
}
.circleContainer .dotsContain3 span:nth-child(28) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(142.94117647058823deg) translate(50%, 0) rotate(-142.94117647058823deg);
}
.circleContainer .dotsContain3 span:nth-child(29) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(148.23529411764704deg) translate(50%, 0) rotate(-148.23529411764704deg);
}
.circleContainer .dotsContain3 span:nth-child(30) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(153.52941176470586deg) translate(50%, 0) rotate(-153.52941176470586deg);
}

.circleContainer .dotsContain3 span:nth-child(31) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(158.82352941176467deg) translate(50%, 0) rotate(-158.82352941176467deg);
}
.circleContainer .dotsContain3 span:nth-child(32) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(164.11764705882348deg) translate(50%, 0) rotate(-164.11764705882348deg);
}
.circleContainer .dotsContain3 span:nth-child(33) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(169.4117647058823deg) translate(50%, 0) rotate(-169.4117647058823deg);
}
.circleContainer .dotsContain3 span:nth-child(34) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(174.7058823529411deg) translate(50%, 0) rotate(-174.7058823529411deg);
}
.circleContainer .dotsContain3 span:nth-child(35) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(179.99999999999991deg) translate(50%, 0) rotate(-179.99999999999991deg);
}
.circleContainer .dotsContain3 span:nth-child(36) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(185.29411764705873deg) translate(50%, 0) rotate(-185.29411764705873deg);
}
.circleContainer .dotsContain3 span:nth-child(37) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(190.58823529411754deg) translate(50%, 0) rotate(-190.58823529411754deg);
}
.circleContainer .dotsContain3 span:nth-child(38) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(195.88235294117635deg) translate(50%, 0) rotate(-195.88235294117635deg);
}

.circleContainer .dotsContain3 span:nth-child(39) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(201.17647058823516deg) translate(50%, 0) rotate(-201.17647058823516deg);
}
.circleContainer .dotsContain3 span:nth-child(40) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(206.47058823529397deg) translate(50%, 0) rotate(-206.47058823529397deg);
}
.circleContainer .dotsContain3 span:nth-child(41) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(211.76470588235279deg) translate(50%, 0) rotate(-211.76470588235279deg);
}
.circleContainer .dotsContain3 span:nth-child(42) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(217.0588235294116deg) translate(50%, 0) rotate(-217.0588235294116deg);
}
.circleContainer .dotsContain3 span:nth-child(43) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(222.3529411764704deg) translate(50%, 0) rotate(-222.3529411764704deg);
}
.circleContainer .dotsContain3 span:nth-child(44) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(227.64705882352922deg) translate(50%, 0) rotate(-227.64705882352922deg);
}
.circleContainer .dotsContain3 span:nth-child(45) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(232.94117647058803deg) translate(50%, 0) rotate(-232.94117647058803deg);
}
.circleContainer .dotsContain3 span:nth-child(46) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(238.23529411764684deg) translate(50%, 0) rotate(-238.23529411764684deg);
}

.circleContainer .dotsContain3 span:nth-child(47) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(243.52941176470566deg) translate(50%, 0) rotate(-243.52941176470566deg);
}
.circleContainer .dotsContain3 span:nth-child(48) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(248.82352941176447deg) translate(50%, 0) rotate(-248.82352941176447deg);
}
.circleContainer .dotsContain3 span:nth-child(49) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(254.11764705882328deg) translate(50%, 0) rotate(-254.11764705882328deg);
}
.circleContainer .dotsContain3 span:nth-child(50) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(259.4117647058821deg) translate(50%, 0) rotate(-259.4117647058821deg);
}
.circleContainer .dotsContain3 span:nth-child(51) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(264.70588235294093deg) translate(50%, 0) rotate(-264.70588235294093deg);
}
.circleContainer .dotsContain3 span:nth-child(52) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(269.9999999999998deg) translate(50%, 0) rotate(-269.9999999999998deg);
}
.circleContainer .dotsContain3 span:nth-child(53) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(275.2941176470586deg) translate(50%, 0) rotate(-275.2941176470586deg);
}
.circleContainer .dotsContain3 span:nth-child(54) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(280.58823529411745deg) translate(50%, 0) rotate(-280.58823529411745deg);
}

.circleContainer .dotsContain3 span:nth-child(55) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(285.8823529411763deg) translate(50%, 0) rotate(-285.8823529411763deg);
}
.circleContainer .dotsContain3 span:nth-child(56) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(291.17647058823513deg) translate(50%, 0) rotate(-291.17647058823513deg);
}
.circleContainer .dotsContain3 span:nth-child(57) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(296.470588235294deg) translate(50%, 0) rotate(-296.470588235294deg);
}
.circleContainer .dotsContain3 span:nth-child(58) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(301.7647058823528deg) translate(50%, 0) rotate(-301.7647058823528deg);
}
.circleContainer .dotsContain3 span:nth-child(59) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(307.05882352941165deg) translate(50%, 0) rotate(-307.05882352941165deg);
}
.circleContainer .dotsContain3 span:nth-child(60) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(312.3529411764705deg) translate(50%, 0) rotate(-312.3529411764705deg);
}
.circleContainer .dotsContain3 span:nth-child(61) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(317.64705882352933deg) translate(50%, 0) rotate(-317.64705882352933deg);
}
.circleContainer .dotsContain3 span:nth-child(62) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(322.9411764705882deg) translate(50%, 0) rotate(-322.9411764705882deg);
}

.circleContainer .dotsContain3 span:nth-child(63) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(328.235294117647deg) translate(50%, 0) rotate(-328.235294117647deg);
}
.circleContainer .dotsContain3 span:nth-child(64) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(333.52941176470586deg) translate(50%, 0) rotate(-333.52941176470586deg);
}
.circleContainer .dotsContain3 span:nth-child(65) {
    --data-astr-wid: 288px;
    --data-astr-align-wid: 245px;
    transform: rotate(338.8235294117647deg) translate(50%, 0) rotate(-338.8235294117647deg);
}
.circleContainer .dotsContain3 span:nth-child(66) {
    --data-astr-wid: 264px;
    --data-astr-align-wid: 245px;
    transform: rotate(344.11764705882354deg) translate(50%, 0) rotate(-344.11764705882354deg);
}
.circleContainer .dotsContain3 span:nth-child(67) {
    --data-astr-wid: 256px;
    --data-astr-align-wid: 245px;
    transform: rotate(349.4117647058824deg) translate(50%, 0) rotate(-349.4117647058824deg);
}
.circleContainer .dotsContain3 span:nth-child(68) {
    --data-astr-wid: 328px;
    --data-astr-align-wid: 245px;
    transform: rotate(354.7058823529412deg) translate(50%, 0) rotate(-354.7058823529412deg);
}

/* .circleContainer:hover .dots {
    animation:  rotateCircle 10s reverse infinite linear;
    animation-direction: reverse;
} */
/* @keyframes rotateCircle {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
} */