.elementor-3536 .elementor-element.elementor-element-b5360b2:not(.elementor-motion-effects-element-type-background), .elementor-3536 .elementor-element.elementor-element-b5360b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2695A400;}.elementor-3536 .elementor-element.elementor-element-b5360b2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;overflow:visible;}.elementor-3536 .elementor-element.elementor-element-b5360b2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3536 .elementor-element.elementor-element-f44ef55.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3536 .elementor-element.elementor-element-f896d5a:not(.elementor-motion-effects-element-type-background), .elementor-3536 .elementor-element.elementor-element-f896d5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2198A1;}.elementor-3536 .elementor-element.elementor-element-f896d5a > .elementor-container{max-width:1000px;}.elementor-3536 .elementor-element.elementor-element-f896d5a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:1.5em;margin-bottom:0em;padding:1.5em 0em 1em 0em;overflow:visible;}.elementor-3536 .elementor-element.elementor-element-f896d5a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3536 .elementor-element.elementor-element-6f9e58c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-3536 .elementor-element.elementor-element-6f9e58c > .elementor-element-populated >  .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-3536 .elementor-element.elementor-element-6f9e58c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3536 .elementor-element.elementor-element-6f9e58c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3536 .elementor-element.elementor-element-1bfc28a{width:var( --container-widget-width, 14% );max-width:14%;--container-widget-width:14%;--container-widget-flex-grow:0;}.elementor-3536 .elementor-element.elementor-element-1bfc28a img{width:80%;}.elementor-3536 .elementor-element.elementor-element-697ae5d{width:var( --container-widget-width, 14% );max-width:14%;--container-widget-width:14%;--container-widget-flex-grow:0;}.elementor-3536 .elementor-element.elementor-element-697ae5d img{width:80%;}.elementor-3536 .elementor-element.elementor-element-7d7d27e{width:var( --container-widget-width, 14% );max-width:14%;--container-widget-width:14%;--container-widget-flex-grow:0;}.elementor-3536 .elementor-element.elementor-element-7d7d27e img{width:80%;}.elementor-3536 .elementor-element.elementor-element-eda1055{width:var( --container-widget-width, 14% );max-width:14%;--container-widget-width:14%;--container-widget-flex-grow:0;}.elementor-3536 .elementor-element.elementor-element-eda1055 img{width:80%;}.elementor-3536 .elementor-element.elementor-element-4afbcdd{width:var( --container-widget-width, 14% );max-width:14%;--container-widget-width:14%;--container-widget-flex-grow:0;}.elementor-3536 .elementor-element.elementor-element-4afbcdd img{width:80%;}.elementor-3536 .elementor-element.elementor-element-11f4da7{width:var( --container-widget-width, 14% );max-width:14%;--container-widget-width:14%;--container-widget-flex-grow:0;}.elementor-3536 .elementor-element.elementor-element-11f4da7 img{width:80%;}.elementor-3536 .elementor-element.elementor-element-94c34ed{width:var( --container-widget-width, 14% );max-width:14%;--container-widget-width:14%;--container-widget-flex-grow:0;}.elementor-3536 .elementor-element.elementor-element-94c34ed img{width:80%;}/* Start custom CSS for html, class: .elementor-element-32c9ed3 */.circle-wrapper {
    position: relative;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-logo {
    position: relative;
    z-index: 1;
    transform: translateX(-8px);
    margin-top: -10px
}

.logo {
    width: 190px;
}

.circles {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transform: rotate(-90deg);
}

.circle {
    position: absolute;
    width: 20px; 
    height: 20px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    animation: fadeInOut 2.28s infinite;
    animation-delay: calc(0.2s * var(--i));
    transform: rotate(calc(360deg / 12 * var(--i))) translateX(100px) rotate(calc(-360deg / 12 * var(--i)));
}

.circle:nth-child(1) { background: red; }
.circle:nth-child(2) { background: darkorange; }
.circle:nth-child(3) { background: yellow; }
.circle:nth-child(4) { background: green; }
.circle:nth-child(5) { background: cyan; }
.circle:nth-child(6) { background: pink; }
.circle:nth-child(7) { background: red; }
.circle:nth-child(8) { background: darkorange; }
.circle:nth-child(9) { background: yellow; }
.circle:nth-child(10) { background: green; }
.circle:nth-child(11) { background: cyan; }
.circle:nth-child(12) { background: pink; }

@keyframes fadeInOut {
    0%, 10% { opacity: 0; }
    10%, 70% { opacity: 1; }
}/* End custom CSS */