html .eael-circle-wrapper.eael-interactive-circle-preset-1 .eael-circle-info .eael-circle-inner .eael-circle-item .eael-circle-btn,
html .eael-circle-wrapper.eael-interactive-circle-preset-1 .eael-circle-info .eael-circle-inner .eael-circle-item .eael-circle-btn:hover .eael-circle-btn-icon,
html .eael-circle-wrapper.eael-interactive-circle-preset-1 .eael-circle-info .eael-circle-inner .eael-circle-item .eael-circle-btn.active .eael-circle-btn-icon {
background-color: transparent;
}
html .eael-circle-wrapper.eael-interactive-circle-preset-1 .eael-circle-info .eael-circle-inner .eael-circle-item .eael-circle-btn .eael-circle-btn-icon {
padding: 0;
}
html .eael-circle-wrapper.eael-interactive-circle-preset-1 .eael-circle-info[data-items="5"] .eael-circle-item #eael-circle-item-1 {
transform: translate(-50%, 39%);
}
html .eael-circle-wrapper.eael-interactive-circle-preset-1 .eael-circle-info[data-items="5"] .eael-circle-item #eael-circle-item-2 {
transform: translate(-132%, -42%);
}
html .eael-circle-wrapper.eael-interactive-circle-preset-1 .eael-circle-info[data-items="5"] .eael-circle-item #eael-circle-item-3 {
transform: translate(-107%, -115%);
}
html .eael-circle-wrapper.eael-interactive-circle-preset-1 .eael-circle-info[data-items="5"] .eael-circle-item #eael-circle-item-4 {
transform: translate(8%, -115%);
}
html .eael-circle-wrapper.eael-interactive-circle-preset-1 .eael-circle-info[data-items="5"] .eael-circle-item #eael-circle-item-5 {
transform: translate(43%, -42%);
}
html .eael-circle-wrapper.eael-interactive-circle-preset-1 .eael-circle-info .eael-circle-inner .eael-circle-item .eael-circle-btn {
overflow: visible;
}
.eael-interactive-circle-preset-1 .eael-circle-btn::after {
content: "";
position: absolute;
z-index: -1;
top: -58%;
right: -58%;
bottom: -58%;
left: -58%;
border-radius: 50%;
}
@media (min-width: 1025px) {
html .eael-circle-wrapper.eael-interactive-circle-preset-1 .eael-circle-info .eael-circle-inner .eael-circle-item .eael-circle-btn-content {
left: 100%;
right: unset;
width: 100%;
}
}
@media (max-width: 1024px) {
html .eael-circle-wrapper.eael-interactive-circle-preset-1 .eael-circle-info .eael-circle-inner .eael-circle-item .eael-circle-btn-content {
top: 100%;
bottom: unset;
height: 100%;
}
html .eael-circle-wrapper.eael-interactive-circle-preset-1 .eael-circle-info {
padding-bottom: 50%;
}
}
@media (max-width: 600px) {
html .eael-circle-wrapper.eael-interactive-circle-preset-1 .eael-circle-info {
padding-bottom: 300px !important;
}
html .eael-circle-wrapper.eael-interactive-circle-preset-1.eael-circle-desktop-view .eael-circle-info {
height: 600px;
}
html .eael-circle-wrapper.eael-interactive-circle-preset-1.eael-circle-desktop-view .eael-circle-info .eael-circle-item .eael-circle-btn-content,
html .eael-circle-wrapper.eael-interactive-circle-preset-1.eael-circle-desktop-view .eael-circle-info .eael-circle-content {
border-radius: 0 !important;
}
}
.pill {
display: inline-block;
padding: 8px 16px;
border-radius: 50px;
border: 1px solid;
color: var(--e-global-color-secondary);
}
.eael-circle-wrapper .eael-circle-content span.pill {
margin: 3px;
}
html .eael-circle-wrapper .eael-circle-content h3 {
color: var( --e-global-color-accent );
font-weight: 600;
line-height: 1.2em;
margin: 5px 0 10px;
}
.active .eael-circle-btn-txt::before, 
.active .eael-circle-btn-txt::after {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--e-global-color-secondary);
position: absolute;
top: 5%;
left: 50%;
margin-left: -5px;
}
.active .eael-circle-btn-txt::before {
animation: anim 2s infinite;
}
@keyframes anim {
from {
transform: scale(1)
opacity: .5;
}
to {
transform: scale(2.5);
opacity: 0;
}
}