.elementor-1245 .elementor-element.elementor-element-70f0ee8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}#elementor-popup-modal-1245 .dialog-widget-content{animation-duration:1.2s;background-color:#FFFFFF00;}#elementor-popup-modal-1245{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1245 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-1245 .dialog-close-button{display:flex;font-size:0px;}/* Start custom CSS for html, class: .elementor-element-b14ee35 *//* 1. Target the actual Elementor popup box */
.elementor-1245 .elementor-element.elementor-element-b14ee35 .dialog-widget-content {
  /* Apply the animation: 0.8 seconds, smooth slow-down easing */
  animation: grlBottomLeftReveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  
  /* Set the origin point to bottom left so it naturally grows from that direction */
  transform-origin: bottom left !important;
}

/* 2. Define the exact movement and scale */
@keyframes grlBottomLeftReveal {
  0% {
    opacity: 0;
    /* Start far bottom-left (-50vw left, 50vh down) and 10% of its size */
    transform: translate(-50vw, 50vh) scale(0.1);
  }
  100% {
    opacity: 1;
    /* End perfectly in the center at 100% size */
    transform: translate(0, 0) scale(1);
  }
}/* End custom CSS */