{"id":2603,"date":"2024-05-14T05:49:11","date_gmt":"2024-05-14T05:49:11","guid":{"rendered":"https:\/\/madeinoman.gov.om\/?page_id=2603"},"modified":"2024-05-14T05:50:51","modified_gmt":"2024-05-14T05:50:51","slug":"companies","status":"publish","type":"page","link":"https:\/\/madeinoman.gov.om\/ar\/services\/companies\/","title":{"rendered":"\u0634\u0631\u0643\u0627\u062a"},"content":{"rendered":"<!-- datatable CSS  -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.datatables.net\/1.11.5\/css\/jquery.dataTables.min.css\">\r\n\r\n<!-- Bootstrap  -->\r\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\"\r\n    integrity=\"sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH\" crossorigin=\"anonymous\">\r\n\r\n<!-- custom style start -->\r\n\r\n<style>\r\n    :root {\r\n        --primaryColor: #005750;\r\n        --secondaryColor: #7cc341;\r\n        --thirdColor: #E04125;\r\n        --darkColor: #000000;\r\n        --lightColor: #ffffff;\r\n    }\r\n\r\n    p,\r\n    h1,\r\n    h2,\r\n    h3,\r\n    h4,\r\n    h5,\r\n    h6 {\r\n        margin: 0;\r\n        padding: 0;\r\n        text-transform: capitalize;\r\n    }\r\n\r\n    body {\r\n        font-family: 'Tajawal', sans-serif !important;\r\n    }\r\n\r\n    .rtl {\r\n        direction: rtl;\r\n        -webkit-locale: \"ar\";\r\n        unicode-bidi: isolate;\r\n\r\n    }\r\n\r\n\r\n    .btn-outline-success:hover {\r\n        background-color: var(--primaryColor) !important;\r\n        color: white !important;\r\n    }\r\n\r\n    .user-info-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        margin-bottom: -1px;\r\n        padding: 5px;\r\n        border: 1px solid #e1e7ec;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    .user-info-wrapper .user-cover {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 120px;\r\n        background-position: center;\r\n        background-color: #f5f5f5;\r\n        background-repeat: no-repeat;\r\n        background-size: cover;\r\n    }\r\n\r\n    .user-info-wrapper .user-cover .tooltip .tooltip-inner {\r\n        width: 230px;\r\n        max-width: 100%;\r\n        padding: 10px 15px;\r\n    }\r\n\r\n    .user-info-wrapper .info-label {\r\n        display: block;\r\n        position: absolute;\r\n        top: 18px;\r\n        right: 18px;\r\n        height: 26px;\r\n        padding: 0 12px;\r\n        border-radius: 13px;\r\n        background-color: #fff;\r\n        color: #606975;\r\n        font-size: 12px;\r\n        line-height: 26px;\r\n        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.18);\r\n        cursor: pointer;\r\n    }\r\n\r\n    .user-info-wrapper .info-label>i {\r\n        display: inline-block;\r\n        margin-right: 3px;\r\n        font-size: 1.2em;\r\n        vertical-align: middle;\r\n    }\r\n\r\n    .user-info-wrapper .user-info {\r\n        display: flex;\r\n        align-items: center;\r\n        position: relative;\r\n        width: 100%;\r\n        padding: 0 18px;\r\n        z-index: 5;\r\n    }\r\n\r\n    .user-info-wrapper .user-info .user-avatar,\r\n    .user-info-wrapper .user-info .user-data {\r\n        display: table-cell;\r\n        vertical-align: top;\r\n    }\r\n\r\n    .user-info-wrapper .user-info .user-avatar {\r\n        position: relative;\r\n        width: 100px;\r\n    }\r\n\r\n    .card-img-top {\r\n        width: auto;\r\n        height: 200px;\r\n        object-fit: cover;\r\n        display: block;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .user-info-wrapper .user-info .user-avatar>img {\r\n        display: block;\r\n        width: 100px;\r\n        height: 100px;\r\n        object-position: center top;\r\n        object-fit: cover;\r\n        border: 5px solid #fff;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .user-info-wrapper .user-info .user-avatar .edit-avatar {\r\n        display: block;\r\n        position: absolute;\r\n        top: -2px;\r\n        right: 2px;\r\n        width: 36px;\r\n        height: 36px;\r\n        transition: opacity 0.3s;\r\n        border-radius: 50%;\r\n        background-color: #fff;\r\n        color: #606975;\r\n        line-height: 34px;\r\n        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);\r\n        cursor: pointer;\r\n        opacity: 0;\r\n        text-align: center;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .user-info-wrapper .user-info .user-avatar .edit-avatar::before {\r\n\r\n        font-size: 17px;\r\n        content: \"\\e058\";\r\n    }\r\n\r\n    .user-info-wrapper .user-info .user-avatar:hover .edit-avatar {\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* .user-info-wrapper .user-info .user-data {\r\n            padding-top: 48px;\r\n            padding-left: 12px\r\n        } *\/\r\n\r\n    .user-info-wrapper .user-info .user-data h4 {\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    .user-info-wrapper .user-info .user-data span {\r\n        display: block;\r\n        color: #9da9b9;\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    \/* table css start *\/\r\n\r\n    .table>thead {\r\n        vertical-align: middle;\r\n    }\r\n\r\n    .border-primary {\r\n        border: 1px solid var(--secondaryColor) !important;\r\n    }\r\n\r\n    .my-table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n        text-transform: capitalize;\r\n    }\r\n\r\n\r\n    .my-table thead>tr>th {\r\n        background-color: #26706a !important;\r\n        color: white !important;\r\n        padding: 8px !important;\r\n        border: 1px solid black !important;\r\n    }\r\n\r\n    .my-table thead>tr>th {\r\n        background-color: rgb(183, 183, 183);\r\n        color: black;\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .my-table table,\r\n    th,\r\n    td {\r\n        padding: 8px;\r\n        text-align: center;\r\n        text-align: -webkit-center;\r\n        border: none !important;\r\n        vertical-align: middle !important;\r\n    }\r\n\r\n    .my-table table {\r\n        border: 1px solid black !important;\r\n    }\r\n\r\n    \/* tr:nth-child(odd) {\r\n            background-color: rgba(112, 112, 112, 0.429);\r\n        }\r\n    \r\n        tr:nth-child(even) {\r\n            background-color: rgba(53, 53, 53, 0.429);\r\n        } *\/\r\n\r\n    \/* .my-table tbody>tr:hover {\r\n        background-color: #26706a41;\r\n    } *\/\r\n\r\n    \/* .my-table td>input {\r\n        width: 100%;\r\n        min-width: 100px;\r\n        max-width: 150px;\r\n        height: 30px;\r\n        border: 1px solid black !important;\r\n        border-radius: 5px;\r\n        background-color: white !important;\r\n    }\r\n    \r\n    .my-table td>input:hover {\r\n        background-color: #f0f0f0;\r\n    } *\/\r\n\r\n    .deleteRowBtn {\r\n        background-color: red;\r\n        font-size: 10px;\r\n        color: white;\r\n        border: none;\r\n        padding: 5px 10px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .addRowBtn {\r\n        background-color: var(--primaryColor);\r\n        font-size: 10px;\r\n        color: white;\r\n        border: none;\r\n        padding: 5px 10px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .addRowBtn:hover {\r\n        background-color: green;\r\n    }\r\n\r\n    .deleteRowBtn:hover {\r\n        background-color: rgb(185, 0, 0);\r\n    }\r\n\r\n    .mt-5 {\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .is-last-child {\r\n        border: 1px solid black !important;\r\n    }\r\n\r\n    \/* table css end *\/\r\n\r\n\r\n\r\n    \/* btn css *\/\r\n\r\n\r\n    .web-center {\r\n        text-align: -webkit-center !important;\r\n    }\r\n\r\n    .web-left {\r\n        text-align-last: left !important;\r\n    }\r\n\r\n    .my-btn {\r\n        width: 100px;\r\n    }\r\n\r\n    .form-check-input {\r\n        border-color: var(--primaryColor) !important;\r\n    }\r\n\r\n\r\n    .btn-danger {\r\n        background-color: var(--thirdColor) !important;\r\n    }\r\n\r\n    .btn-success {\r\n        background-color: var(--primaryColor) !important;\r\n        border: none;\r\n    }\r\n\r\n    .btn-primary {\r\n        background-color: var(--primaryColor) !important;\r\n        border: none;\r\n    }\r\n\r\n    .bg-primary {\r\n        background-color: var(--primaryColor) !important;\r\n    }\r\n\r\n    .bg-success {\r\n        background-color: var(--primaryColor) !important;\r\n    }\r\n\r\n    .border-brand {\r\n        border-color: var(--primaryColor) !important;\r\n    }\r\n\r\n    .text-success {\r\n        color: var(--primaryColor) !important;\r\n    }\r\n\r\n    .text-primary {\r\n        color: var(--primaryColor) !important;\r\n    }\r\n\r\n    .list-group-item.active {\r\n        background-color: var(--primaryColor) !important;\r\n        border: none;\r\n    }\r\n\r\n    .header>header {\r\n        box-shadow: 0px 2px 4px 1px #0000000d;\r\n    }\r\n\r\n\r\n    \/* navbar tabs style  *\/\r\n\r\n    .myIcon {\r\n        color: var(--primaryColor) !important;\r\n    }\r\n\r\n    .myIcon:hover {\r\n        color: black !important;\r\n    }\r\n\r\n    .my_nav {\r\n        position: relative;\r\n        \/* margin: 5px 5px; *\/\r\n        border-bottom: 2px solid lightgray;\r\n        border-radius: 0 !important;\r\n        color: black;\r\n        transition: 0.3s ease-in-out;\r\n    }\r\n\r\n    .nav .nav-item .active {\r\n        border-bottom: 2px solid var(--primaryColor) !important;\r\n    }\r\n\r\n    .nav-pills .nav-link.active,\r\n    .nav-pills .show>.nav-link {\r\n        background-color: white;\r\n        color: #26706a;\r\n    }\r\n\r\n    .nav-pills .nav-link,\r\n    .nav-pills .show>.nav-link {\r\n        background-color: white;\r\n        color: gray;\r\n    }\r\n\r\n    .my_nav {\r\n        position: relative;\r\n        \/* Make sure the container is positioned relative *\/\r\n        border-bottom: 2px solid #d3d3d3 !important;\r\n        \/* Initially, set the border to be transparent and 0 width *\/\r\n        transition: all 0.3s ease-in-out;\r\n    }\r\n\r\n    .my_nav:hover {\r\n        border-bottom: 2px solid var(--primaryColor) !important;\r\n        \/* Set the border color and width on hover *\/\r\n        width: 100%;\r\n        \/* Expand the border from left to right *\/\r\n    }\r\n\r\n\r\n    .form-control.is-invalid,\r\n    .was-validated .form-control:invalid {\r\n        border-color: var(--thirdColor) !important;\r\n    }\r\n\r\n    .form-control {\r\n        padding: .28rem .75rem !important;\r\n    }\r\n\r\n    .dropdown-item.active,\r\n    .dropdown-item:active,\r\n    .dropdown-item:hover {\r\n        background-color: var(--primaryColor) !important;\r\n        color: white !important;\r\n        margin: 1px 0px;\r\n    }\r\n\r\n    .dropdown-item {\r\n        border-radius: 4px !important;\r\n        margin: 1px 0px;\r\n        transition: all 0.5s ease-in-out;\r\n    }\r\n\r\n    tfoot input {\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .seach-input::placeholder {\r\n        color: gray !important;\r\n    }\r\n\r\n    .seach-input {\r\n        background-color: white !important;\r\n    }\r\n\r\n    table.dataTable thead th {\r\n        text-transform: uppercase !important;\r\n    }\r\n\r\n    table.dataTable thead tr:first-child th {\r\n        background-color: #dadada !important;\r\n    }\r\n\r\n    table.dataTable thead tr:nth-child(2) th {\r\n        background-color: #ebebeb !important;\r\n        border-bottom: 2px solid lightgray !important;\r\n    }\r\n\r\n    table.dataTable tbody td {\r\n        padding: 8px 20px !important;\r\n\r\n    }\r\n\r\n    table.dataTable tbody tr td {\r\n        vertical-align: middle;\r\n    }\r\n\r\n    table.dataTable tbody tr td p {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n\r\n    table.dataTable.no-footer {\r\n        border-bottom: 1px solid #dee2e6 !important;\r\n    }\r\n\r\n    \/* table.dataTable.display tbody tr.odd>.sorting_1,\r\n    table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {\r\n        background: transparent !important;\r\n    }\r\n\r\n    table.dataTable.display tbody tr.even>.sorting_1,\r\n    table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {\r\n        background: transparent !important;\r\n    } *\/\r\n\r\n    table tr td,\r\n    table tr:nth-child(even) td,\r\n    table tr.even td {\r\n        background: white !important;\r\n    }\r\n\r\n    table.dataTable {\r\n        border-collapse: collapse !important;\r\n        border-spacing: 0;\r\n    }\r\n\r\n    table.dataTable tbody tr {\r\n        border-bottom: 1px solid gray !important;\r\n    }\r\n\r\n    .paginate_button {\r\n        transition: 0.5s ease-in-out !important;\r\n    }\r\n\r\n    \/* .dataTables_wrapper .dataTables_paginate .paginate_button:hover {\r\n        color: white !important;\r\n        border: 1px solid var(--primaryColor) !important;\r\n        background: var(--primaryColor) !important;\r\n    } *\/\r\n\r\n    \/* .dataTables_wrapper .dataTables_paginate .paginate_button.current,\r\n    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {\r\n        color: #fff !important;\r\n        border: 1px solid var(--primaryColor) !important;\r\n        background-color: var(--primaryColor) !important;\r\n        background: var(--primaryColor) !important;\r\n    } *\/\r\n      .lazy-img {\r\n        width: 100%;\r\n        height: 200px;\r\n        object-fit: cover;\r\n        background: #f0f0f0;\r\n        transition: opacity 0.3s ease-in-out;\r\n        opacity: 0;\r\n    }\r\n    .lazy-img.loaded {\r\n        opacity: 1;\r\n    }\r\n<\/style>\r\n\r\n\r\n<!-- custom style end -->\r\n\r\n<!-- datatable Js  -->\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.datatables.net\/1.11.5\/js\/jquery.dataTables.min.js\"><\/script>\r\n\r\n<!-- Bootstrap  -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\"\r\n    integrity=\"sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz\"\r\n    crossorigin=\"anonymous\"><\/script>\r\n\r\n\r\n<script>\r\n\r\n    $(document).ready(function () {\r\n        \/\/ DataTable\r\n        var table = $('#dataTable').DataTable({\r\n            orderCellsTop: true,\r\n            fixedHeader: true,\r\n            responsive: true,\r\n            lengthChange: false, \/\/ Disable the length menu\r\n            pageLength: 10, \/\/ Set the default page length\r\n            dom: 'lrtip' \/\/ Define the DataTables interface without length menu and with other components\r\n\r\n        });\r\n\r\n        \/\/ Apply the search\r\n        $('#dataTable thead input').on('keyup change clear', function () {\r\n            var column = $(this).parent().index();\r\n            table\r\n                .column(column)\r\n                .search(this.value)\r\n                .draw();\r\n        });\r\n    });\r\n<\/script>\r\n<main class=\"container py-4\">\r\n\r\n    <div class=\"card mb-4\">\r\n        <div class=\"card-body text-center\">\r\n            <h3 class=\"text-uppercase\">\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u0627\u0646\u064a\u0629<\/h3>\r\n            <p>\u062f\u0644\u064a\u0644 \u0634\u0627\u0645\u0644 \u0644\u0644\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u062c\u0644\u0629 \u0648\u0627\u0644\u0628\u062d\u062b \u0639\u0646\u0647\u0627<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Search Form -->\r\n    <form method=\"get\" class=\"mb-4\" action=\"\">\r\n        <div class=\"row\">\r\n            <div class=\"col-md-4 offset-md-8 d-flex gap-2\">\r\n                <input type=\"text\" name=\"search\" class=\"form-control\" placeholder=\"\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0645\u0646\u062a\u062c\/\u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\/\u0631\u0645\u0632 \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0645\u0646\u0633\u0642\"\r\n                    value=\"\" \/>\r\n                <button type=\"submit\" class=\"btn btn-primary btn-sm px-3\">\r\n                    <i class=\"fas fa-search\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\r\n\r\n            <div class=\"alert alert-info text-center mt-4\">\r\n            No products found for this division or search criteria.\r\n        <\/div>\r\n    <\/main>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const lazyImages = document.querySelectorAll(\".lazy-img\");\r\n\r\n    const lazyLoad = (image) => {\r\n        const src = image.dataset.src;\r\n        if (!src) return;\r\n        image.src = src;\r\n        image.onload = () => image.classList.add(\"loaded\");\r\n    };\r\n\r\n    if (\"IntersectionObserver\" in window) {\r\n        const observer = new IntersectionObserver((entries, obs) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    lazyLoad(entry.target);\r\n                    obs.unobserve(entry.target);\r\n                }\r\n            });\r\n        });\r\n\r\n        lazyImages.forEach(img => observer.observe(img));\r\n    } else {\r\n        \/\/ Fallback: load all images if IntersectionObserver not supported\r\n        lazyImages.forEach(img => lazyLoad(img));\r\n    }\r\n});\r\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":24,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2603","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/madeinoman.gov.om\/ar\/wp-json\/wp\/v2\/pages\/2603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madeinoman.gov.om\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/madeinoman.gov.om\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/madeinoman.gov.om\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/madeinoman.gov.om\/ar\/wp-json\/wp\/v2\/comments?post=2603"}],"version-history":[{"count":0,"href":"https:\/\/madeinoman.gov.om\/ar\/wp-json\/wp\/v2\/pages\/2603\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/madeinoman.gov.om\/ar\/wp-json\/wp\/v2\/pages\/24"}],"wp:attachment":[{"href":"https:\/\/madeinoman.gov.om\/ar\/wp-json\/wp\/v2\/media?parent=2603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}