.elementor-449 .elementor-element.elementor-element-63a9b53{--display:flex;--min-height:100vh;--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-449 .elementor-element.elementor-element-73e04a0 > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 100%, #f2295b 100%);}body:not(.rtl) .elementor-449 .elementor-element.elementor-element-73e04a0{left:0px;}body.rtl .elementor-449 .elementor-element.elementor-element-73e04a0{right:0px;}.elementor-449 .elementor-element.elementor-element-73e04a0{top:0px;}.elementor-449 .elementor-element.elementor-element-73e04a0 img{width:100%;max-width:100%;border-radius:060px 060px 060px 060px;}.elementor-449 .elementor-element.elementor-element-046d1f7{--display:flex;}body:not(.rtl) .elementor-449 .elementor-element.elementor-element-e66dc24{left:660px;}body.rtl .elementor-449 .elementor-element.elementor-element-e66dc24{right:660px;}.elementor-449 .elementor-element.elementor-element-e66dc24{top:-556px;}#elementor-popup-modal-449 .dialog-widget-content{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-text ) 0%, #f2295b 100%);box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-449 .dialog-message{width:68vw;height:100vh;align-items:center;}#elementor-popup-modal-449{justify-content:center;align-items:center;}@media(min-width:768px){.elementor-449 .elementor-element.elementor-element-63a9b53{--content-width:100vw;}}@media(max-width:1024px){body:not(.rtl) .elementor-449 .elementor-element.elementor-element-73e04a0{left:0px;}body.rtl .elementor-449 .elementor-element.elementor-element-73e04a0{right:0px;}.elementor-449 .elementor-element.elementor-element-73e04a0{top:-1px;}}@media(max-width:767px){body:not(.rtl) .elementor-449 .elementor-element.elementor-element-73e04a0{left:12px;}body.rtl .elementor-449 .elementor-element.elementor-element-73e04a0{right:12px;}.elementor-449 .elementor-element.elementor-element-73e04a0{top:18px;}#elementor-popup-modal-449 .dialog-message{width:100vw;}}/* Start custom CSS for image, class: .elementor-element-73e04a0 */.elementor-449 .elementor-element.elementor-element-73e04a0 {
  animation: transparentFadeOut 2.5s ease-in-out forwards;
}

@keyframes transparentFadeOut {
  0%   { opacity: 0; }
  20%  { opacity: 1; }
  80%  { opacity: 1; }
  100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63a9b53 */.elementor-449 .elementor-element.elementor-element-63a9b53 {
  animation: fadeOutSection 3s ease-in-out forwards;
  animation-delay: 2.5s;
}

@keyframes fadeOutSection {
  0% { opacity: 1; }
  100% { opacity: 0; visibility: hidden; }
}
.elementor-449 .elementor-element.elementor-element-63a9b53 {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e66dc24 */.elementor-449 .elementor-element.elementor-element-e66dc24 {
  animation: transparentFadeOut 2.5s ease-in-out forwards;
}

@keyframes transparentFadeOut {
  0%   { opacity: 0; }
  20%  { opacity: 1; }
  80%  { opacity: 1; }
  100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS */.popup-wrapper {
  /* Keep these properties for centering and background */
  background: rgba(0,0,0,0.7) !important; /* Or transparent/white as desired for the overlay */
  display: flex;
  justify-content: center;
  align-items: center;
  /* Add height: 100vh; if the wrapper itself isn't taking full screen height */
  /* If the wrapper isn't covering the whole screen, you might need: */
  /* position: fixed; */
  /* top: 0; */
  /* left: 0; */
  /* width: 100%; */
  /* height: 100%; */
  /* z-index: 9999; (or a high number) */
}

.popup-image {
  margin-top: 100px; /* Set your desired margin-top */
  width: 90vw;       /* Make it 90% of the viewport width */
  max-width: 800px;  /* INCREASE THIS VALUE to make it bigger. Adjust as needed. */
                       /* You could even remove max-width if you want it to always be 90vw */
  border-radius: 20px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
}

@media (max-width: 768px) {
  .popup-image {
    width: 95vw; /* Keep this for smaller screens, if you like */
    max-width: unset; /* Optional: Remove max-width on mobile if 95vw is enough */
  }
}/* End custom CSS */