.elementor-648 .elementor-element.elementor-element-236bedd > .elementor-container{max-width:500px;}/* Start custom CSS for html, class: .elementor-element-6d250f2 *//* Button to open the modal */
        .open-modal-btn {
            display: block;
            margin: 50px auto;
            padding: 15px 30px;
            font-size: 18px;
            cursor: pointer;
            background: #007BFF;
            color: white;
            border: none;
            border-radius: 5px;
            transition: 0.3s;
        }

        .open-modal-btn:hover {
            background: #0056b3;
        }

        /* Fullscreen modal */
        .modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8); /* Dark overlay */
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            visibility: hidden; /* Initially hidden */
            opacity: 0;
            transition: opacity 0.3s ease-in-out;
        }

        /* Modal content with sliding animation */
        .modal-content {
            position: relative;
            width: 100vw;
            height: 100vh;
            background: white;
            overflow: hidden;
            transform: translateY(100%); /* Start off-screen */
            transition: transform 0.4s ease-in-out;
        }

        /* Show the modal with animation */
        .modal.show {
            visibility: visible;
            opacity: 1;
        }

        .modal.show .modal-content {
            transform: translateY(0); /* Slide up into view */
        }

        /* Close button - always visible */
        .close-modal {
            position: fixed;
            top: 20px;
            right: 30px;
            font-size: 30px;
            font-weight: bold;
            color: white;
            background: rgba(0, 0, 0, 0.6);
            padding: 10px 15px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            z-index: 2000; /* Keeps it above everything */
        }

        .close-modal:hover {
            background: rgba(0, 0, 0, 0.8);
        }

        /* Wrapper to limit visible area of the iframe */
        .iframe-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        /* Iframe settings */
        iframe {
            position: absolute;
            width: 100%;
            height: 1500px; /* Make the iframe taller than the modal */
            top: -600px; /* Moves content up, hiding the top 500px */
            border: none;
        }

        /* Overlay to block bottom content */
        .overlay-bottom {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px; /* Adjust height to mask more/less */
            background: white;
            z-index: 2;
        }/* End custom CSS */