.elementor-783 .elementor-element.elementor-element-14a2b0c{--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-783 .elementor-element.elementor-element-14a2b0c:not(.elementor-motion-effects-element-type-background), .elementor-783 .elementor-element.elementor-element-14a2b0c > .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-783 .elementor-element.elementor-element-14a2b0c::before, .elementor-783 .elementor-element.elementor-element-14a2b0c > .elementor-background-video-container::before, .elementor-783 .elementor-element.elementor-element-14a2b0c > .e-con-inner > .elementor-background-video-container::before, .elementor-783 .elementor-element.elementor-element-14a2b0c > .elementor-background-slideshow::before, .elementor-783 .elementor-element.elementor-element-14a2b0c > .e-con-inner > .elementor-background-slideshow::before, .elementor-783 .elementor-element.elementor-element-14a2b0c > .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-783 .elementor-element.elementor-element-5bbfc2c{width:100%;max-width:100%;text-align:center;}.elementor-783 .elementor-element.elementor-element-5bbfc2c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:55px;font-weight:600;line-height:65px;color:#FFFFFF;}.elementor-783 .elementor-element.elementor-element-4905b69{--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;--justify-content:flex-start;--padding-top:20px;--padding-bottom:20px;--padding-left:70px;--padding-right:70px;}.elementor-783 .elementor-element.elementor-element-4905b69:not(.elementor-motion-effects-element-type-background), .elementor-783 .elementor-element.elementor-element-4905b69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-783 .elementor-element.elementor-element-de3902b{--display:flex;--justify-content:center;}.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-783 .elementor-element.elementor-element-fd2232c img{width:100%;border-radius:5px 5px 5px 5px;}.elementor-783 .elementor-element.elementor-element-b707c80{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-783 .elementor-element.elementor-element-5960f33{text-align:left;}.elementor-783 .elementor-element.elementor-element-5960f33 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:32px;font-weight:600;line-height:48px;color:#000000;}.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-783 .elementor-element.elementor-element-a6b46b6 > .elementor-widget-container{margin:0px 0px -18px 0px;padding:0px 0px 0px 0px;}.elementor-783 .elementor-element.elementor-element-a6b46b6{text-align:left;font-family:"Inter", Sans-serif;font-size:18px;font-weight:300;line-height:32px;color:#000000;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-783 .elementor-element.elementor-element-ded3d20 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-783 .elementor-element.elementor-element-ded3d20 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-783 .elementor-element.elementor-element-ded3d20 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-783 .elementor-element.elementor-element-ded3d20 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-783 .elementor-element.elementor-element-ded3d20 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-783 .elementor-element.elementor-element-ded3d20 .elementor-icon-list-icon i{color:#0A8F4E;transition:color 0.3s;}.elementor-783 .elementor-element.elementor-element-ded3d20 .elementor-icon-list-icon svg{fill:#0A8F4E;transition:fill 0.3s;}.elementor-783 .elementor-element.elementor-element-ded3d20{--e-icon-list-icon-size:23px;--icon-vertical-offset:0px;}.elementor-783 .elementor-element.elementor-element-ded3d20 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-783 .elementor-element.elementor-element-ded3d20 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:18px;font-weight:300;line-height:28px;}.elementor-783 .elementor-element.elementor-element-ded3d20 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-783 .elementor-element.elementor-element-5e24951{--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-783 .elementor-element.elementor-element-08930ed{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#0E0E0E;}@media(min-width:768px){.elementor-783 .elementor-element.elementor-element-4905b69{--width:100%;}.elementor-783 .elementor-element.elementor-element-de3902b{--width:50%;}.elementor-783 .elementor-element.elementor-element-b707c80{--width:50%;}}@media(max-width:767px){.elementor-783 .elementor-element.elementor-element-14a2b0c{--min-height:380px;}.elementor-783 .elementor-element.elementor-element-5bbfc2c .elementor-heading-title{font-size:30px;}.elementor-783 .elementor-element.elementor-element-4905b69{--padding-top:0px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-783 .elementor-element.elementor-element-5960f33 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-783 .elementor-element.elementor-element-a6b46b6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-783 .elementor-element.elementor-element-a6b46b6{text-align:left;font-size:16px;line-height:1.3em;}.elementor-783 .elementor-element.elementor-element-ded3d20{--e-icon-list-icon-size:18px;--icon-vertical-align:center;}.elementor-783 .elementor-element.elementor-element-ded3d20 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-783 .elementor-element.elementor-element-ded3d20 .elementor-icon-list-item > a{font-size:14px;}.elementor-783 .elementor-element.elementor-element-5e24951{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-783 .elementor-element.elementor-element-08930ed{font-size:16px;}}/* Start custom CSS for text-editor, class: .elementor-element-08930ed */<!-- 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 */