.elementor-308 .elementor-element.elementor-element-40ebb7a{--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:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-308 .elementor-element.elementor-element-40ebb7a:not(.elementor-motion-effects-element-type-background), .elementor-308 .elementor-element.elementor-element-40ebb7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-308 .elementor-element.elementor-element-604a5f7 img{width:100%;}#elementor-popup-modal-308 .dialog-widget-content{animation-duration:1.2s;background-color:var( --e-global-color-secondary );box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-308{background-color:var( --e-global-color-secondary );justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-308 .dialog-message{width:1000px;height:100vh;align-items:center;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}/* Start custom CSS */<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Full Screen Popup</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden; /* Prevent scrolling when the popup is active */
    }

    .popup-container {
      display: flex;
      align-items: center;
      justify-content: center;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
      z-index: 1000; /* Adjust the z-index as needed */
    }

    .popup-content {
      background: #fff; /* Popup background color */
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }
  </style>
</head>
<body>

<!-- Your regular webpage content goes here -->

<!-- Full-screen popup -->
<div class="popup-container" id="fullScreenPopup">
  <div class="popup-content">
    <!-- Popup content goes here -->
    <p>This is a full-screen popup!</p>
    <button onclick="closePopup()">Close Popup</button>
  </div>
</div>

<!-- JavaScript to show/hide the popup -->
<script>
  function openPopup() {
    document.getElementById('fullScreenPopup').style.display = 'flex';
  }

  function closePopup() {
    document.getElementById('fullScreenPopup').style.display = 'none';
  }
</script>

</body>
</html>/* End custom CSS */