.elementor-2852 .elementor-element.elementor-element-491d705{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2852 .elementor-element.elementor-element-ba46194 .elementor-heading-title{font-family:"Roboto", Sans-serif;color:#CECECE;}.elementor-2852 .elementor-element.elementor-element-653c115{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-860b219 */ body{
    display: flex;
    min-height: 100vh;
    place-content: center;
}

.orbit{
        .center_image{
            width: 10rem;
            position: relative;
            
            .orbit .center_image img{
                position: absolute;
                transition: opacity 500ms;
                
            &:not(:first-child):hover{
                opacity: 0;
                }
            }    
            }
    }
}

ul{
    position: relative;    
    
}

li{
    position: absolute;
    opacity: 0;
    background: var(--orange-light);
    width: 10rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    text-align: center;
    padding -100px 0 0 0;
}

li:first-child{
    opacity: 1;
    transform: translateX(300px);
} /* End custom CSS */