.elementor-531 .elementor-element.elementor-element-a1473a7{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-531 .elementor-element.elementor-element-a1473a7:not(.elementor-motion-effects-element-type-background), .elementor-531 .elementor-element.elementor-element-a1473a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://uniwire.com.pk/wp-content/uploads/2024/11/Untitled-design.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-531 .elementor-element.elementor-element-a1473a7::before, .elementor-531 .elementor-element.elementor-element-a1473a7 > .elementor-background-video-container::before, .elementor-531 .elementor-element.elementor-element-a1473a7 > .e-con-inner > .elementor-background-video-container::before, .elementor-531 .elementor-element.elementor-element-a1473a7 > .elementor-background-slideshow::before, .elementor-531 .elementor-element.elementor-element-a1473a7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-531 .elementor-element.elementor-element-a1473a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-531 .elementor-element.elementor-element-7a13eef{width:100%;max-width:100%;text-align:center;}.elementor-531 .elementor-element.elementor-element-7a13eef .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:55px;font-weight:600;color:#FFFFFF;}.elementor-531 .elementor-element.elementor-element-bce8eb6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:70px;--padding-right:70px;}.elementor-531 .elementor-element.elementor-element-bce8eb6:not(.elementor-motion-effects-element-type-background), .elementor-531 .elementor-element.elementor-element-bce8eb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-531 .elementor-element.elementor-element-0be3b1c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-531 .elementor-element.elementor-element-0be3b1c:not(.elementor-motion-effects-element-type-background), .elementor-531 .elementor-element.elementor-element-0be3b1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-531 .elementor-element.elementor-element-9ca87ac{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-531 .elementor-element.elementor-element-de59756{--display:flex;}.elementor-531 .elementor-element.elementor-element-12e2cfb{width:100%;max-width:100%;text-align:left;}.elementor-531 .elementor-element.elementor-element-12e2cfb > .elementor-widget-container{background-color:transparent;padding:10px 0px 10px 10px;background-image:linear-gradient(99deg, #000000 23%, #00237E 81%);}.elementor-531 .elementor-element.elementor-element-12e2cfb .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-531 .elementor-element.elementor-element-9dded08{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#0E0E0E;}.elementor-531 .elementor-element.elementor-element-d9450c6{width:100%;max-width:100%;text-align:left;}.elementor-531 .elementor-element.elementor-element-d9450c6 > .elementor-widget-container{background-color:transparent;padding:10px 0px 10px 10px;background-image:linear-gradient(99deg, #000000 23%, #00237E 81%);}.elementor-531 .elementor-element.elementor-element-d9450c6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-531 .elementor-element.elementor-element-4ef180d{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#0E0E0E;}.elementor-531 .elementor-element.elementor-element-0116582{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-531 .elementor-element.elementor-element-e905715{width:100%;max-width:100%;text-align:center;}.elementor-531 .elementor-element.elementor-element-e905715 > .elementor-widget-container{background-color:transparent;padding:10px 0px 10px 0px;background-image:linear-gradient(99deg, #000000 23%, #00237E 81%);}.elementor-531 .elementor-element.elementor-element-e905715 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-531 .elementor-element.elementor-element-4fb94de{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#0E0E0E;}.elementor-531 .elementor-element.elementor-element-7514036{--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:30px;--padding-bottom:30px;--padding-left:70px;--padding-right:70px;}.elementor-531 .elementor-element.elementor-element-7514036:not(.elementor-motion-effects-element-type-background), .elementor-531 .elementor-element.elementor-element-7514036 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-531 .elementor-element.elementor-element-f68ac9e{width:100%;max-width:100%;text-align:left;}.elementor-531 .elementor-element.elementor-element-f68ac9e > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-531 .elementor-element.elementor-element-f68ac9e .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:30px;font-weight:600;color:#000000;}.elementor-531 .elementor-element.elementor-element-4aed6a7{text-align:left;}.elementor-531 .elementor-element.elementor-element-4aed6a7 img{width:50%;}.elementor-531 .elementor-element.elementor-element-f5618a8{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#0E0E0E;}@media(max-width:767px){.elementor-531 .elementor-element.elementor-element-a1473a7{--min-height:380px;}.elementor-531 .elementor-element.elementor-element-7a13eef .elementor-heading-title{font-size:30px;}.elementor-531 .elementor-element.elementor-element-bce8eb6{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-531 .elementor-element.elementor-element-12e2cfb .elementor-heading-title{font-size:20px;}.elementor-531 .elementor-element.elementor-element-9dded08{font-size:16px;}.elementor-531 .elementor-element.elementor-element-d9450c6 .elementor-heading-title{font-size:20px;}.elementor-531 .elementor-element.elementor-element-4ef180d{font-size:16px;}.elementor-531 .elementor-element.elementor-element-e905715 .elementor-heading-title{font-size:20px;}.elementor-531 .elementor-element.elementor-element-4fb94de{font-size:16px;}.elementor-531 .elementor-element.elementor-element-7514036{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-531 .elementor-element.elementor-element-f68ac9e .elementor-heading-title{font-size:20px;}.elementor-531 .elementor-element.elementor-element-4aed6a7 img{width:100%;}.elementor-531 .elementor-element.elementor-element-f5618a8{font-size:16px;}}/* Start custom CSS for text-editor, class: .elementor-element-f5618a8 */<!-- Responsive CSS -->
<style>
    /* General Styles */
    body {
        font-family: 'Inter', sans-serif;
    }

    h4 {
        font-weight: bold;
        font-size: 25px;
        margin: 0 0 10px;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        text-align: center;
        font-size: 16px; /* Default font size for desktop */
    }

    th, td {
        border: 1px solid #000;
        padding: 5px;
    }

    /* Responsive Styles */
    @media screen and (max-width: 1024px) {
        h4 {
            font-size: 18px; /* Smaller font size for mobile and tablet */
        }

        table {
            display: block;
            overflow-x: auto;
            white-space: nowrap;
        }

        th, td {
            font-size: 14px; /* Table content font size for mobile and tablet */
            padding: 8px;
        }
    }
</style>

<!-- Link Google Font (Inter) -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">

<!-- Example Heading -->
<div style="margin-bottom: 20px; border: 1px solid #000; padding: 10px;">
    <h4>Example Heading</h4>
    <table>
        <thead>
            <tr>
                <th>Column 1</th>
                <th>Column 2</th>
                <th>Column 3</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Data 1</td>
                <td>Data 2</td>
                <td>Data 3</td>
            </tr>
        </tbody>
    </table>
</div>/* End custom CSS */