.elementor-24384 .elementor-element.elementor-element-88079b4 > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-24384 .elementor-element.elementor-element-88079b4, .elementor-24384 .elementor-element.elementor-element-88079b4 > .elementor-background-overlay{border-radius:32px 32px 32px 32px;}.elementor-24384 .elementor-element.elementor-element-88079b4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-24384 .elementor-element.elementor-element-f2ddfd5 img{border-radius:20px 20px 20px 20px;}#elementor-popup-modal-24384{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-24384 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-24384 .dialog-close-button{display:flex;}#elementor-popup-modal-24384 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-24384 .elementor-element.elementor-element-88079b4{margin-top:0px;margin-bottom:0px;}}/* Start custom CSS for section, class: .elementor-element-88079b4 *//* Make the popup background fully transparent */
.elementor-element-6858cf1,
.elementor-element-6858cf1 > .elementor-widget-wrap,
.elementor-element-6858cf1 > .elementor-widget-wrap > * {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Also remove background from the popup container itself */
.elementor-popup-modal,
.elementor-popup-modal .dialog-widget-content {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}


/* Make the lightbox close button bold, larger, and inside a white circle */


.dialog-close-button.dialog-lightbox-close-button {
  background-color: white;          /* White circle background */
  color: black;                     /* X color */
  border-radius: 50%;               /* Make it circular */
  width: 40px;                      /* Circle size */
  height: 40px;
  display: flex;                    /* Center the X */
  align-items: center;
  justify-content: center;
  font-size: 22px;                  /* Bigger X */
  font-weight: bold;                /* Bolder X */
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); /* Soft shadow for visibility */
  transition: all 0.3s ease;        /* Smooth hover animation */
}

/* Change color slightly on hover */
.dialog-close-button.dialog-lightbox-close-button:hover {
  background-co/* End custom CSS */