.elementor-390 .elementor-element.elementor-element-d8f0fb0{--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-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}body:not(.rtl) .elementor-390 .elementor-element.elementor-element-c7cb448{left:15px;}body.rtl .elementor-390 .elementor-element.elementor-element-c7cb448{right:15px;}.elementor-390 .elementor-element.elementor-element-c7cb448{bottom:15px;}.elementor-390 .elementor-element.elementor-element-c7cb448 .elementor-icon-wrapper{text-align:center;}.elementor-390 .elementor-element.elementor-element-c7cb448.elementor-view-stacked .elementor-icon{background-color:#00C73D;}.elementor-390 .elementor-element.elementor-element-c7cb448.elementor-view-framed .elementor-icon, .elementor-390 .elementor-element.elementor-element-c7cb448.elementor-view-default .elementor-icon{color:#00C73D;border-color:#00C73D;}.elementor-390 .elementor-element.elementor-element-c7cb448.elementor-view-framed .elementor-icon, .elementor-390 .elementor-element.elementor-element-c7cb448.elementor-view-default .elementor-icon svg{fill:#00C73D;}.elementor-390 .elementor-element.elementor-element-c7cb448.elementor-view-stacked .elementor-icon:hover{background-color:#00FF41;}.elementor-390 .elementor-element.elementor-element-c7cb448.elementor-view-framed .elementor-icon:hover, .elementor-390 .elementor-element.elementor-element-c7cb448.elementor-view-default .elementor-icon:hover{color:#00FF41;border-color:#00FF41;}.elementor-390 .elementor-element.elementor-element-c7cb448.elementor-view-framed .elementor-icon:hover, .elementor-390 .elementor-element.elementor-element-c7cb448.elementor-view-default .elementor-icon:hover svg{fill:#00FF41;}.elementor-390 .elementor-element.elementor-element-c7cb448 .elementor-icon{font-size:35px;}.elementor-390 .elementor-element.elementor-element-c7cb448 .elementor-icon svg{height:35px;}@media(max-width:1024px){.elementor-390 .elementor-element.elementor-element-c7cb448{bottom:60px;}.elementor-390 .elementor-element.elementor-element-c7cb448 .elementor-icon{font-size:25px;}.elementor-390 .elementor-element.elementor-element-c7cb448 .elementor-icon svg{height:25px;}}@media(max-width:880px){.elementor-390 .elementor-element.elementor-element-c7cb448{bottom:55px;}}@media(max-width:767px){body:not(.rtl) .elementor-390 .elementor-element.elementor-element-c7cb448{left:15px;}body.rtl .elementor-390 .elementor-element.elementor-element-c7cb448{right:15px;}.elementor-390 .elementor-element.elementor-element-c7cb448{bottom:60px;}.elementor-390 .elementor-element.elementor-element-c7cb448 .elementor-icon{font-size:25px;}.elementor-390 .elementor-element.elementor-element-c7cb448 .elementor-icon svg{height:25px;}}/* Start custom CSS for icon, class: .elementor-element-c7cb448 */.elementor-390 .elementor-element.elementor-element-c7cb448 .elementor-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 50%;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.elementor-390 .elementor-element.elementor-element-c7cb448 .elementor-icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: 2px solid #25D366;
    animation: wa-pulse 2.2s infinite ease-out;
    pointer-events: none;
    z-index: -1;
}
.elementor-390 .elementor-element.elementor-element-c7cb448 .elementor-icon:hover {
    transform: scale(1.1);
}

.elementor-390 .elementor-element.elementor-element-c7cb448 .elementor-icon:hover svg {
    animation: wa-shake 0.5s ease-in-out;
}
@keyframes wa-pulse {
0% {
transform: scale(0.9);
opacity: 0.8;
}
60% {
transform: scale(1.45);
opacity: 0;}
100% {
transform: scale(1.45);
opacity: 0;}
}
@keyframes wa-shake {
0%, 100% { transform: rotate(0deg); }
20% { transform: rotate(-12deg); }
40% { transform: rotate(10deg); }
60% { transform: rotate(-6deg); }
80% { transform: rotate(4deg); }
}/* End custom CSS */