.circle a {
    width: 98px;
    height: 98px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #002857;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    position: absolute;
    top: 0;
    text-decoration: none;
}
.circle {
    width: 98px;
    height: 98px;
    /*position: absolute;
    top: -40px;*/
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    margin: 0 auto;
	position: relative;
}
.circle  span {
    position: absolute;
    text-align: center;
}
.circle p {
    margin-bottom: 0;
}
.pulse-ring {
    width: 100px;
    height: 100px;
    border: .8px solid #00285787;
    border-radius: 50%;
    position: absolute;
    animation: pulsate infinite ease-in-out 4s;
    display: flex;
    justify-content: center;
    align-items: center;
}
.red-medium-circle {
    position: absolute;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    background: transparent;
    border: .8px solid #00285745;
    animation: pulsate infinite ease-in-out 4s 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.light-button a{
    border-color: #fff;
    color: #fff;
}
.light-button .pulse-ring,
.light-button .red-medium-circle,
.light-button .red-huge-circle,
.light-button .red-big-circle{
    border-color: #fff;
}
@keyframes pulsate {
    0% {
        transform: scale(1, 1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.3, 1.3);
        opacity: 0;
    }
}

@media (max-width: 601px){
	.pulse-ring {
        width: 60px!important;
        height: 60px!important;
    }
    .red-medium-circle {
        width: 80px!important;
        height: 80px!important;
    }
	.circle a {
		font-size: 11.5px;
	}
}

/*Home CTA Button CSS*/
.circle-container {
     position: relative;
     display: inline-block;
     width: 200px;
     height: 200px;
     fill: #fff;
     font-family: var(--awb-fusion-font-family-typography);
}
 .circle-container.dark {
     fill: #000;
}
 .circle-container.dark .circle-text {
     color: #000;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100%;
     width: 100%;
}
 .circle-container .circle-text {
     color: #fff;
     font-size: 12px;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100%;
     width: 100%;
}
 .circle-clockwise {
     position: absolute;
     width: 200px;
     height: 200px;
     left: 0;
     right: 0;
     margin: 0 auto;
     top: 50%;
     transform: translateY(-50%);
     margin-top: -100px;
     animation: rotateText 20s linear infinite;
}
 .circle-clockwise svg {
     width: 100%;
     height: 100%;
}
 .circle-clockwise svg .clockwise-text {
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 4px;
}
 

    @keyframes rotateText {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }


    .circle-anticlockwise {
         position: absolute;
         width: 140px;
         height: 140px;
         left: 0;
         right: 0;
         margin: 0 auto;
         top: 50%;
         transform: translateY(-50%);
         margin-top: -70px;
         animation: rotateAntiClockwise 20s linear infinite;
    }
     .circle-anticlockwise svg {
         width: 100%;
         height: 100%;
    }
     .circle-anticlockwise svg .anticlockwise-text {
         font-size: 20px;
         letter-spacing: 4px;
    }
     

    @keyframes rotateAntiClockwise {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(-360deg);
        }
    }