.elementor-6303 .elementor-element.elementor-element-793f3b0{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-6303 .elementor-element.elementor-element-2dade57 img{width:100%;border-radius:15px 15px 15px 15px;}.elementor-6303 .elementor-element.elementor-element-06d64f8 .elementor-menu-toggle{margin:0 auto;}.elementor-6303 .elementor-element.elementor-element-06d64f8 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-6303 .elementor-element.elementor-element-7f4ac95.elementor-element{--align-self:center;}.elementor-6303 .elementor-element.elementor-element-5473154{text-align:center;}.elementor-6303 .elementor-element.elementor-element-5473154 .elementor-heading-title{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:41px;font-weight:600;}.elementor-6303 .elementor-element.elementor-element-c1ede42{--display:flex;--background-transition:0.3s;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-6303 .elementor-element.elementor-element-c1ede42:not(.elementor-motion-effects-element-type-background), .elementor-6303 .elementor-element.elementor-element-c1ede42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF3F3;}.elementor-6303 .elementor-element.elementor-element-c1ede42, .elementor-6303 .elementor-element.elementor-element-c1ede42::before{--border-transition:0.3s;}.elementor-6303 .elementor-element.elementor-element-fa5cb3e{text-align:center;}.elementor-6303 .elementor-element.elementor-element-fa5cb3e .elementor-heading-title{color:#0E0E0E;font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-6303 .elementor-element.elementor-element-4d775ee > .elementor-widget-container{margin:0px 0px -25px 0px;padding:0px 0px 0px 0px;}.elementor-6303 .elementor-element.elementor-element-4d775ee{text-align:center;color:#000000;}.elementor-6303 .elementor-element.elementor-element-82b11c6{--display:flex;--background-transition:0.3s;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-6303 .elementor-element.elementor-element-82b11c6:not(.elementor-motion-effects-element-type-background), .elementor-6303 .elementor-element.elementor-element-82b11c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#636363;}.elementor-6303 .elementor-element.elementor-element-82b11c6, .elementor-6303 .elementor-element.elementor-element-82b11c6::before{--border-transition:0.3s;}.elementor-6303 .elementor-element.elementor-element-beea8b4{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;text-align:left;color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-6303 .elementor-element.elementor-element-beea8b4.elementor-element{--align-self:center;}.elementor-6303 .elementor-element.elementor-element-1fb5adb.elementor-element{--align-self:center;}.elementor-6303 .elementor-element.elementor-element-1fb5adb > .elementor-widget-container{background-color:#FFFFFF;}.elementor-6303 .elementor-element.elementor-element-01e883f{--display:flex;--background-transition:0.3s;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-6303 .elementor-element.elementor-element-01e883f:not(.elementor-motion-effects-element-type-background), .elementor-6303 .elementor-element.elementor-element-01e883f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6303 .elementor-element.elementor-element-01e883f, .elementor-6303 .elementor-element.elementor-element-01e883f::before{--border-transition:0.3s;}.elementor-6303 .elementor-element.elementor-element-0d04fd3{text-align:center;}.elementor-6303 .elementor-element.elementor-element-0d04fd3 .elementor-heading-title{color:#010101;font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-6303 .elementor-element.elementor-element-ca8ac38 > .elementor-widget-container{margin:0px 0px -28px 0px;}.elementor-6303 .elementor-element.elementor-element-ca8ac38{text-align:center;color:#000000;}.elementor-6303 .elementor-element.elementor-element-5cd76f3{--display:flex;--background-transition:0.3s;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-6303 .elementor-element.elementor-element-5cd76f3:not(.elementor-motion-effects-element-type-background), .elementor-6303 .elementor-element.elementor-element-5cd76f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C8C8CC;}.elementor-6303 .elementor-element.elementor-element-5cd76f3, .elementor-6303 .elementor-element.elementor-element-5cd76f3::before{--border-transition:0.3s;}.elementor-6303 .elementor-element.elementor-element-707d63c{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;color:#000000;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-6303 .elementor-element.elementor-element-707d63c.elementor-element{--align-self:center;}.elementor-6303 .elementor-element.elementor-element-2f8bac0{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-6303 .elementor-element.elementor-element-2f8bac0.elementor-element{--align-self:center;}.elementor-6303 .elementor-element.elementor-element-2f8bac0 > .elementor-widget-container{background-color:#FFFFFF;border-radius:2px 2px 2px 2px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-6303 .elementor-element.elementor-element-23caab0{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;color:#000000;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-6303 .elementor-element.elementor-element-23caab0.elementor-element{--align-self:center;}.elementor-6303 .elementor-element.elementor-element-2f32461{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--background-transition:0.3s;}.elementor-6303 .elementor-element.elementor-element-2f32461.e-con{--align-self:center;}.elementor-6303 .elementor-element.elementor-element-265e830{--display:flex;--background-transition:0.3s;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-6303 .elementor-element.elementor-element-265e830:not(.elementor-motion-effects-element-type-background), .elementor-6303 .elementor-element.elementor-element-265e830 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF3F3;}.elementor-6303 .elementor-element.elementor-element-265e830, .elementor-6303 .elementor-element.elementor-element-265e830::before{--border-transition:0.3s;}.elementor-6303 .elementor-element.elementor-element-2fe9a35{text-align:center;}.elementor-6303 .elementor-element.elementor-element-2fe9a35 .elementor-heading-title{color:#0E0E0E;font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-6303 .elementor-element.elementor-element-6b9a003 > .elementor-widget-container{margin:0px 0px -25px 0px;padding:0px 0px 0px 0px;}.elementor-6303 .elementor-element.elementor-element-6b9a003{text-align:center;color:#000000;}.elementor-6303 .elementor-element.elementor-element-0813897{--display:flex;--background-transition:0.3s;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-6303 .elementor-element.elementor-element-0813897:not(.elementor-motion-effects-element-type-background), .elementor-6303 .elementor-element.elementor-element-0813897 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#636363;}.elementor-6303 .elementor-element.elementor-element-0813897, .elementor-6303 .elementor-element.elementor-element-0813897::before{--border-transition:0.3s;}.elementor-6303 .elementor-element.elementor-element-e87eb2f{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-6303 .elementor-element.elementor-element-e87eb2f.elementor-element{--align-self:center;}.elementor-6303 .elementor-element.elementor-element-95eae47{--display:flex;--background-transition:0.3s;}.elementor-6303 .elementor-element.elementor-element-9afe273{--display:flex;--background-transition:0.3s;}.elementor-6303 .elementor-element.elementor-element-73bda26 img{border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-6303 .elementor-element.elementor-element-144b39f{--display:flex;--background-transition:0.3s;}body.elementor-page-6303:not(.elementor-motion-effects-element-type-background), body.elementor-page-6303 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141A3B;}@media(max-width:1024px){.elementor-6303 .elementor-element.elementor-element-2f32461{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-6303 .elementor-element.elementor-element-2f32461{--width:60%;}}@media(max-width:767px){.elementor-6303 .elementor-element.elementor-element-2f32461{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS */<!-- Toggle Buttons -->
<div class="page-toggle-table">
    <div style="margin-bottom: 20px;">
        <button id="toggleTable1" class="toggle-button">Show Table 1</button>
        <button id="toggleTable2" class="toggle-button">Show Table 2</button>
    </div>

    <!-- wpDataTables -->
    <div id="table1" class="wpdatatable">
        [wpdatatable id=1] <!-- Replace with your first table shortcode -->
    </div>
    <div id="table2" class="wpdatatable" style="display: none;">
        [wpdatatable id=2] <!-- Replace with your second table shortcode -->
    </div>
</div>

<!-- Styles -->
<style>
    .page-toggle-table .wpdatatable {
        display: none;
    }
    .page-toggle-table .toggle-button {
        margin: 10px;
        padding: 10px 20px;
        background-color: #007bff;
        color: white;
        border: none;
        cursor: pointer;
        font-size: 16px;
    }
    .page-toggle-table .toggle-button:hover {
        background-color: #0056b3;
    }
</style>

<!-- JavaScript to toggle shortcodes -->
<script>
    // Check if we're on the page with the .page-toggle-table class
    if (document.body.classList.contains('page-toggle-table')) {
        document.getElementById("toggleTable1").onclick = function() {
            document.getElementById("table1").style.display = 'block';
            document.getElementById("table2").style.display = 'none';
        };

        document.getElementById("toggleTable2").onclick = function() {
            document.getElementById("table2").style.display = 'block';
            document.getElementById("table1").style.display = 'none';
        };

        // Optionally set the initial table to be visible
        document.getElementById("table1").style.display = 'block';  // Default table (Table 1)
        document.getElementById("table2").style.display = 'none';   // Hide Table 2 initially
    }
</script>/* End custom CSS */