iADV Shop

<style>
    .entry-title, .is-content-justification-space-between {
        display: none !important;
    }

    @media only screen and (max-width: 900px) {
        .help-image {
            margin-top: 10%;
            position: relative !important;
            top: auto !important;
            left: auto !important;
            width: 90% !important;
            display: block;
            margin: 0 auto;
        }

        #ipad-panel {
            background-color: #f9f9f9e0 !important;
            padding: 20px;
            border-radius: 10px;
            width: 95%;
            margin: 10px auto;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease-in-out;
        }
    }

    #ipad-panel {
        background-color: #f9f9f9e0 !important;
        padding: 20px;
        border-radius: 10px;
        width: 85%;
        max-width: 900px;
        margin: 20px auto;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
        transition: all 0.3s ease-in-out;
    }

    #img {
        height: auto;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 2em;
    }

    .page-id-309 {
        background-color: #c5cdcde0 !important;
        color: #55657d;
        font-size: 16px;
        font-weight: 400;
        font-family: Inter, system-ui, sans-serif;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
        text-size-adjust: 100%;
        text-rendering: optimizeLegibility;
    }

    .logo-container {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        padding: 5px;
        border-radius: 8px;
    }
    
    .logo-container img {
        width: 180px; 
        height: auto;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.7); 
        border-radius: 5px; 
        background-color: #767171; 
        padding: 5px; 
    }
    
    body {
        background-color: #76c1de !important;
    }

    .is-layout-flow {
        margin-top: 0.5% !important; 
        margin-left: 10%;
    }

    #multi-step-form .fw-step-block {
        margin-bottom: 5px !important;
    }

    #ipad-panel h1 {
        font-weight: bold !important; 
        font-size: 22px; 
    }

    input[type="text"], 
    input[type="number"], 
    input[type="email"], 
    textarea {
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); 
        border: 1px solid #ccc; 
        padding: 10px;
        border-radius: 5px; 
        width: 100%;
    }

    .fa {
        display: none !important;
    }
</style>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
jQuery(document).ready(function($) {

    // Function to wrap every <span class="msf-h3"> in <p></p>
    function wrapSpans() {
        $('span.msf-h3').each(function() {
            if (!$(this).parent().is('p')) {
                $(this).wrap('<p></p>');
            }
        });
    }

    // Run initially in case elements are already present
    wrapSpans();

    // Set up a MutationObserver on the whole document body to catch dynamic changes.
    var observer = new MutationObserver(function(mutations) {
        wrapSpans();
    });
    observer.observe(document.body, { childList: true, subtree: true });

    // Your existing AJAX code (if applicable)
    $('.fw-button-next').click(function() {
        var name = $('#msf-text-capital-structure').val();
        $.ajax({
            type: 'POST',
            url: 'https://iadv.shop/forms/process.php',
            data: { name: name },
            success: function(response) {
                console.log(response);
            },
            error: function(xhr, status, error) {
                console.log(error);
            }
        });
    });
});
</script>

<div id="ipad-panel"> 
    <div class="logo-container">
        <img src="https://indiaadvocacy.in/wp-content/uploads/2024/02/logo.png" alt="Company Logo">
    </div>
    [multi-step-form id="197"]
</div>