.elementor-1333 .elementor-element.elementor-element-2709ebb{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1333 .elementor-element.elementor-element-15d985f .elementor-wrapper{--video-aspect-ratio:1.77777;}#elementor-popup-modal-1333 .dialog-widget-content{background-color:transparent;background-image:linear-gradient(58deg, #263D8B9E 35%, #29C8D8 100%);box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-1333{background-color:#267BC2CC;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1333 .dialog-message{width:70vw;height:auto;}#elementor-popup-modal-1333 .dialog-close-button{display:flex;background-color:var( --e-global-color-6d8f7e4 );font-size:2rem;}#elementor-popup-modal-1333 .dialog-close-button i{color:var( --e-global-color-19e8f97 );}#elementor-popup-modal-1333 .dialog-close-button svg{fill:var( --e-global-color-19e8f97 );}@media(max-width:767px){#elementor-popup-modal-1333 .dialog-message{width:95vw;}}/* Start custom CSS *//* POPUP OVERLAY BLUR EFFECTS */

/* Method 1: Blur the dark overlay behind the popup */
.elementor-popup-modal .dialog-lightbox-widget-content::before {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Method 2: Blur the popup overlay background */
.elementor-popup-modal .elementor-background-overlay {
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

/* Method 3: Blur the entire popup overlay area */
.elementor-popup-modal::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  pointer-events: none;
  z-index: -1;
}

/* Method 4: For a specific popup ID (replace XXXX with your popup ID) */
.elementor-popup-modal[data-elementor-id="XXXX"] .elementor-background-overlay {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* Method 5: Enhanced glassmorphism overlay */
.elementor-popup-modal .elementor-background-overlay {
  background: rgba(0, 0, 0, 0.2) !important; /* More transparent */
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

/* Method 6: Blur the modal backdrop (the dark area around popup) */
.dialog-lightbox-widget-content {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Method 7: Custom overlay with gradient + blur */
.elementor-popup-modal .elementor-background-overlay {
  background: linear-gradient(
    135deg, 
    rgba(0, 0, 0, 0.3), 
    rgba(0, 0, 0, 0.1)
  ) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* Method 8: Blur just the overlay, not the content */
.elementor-popup-modal .elementor-container {
  position: relative;
  z-index: 2;
}

.elementor-popup-modal .elementor-background-overlay {
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  z-index: 1;
}

/* Mobile optimizations */
@media (max-width: 768px) {
  .elementor-popup-modal .elementor-background-overlay {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}

/* Fallback for browsers without backdrop-filter */
@supports not (backdrop-filter: blur()) {
  .elementor-popup-modal .elementor-background-overlay {
    background: rgba(0, 0, 0, 0.8) !important;
  }
}/* End custom CSS */