.elementor-8869 .elementor-element.elementor-element-ae40aea{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;}.elementor-8869 .elementor-element.elementor-element-e9a042a{--display:flex;--min-height:400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--border-radius:20px 20px 20px 20px;}.elementor-8869 .elementor-element.elementor-element-e9a042a:not(.elementor-motion-effects-element-type-background), .elementor-8869 .elementor-element.elementor-element-e9a042a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8869 .elementor-element.elementor-element-c4a193f{top:25px;}.elementor-8869 .elementor-element.elementor-element-c4a193f .elementor-heading-title{font-size:1.5rem;color:#FFFFFF;}.elementor-8869 .elementor-element.elementor-element-98e20a0 .elementor-button{background-color:#FFFFFF;font-weight:500;fill:#000000;color:#000000;border-radius:6px 6px 6px 6px;}.elementor-8869 .elementor-element.elementor-element-98e20a0{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-8869 .elementor-element.elementor-element-ee8ad33{--display:flex;--min-height:400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--border-radius:20px 20px 20px 20px;}.elementor-8869 .elementor-element.elementor-element-ee8ad33:not(.elementor-motion-effects-element-type-background), .elementor-8869 .elementor-element.elementor-element-ee8ad33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8869 .elementor-element.elementor-element-afc550e{top:25px;}.elementor-8869 .elementor-element.elementor-element-afc550e .elementor-heading-title{font-size:1.5rem;color:#FFFFFF;}.elementor-8869 .elementor-element.elementor-element-b175025 .elementor-button{background-color:#FFFFFF;font-weight:500;fill:#000000;color:#000000;border-radius:6px 6px 6px 6px;}.elementor-8869 .elementor-element.elementor-element-b175025{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-8869 .elementor-element.elementor-element-275e8ce{--display:flex;--min-height:400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--border-radius:20px 20px 20px 20px;}.elementor-8869 .elementor-element.elementor-element-275e8ce:not(.elementor-motion-effects-element-type-background), .elementor-8869 .elementor-element.elementor-element-275e8ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8869 .elementor-element.elementor-element-5c90653{top:25px;}.elementor-8869 .elementor-element.elementor-element-5c90653 .elementor-heading-title{font-size:1.5rem;color:#FFFFFF;}.elementor-8869 .elementor-element.elementor-element-2a94323 .elementor-button{background-color:#FFFFFF;font-weight:500;fill:#000000;color:#000000;border-radius:6px 6px 6px 6px;}.elementor-8869 .elementor-element.elementor-element-2a94323{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}@media(max-width:767px){.elementor-8869 .elementor-element.elementor-element-e9a042a{--width:300px;}.elementor-8869 .elementor-element.elementor-element-ee8ad33{--width:300px;}.elementor-8869 .elementor-element.elementor-element-275e8ce{--width:300px;}}@media(min-width:768px){.elementor-8869 .elementor-element.elementor-element-e9a042a{--width:300px;}.elementor-8869 .elementor-element.elementor-element-ee8ad33{--width:300px;}.elementor-8869 .elementor-element.elementor-element-275e8ce{--width:300px;}}/* Start custom CSS for container, class: .elementor-element-ae40aea */:root{
    --bg-color: #f00;
}

.elementor-8869 .elementor-element.elementor-element-ae40aea .card{
    position: relative;
    margin: 30px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.1);
}

.elementor-8869 .elementor-element.elementor-element-ae40aea .card::before{
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    top: 120px;
    left: 75px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 20px var(--bg-color), 
    0 0 0 30px #fff, 
    0 0 0 35px #333;
    transition: 0.5s;
    transition-delay: 0.5s;
}

.elementor-8869 .elementor-element.elementor-element-ae40aea .card:hover::before{
    width: 0;
    height: 0;
    box-shadow: 0 0 0 400px var(--bg-color);
    transition-delay: 0.5s;
}

.elementor-8869 .elementor-element.elementor-element-ae40aea .card img{
    z-index: 1;
    transition: 0.5s;
    transition-delay: 0.5s;
}

.elementor-8869 .elementor-element.elementor-element-ae40aea .card:hover img{
    transform: rotate(35deg);
    transition-delay: 0s;
}

.elementor-8869 .elementor-element.elementor-element-ae40aea .card h2{
    transition: 0.5s;
    transform: translateY(-70px);
    transition-delay: 0.25s;
}

.elementor-8869 .elementor-element.elementor-element-ae40aea .card:hover h2{
    transform: translateY(0);
    transition-delay: 1s;
}

.elementor-8869 .elementor-element.elementor-element-ae40aea .card a{
    position: absolute;
    bottom: -10px;
    right: 20px;
    transform: translateY(70px);
    transition: 0.5s;
    opacity: 0;
}

.elementor-8869 .elementor-element.elementor-element-ae40aea .card:hover a{
    transform: translateY(0);
    transition-delay: 0.75s;
    opacity: 1;
}/* End custom CSS */