.elementor-159 .elementor-element.elementor-element-d38f0f5{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-159 .elementor-element.elementor-element-d38f0f5.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-159 .elementor-element.elementor-element-65ee8b7{right:61px;}body.rtl .elementor-159 .elementor-element.elementor-element-65ee8b7{left:61px;}.elementor-159 .elementor-element.elementor-element-65ee8b7{top:-40px;}.elementor-159 .elementor-element.elementor-element-1f0f11d{width:100%;max-width:100%;top:2px;}body:not(.rtl) .elementor-159 .elementor-element.elementor-element-1f0f11d{left:0px;}body.rtl .elementor-159 .elementor-element.elementor-element-1f0f11d{right:0px;}@media(max-width:1200px){body:not(.rtl) .elementor-159 .elementor-element.elementor-element-1f0f11d{left:-2px;}body.rtl .elementor-159 .elementor-element.elementor-element-1f0f11d{right:-2px;}.elementor-159 .elementor-element.elementor-element-1f0f11d{top:2px;}}@media(min-width:768px){.elementor-159 .elementor-element.elementor-element-d38f0f5{--content-width:1459px;}}/* Start custom CSS for image, class: .elementor-element-65ee8b7 *//* 1. Define the Rocking Animation */
@keyframes seamlessRock {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(5deg); } 
  100% { transform: rotate(0deg); }
}

/* 2. Default State: No Animation */
.elementor-159 .elementor-element.elementor-element-65ee8b7 img {
    /* Initially static so it doesn't interfere with entrance */
    transform: rotate(0deg); 
}

/* 3. The Trigger: Only run AFTER Elementor adds the '.animated' class */
@media (min-width: 769px) {
    /* ".elementor-159 .elementor-element.elementor-element-65ee8b7.animated" means: 
       "Only apply this to the image when the Wrapper has been animated by Elementor"
    */
    .elementor-159 .elementor-element.elementor-element-65ee8b7.animated img{
        /* 1. name: seamlessRock
           2. duration: 4s 
           3. timing: ease-in-out
           4. DELAY: 1s (Wait for the entrance to finish!)
           5. infinite loop
        */
        animation: seamlessRock 4s ease-in-out 4s infinite;
         
        /* Set Pivot Point */
        transform-origin: center bottom;
    }
}

/* 4. Mobile Reset */
@media (max-width: 768px) {
  .elementor-159 .elementor-element.elementor-element-65ee8b7 img {
    animation: none;
    transform: none;
  }
}/* End custom CSS */