{"id":1364,"date":"2026-05-27T12:31:35","date_gmt":"2026-05-27T12:31:35","guid":{"rendered":"https:\/\/novaris.tn\/?page_id=1364"},"modified":"2026-06-18T17:47:10","modified_gmt":"2026-06-18T17:47:10","slug":"a-propos3","status":"publish","type":"page","link":"https:\/\/novaris.tn\/en\/a-propos3\/","title":{"rendered":"a-propos3"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1364\" class=\"elementor elementor-1364\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd331b1 e-con e-atomic-element e-flexbox-base e-default-div e-8789469\" data-id=\"fd331b1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fd331b1\">\n    \t\t<div class=\"elementor-element elementor-element-e7e8c2a elementor-widget elementor-widget-html\" data-id=\"e7e8c2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\nNOVARIS SOLUTIONS - HEADER MENU + GROUP LINKS\r\n===================================================== -->\r\n\r\n<header class=\"ns-header\">\r\n\r\n    <div class=\"ns-navbar\">\r\n\r\n        <!-- LOGO -->\r\n\r\n        <div class=\"ns-logo\">\r\n            <a href=\"https:\/\/novaris.tn\/en\/solutions\/\">\r\n                <img decoding=\"async\" src=\"https:\/\/novaris.tn\/wp-content\/uploads\/2026\/05\/logo-2.png\" alt=\"Novaris Solutions\">\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- MENU -->\r\n\r\n        <nav class=\"ns-menu\">\r\n\r\n            <a href=\"https:\/\/novaris.tn\/en\/solutions\/\">\r\n                Home\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/novaris.tn\/en\/solutions\/a-propos3\/\">\r\n                About\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/novaris.tn\/en\/solutions\/services\/\">\r\n                Services\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/novaris.tn\/en\/solutions\/nos-expertises\/\">\r\n                Our Expertise\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/novaris.tn\/en\/solutions\/contact3\/\">\r\n                Contact\r\n            <\/a>\r\n\r\n            <!-- CTA BUTTON -->\r\n\r\n            <div class=\"ns-header-btn\">\r\n                <a href=\"https:\/\/novaris.tn\/en\/solutions\/contact3\/\">\r\n                    Request a quote\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- GROUP LINKS -->\r\n\r\n            <div class=\"ns-group-links\">\r\n\r\n                <span class=\"ns-group-label\">\r\n                    Novaris Group\r\n                <\/span>\r\n\r\n                <a class=\"ns-group-btn ns-main-site\"\r\n                   href=\"https:\/\/novaris.tn\/en\/\">\r\n                    Main website\r\n                <\/a>\r\n\r\n                <a class=\"ns-group-btn ns-academy\"\r\n                   href=\"https:\/\/novaris.tn\/en\/novarisacademy\/\">\r\n                    Novaris Academy\r\n                <\/a>\r\n\r\n                <!-- LANGUAGE SWITCH -->\r\n                <div class=\"ns-lang-switch\">\r\n                    <a href=\"#\" id=\"ns-btn-fr\" class=\"ns-lang-btn\">FR<\/a>\r\n                    <a href=\"#\" id=\"ns-btn-en\" class=\"ns-lang-btn\">EN<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/nav>\r\n\r\n        <!-- MOBILE ICON -->\r\n\r\n        <div class=\"ns-mobile-toggle\">\r\n            \u2630\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/header>\r\n\r\n<style>\r\n\r\n\/* =========================\r\nLANG SWITCH\r\n========================= *\/\r\n\r\n.ns-lang-switch{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    margin-left:8px;\r\n}\r\n\r\n.ns-lang-btn{\r\n    padding:8px 14px;\r\n    border-radius:999px;\r\n    font-size:12px !important;\r\n    font-weight:700 !important;\r\n    text-decoration:none;\r\n    border:1px solid rgba(255,255,255,0.18);\r\n    background:rgba(255,255,255,0.08);\r\n    color:#fff !important;\r\n    transition:0.25s ease;\r\n}\r\n\r\n.ns-lang-btn:hover{\r\n    background:#ffffff;\r\n    color:#071B34 !important;\r\n}\r\n\r\n.ns-lang-btn.active{\r\n    background:#00C2FF;\r\n    border-color:#00C2FF;\r\n    color:#071B34 !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<style>\r\n\r\n\/* ======= EXISTING CSS (UNCHANGED) ===== *\/\r\n\r\n.ns-header{\r\n    position:fixed;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    z-index:9999;\r\n    background:rgba(7,27,52,0.92);\r\n    backdrop-filter:blur(12px);\r\n    border-bottom:1px solid rgba(255,255,255,0.06);\r\n}\r\n\r\n.ns-navbar{\r\n    max-width:1450px;\r\n    margin:auto;\r\n    min-height:92px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    padding:0 30px;\r\n    gap:20px;\r\n}\r\n\r\n.ns-logo img{ height:54px; }\r\n\r\n.ns-menu{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:34px;\r\n    flex-wrap:wrap;\r\n    margin-left:auto;\r\n}\r\n\r\n.ns-menu a{\r\n    color:#FFFFFF;\r\n    text-decoration:none;\r\n    font-size:15px;\r\n    font-weight:600;\r\n    position:relative;\r\n    white-space:nowrap;\r\n}\r\n\r\n.ns-menu a::after{\r\n    content:'';\r\n    position:absolute;\r\n    left:0;\r\n    bottom:-10px;\r\n    width:0;\r\n    height:2px;\r\n    background:#00C2FF;\r\n    transition:0.3s ease;\r\n}\r\n\r\n.ns-menu a:hover{\r\n    color:#00C2FF;\r\n}\r\n\r\n.ns-menu a:hover::after{\r\n    width:100%;\r\n}\r\n\r\n.ns-header-btn a{\r\n    background:linear-gradient(135deg,#0B5ED7,#00C2FF);\r\n    color:white !important;\r\n    text-decoration:none;\r\n    padding:14px 24px;\r\n    border-radius:14px;\r\n    font-size:14px !important;\r\n    font-weight:700 !important;\r\n    display:inline-block;\r\n}\r\n\r\n.ns-group-links{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    margin-left:10px;\r\n    padding-left:18px;\r\n    border-left:1px solid rgba(255,255,255,0.12);\r\n}\r\n\r\n.ns-group-label{\r\n    font-size:11px;\r\n    text-transform:uppercase;\r\n    letter-spacing:1px;\r\n    color:#8FA9C5;\r\n    font-weight:700;\r\n}\r\n\r\n.ns-group-btn{\r\n    padding:10px 16px;\r\n    border-radius:999px;\r\n    font-size:12px !important;\r\n    font-weight:700 !important;\r\n}\r\n\r\n.ns-main-site{\r\n    background:rgba(255,255,255,0.08);\r\n    border:1px solid rgba(255,255,255,0.12);\r\n}\r\n\r\n.ns-academy{\r\n    background:linear-gradient(135deg,#ff8a00,#ff6b00);\r\n    color:#fff !important;\r\n}\r\n\r\n\/* MOBILE *\/\r\n.ns-mobile-toggle{\r\n    display:none;\r\n    color:white;\r\n    font-size:32px;\r\n    cursor:pointer;\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .ns-menu{\r\n        display:none;\r\n        width:100%;\r\n        flex-direction:column;\r\n        gap:18px;\r\n        padding-top:24px;\r\n    }\r\n\r\n    .ns-header.active .ns-menu{\r\n        display:flex;\r\n    }\r\n\r\n    .ns-mobile-toggle{\r\n        display:block;\r\n    }\r\n\r\n    .ns-group-links{\r\n        flex-direction:column;\r\n        width:100%;\r\n        border-left:none;\r\n        border-top:1px solid rgba(255,255,255,0.10);\r\n        padding-top:18px;\r\n        margin-left:0;\r\n    }\r\n\r\n    .ns-lang-switch{\r\n        width:100%;\r\n        justify-content:center;\r\n    }\r\n\r\n    .ns-lang-btn{\r\n        flex:1;\r\n        text-align:center;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n\/* MOBILE MENU *\/\r\nconst nsToggle = document.querySelector('.ns-mobile-toggle');\r\nconst nsHeader = document.querySelector('.ns-header');\r\n\r\nnsToggle.addEventListener('click', () => {\r\n    nsHeader.classList.toggle('active');\r\n});\r\n\r\n\/* LANGUAGE SWITCH LOGIC *\/\r\nconst path = window.location.pathname;\r\nconst isEN = path.startsWith('\/en');\r\n\r\nconst btnFR = document.getElementById('ns-btn-fr');\r\nconst btnEN = document.getElementById('ns-btn-en');\r\n\r\nif (isEN) {\r\n    btnEN.classList.add('active');\r\n} else {\r\n    btnFR.classList.add('active');\r\n}\r\n\r\nbtnFR.href = isEN ? (path.replace(\/^\\\/en\/, '') || '\/') : path;\r\nbtnEN.href = isEN ? path : '\/en' + path;\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2414ad8 e-con e-atomic-element e-flexbox-base e-default-div e-d8117a6\" data-id=\"2414ad8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2414ad8\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-5dae236 e-con e-atomic-element e-flexbox-base e-default-div e-d075c56\" data-id=\"5dae236\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5dae236\">\n    \t\t<div class=\"elementor-element elementor-element-764cdea elementor-widget elementor-widget-html\" data-id=\"764cdea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\nNOVARIS SOLUTIONS - HERO A PROPOS\r\n===================================================== -->\r\n\r\n<section class=\"ns-about-hero\">\r\n\r\n    <div class=\"ns-about-overlay\"><\/div>\r\n\r\n    <div class=\"ns-about-container\">\r\n\r\n        <!-- LEFT -->\r\n\r\n        <div class=\"ns-about-content\">\r\n\r\n            <span class=\"ns-about-badge\">\r\n                ABOUT \u2022 NOVARIS SOLUTIONS\r\n            <\/span>\r\n\r\n            <h1>\r\n                Your partner in technical solutions, infrastructure, and integrated systems\r\n            <\/h1>\r\n\r\n            <p>\r\n                Novaris Solutions is the technical division of Novaris Group, specializing in the installation, integration, development, and maintenance of technological solutions for businesses, government agencies, institutions, and individuals.\r\n            <\/p>\r\n\r\n            <p>\r\n                We operate in the fields of business telephony (PABX &amp; IPBX), computer networks, video surveillance, alarm systems, software and web development, the Internet of Things (IoT), as well as electrical installations for residential and industrial buildings.\r\n            <\/p>\r\n\r\n           \r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT -->\r\n\r\n        <div class=\"ns-about-image\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/novaris.tn\/wp-content\/uploads\/2026\/05\/novaris-solutions3.png\"\r\n                alt=\"Infrastructures techniques Novaris Solutions\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\nABOUT HERO\r\n===================================================== *\/\r\n\r\n.ns-about-hero{\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    background:\r\n    linear-gradient(\r\n        135deg,\r\n        #071B34 0%,\r\n        #0B2A4A 50%,\r\n        #071B34 100%\r\n    );\r\n\r\n    padding:150px 30px 110px;\r\n}\r\n\r\n\/* =====================================================\r\nOVERLAY\r\n===================================================== *\/\r\n\r\n.ns-about-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle at top right,\r\n        rgba(0,194,255,0.12),\r\n        transparent 35%\r\n    );\r\n}\r\n\r\n\/* =====================================================\r\nCONTAINER\r\n===================================================== *\/\r\n\r\n.ns-about-container{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    max-width:1280px;\r\n    margin:auto;\r\n\r\n    display:grid;\r\n    grid-template-columns:1.1fr 0.9fr;\r\n\r\n    gap:70px;\r\n    align-items:center;\r\n}\r\n\r\n\/* =====================================================\r\nCONTENT\r\n===================================================== *\/\r\n\r\n.ns-about-badge{\r\n    display:inline-block;\r\n\r\n    padding:12px 22px;\r\n\r\n    border-radius:50px;\r\n\r\n    background:rgba(255,255,255,0.08);\r\n\r\n    border:1px solid rgba(255,255,255,0.10);\r\n\r\n    color:#00C2FF;\r\n\r\n    font-size:13px;\r\n    font-weight:700;\r\n\r\n    margin-bottom:28px;\r\n}\r\n\r\n.ns-about-content h1{\r\n    color:#fff;\r\n\r\n    font-size:62px;\r\n    line-height:1.08;\r\n\r\n    font-weight:800;\r\n\r\n    margin-bottom:30px;\r\n}\r\n\r\n.ns-about-content p{\r\n    color:rgba(255,255,255,0.80);\r\n\r\n    font-size:18px;\r\n    line-height:1.9;\r\n\r\n    margin-bottom:24px;\r\n\r\n    max-width:760px;\r\n}\r\n\r\n\/* =====================================================\r\nSTATS\r\n===================================================== *\/\r\n\r\n.ns-about-stats{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:20px;\r\n\r\n    margin-top:45px;\r\n}\r\n\r\n.ns-stat{\r\n    min-width:170px;\r\n\r\n    background:rgba(255,255,255,0.06);\r\n\r\n    border:1px solid rgba(255,255,255,0.08);\r\n\r\n    border-radius:20px;\r\n\r\n    padding:24px;\r\n}\r\n\r\n.ns-stat strong{\r\n    display:block;\r\n\r\n    color:#00C2FF;\r\n\r\n    font-size:32px;\r\n    font-weight:800;\r\n\r\n    margin-bottom:8px;\r\n}\r\n\r\n.ns-stat span{\r\n    color:rgba(255,255,255,0.72);\r\n\r\n    font-size:14px;\r\n    line-height:1.6;\r\n}\r\n\r\n\/* =====================================================\r\nIMAGE\r\n===================================================== *\/\r\n\r\n.ns-about-image{\r\n    overflow:hidden;\r\n\r\n    border-radius:32px;\r\n\r\n    box-shadow:\r\n    0 30px 70px rgba(0,0,0,0.35);\r\n}\r\n\r\n.ns-about-image img{\r\n    width:100%;\r\n    height:700px;\r\n\r\n    object-fit:cover;\r\n\r\n    display:block;\r\n}\r\n\r\n\/* =====================================================\r\nRESPONSIVE\r\n===================================================== *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n    .ns-about-container{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-about-content h1{\r\n        font-size:46px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .ns-about-hero{\r\n        padding:130px 20px 90px;\r\n    }\r\n\r\n    .ns-about-content h1{\r\n        font-size:34px;\r\n    }\r\n\r\n    .ns-about-content p{\r\n        font-size:16px;\r\n    }\r\n\r\n    .ns-about-image img{\r\n        height:420px;\r\n    }\r\n\r\n    .ns-stat{\r\n        width:100%;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a962b90 e-con e-atomic-element e-flexbox-base e-default-div e-816ad9e\" data-id=\"a962b90\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a962b90\">\n    \t\t<div class=\"elementor-element elementor-element-171e8cd elementor-widget elementor-widget-html\" data-id=\"171e8cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\nNOVARIS SOLUTIONS - QUI SOMMES-NOUS ?\r\nSECTION CLAIRE\r\n===================================================== -->\r\n\r\n<section class=\"ns-about-story\">\r\n\r\n    <div class=\"ns-about-story-container\">\r\n\r\n        <div class=\"ns-about-story-image\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1400&q=80\"\r\n                alt=\"Novaris Solutions\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ns-about-story-content\">\r\n\r\n            <span class=\"ns-about-story-badge\">\r\n                WHO ARE WE?\r\n            <\/span>\r\n\r\n            <h2>\r\n                A company specialized in technical solutions and professional infrastructure systems.\r\n            <\/h2>\r\n\r\n            <p>\r\n                Novaris Solutions is the operational division of Novaris Group dedicated to implementing technological solutions for businesses, government agencies, institutions, and professionals.\r\n            <\/p>\r\n\r\n            <p>\r\n                Our mission is to support our clients in the design, installation, integration, and maintenance of their technical infrastructures, providing them with reliable, sustainable, and tailored solutions that meet their actual needs.\r\n            <\/p>\r\n\r\n            <p>\r\n                We work on projects involving business telephony, computer networks, video surveillance, alarm systems, software development, IoT solutions, as well as electrical installations for residential and industrial buildings.\r\n            <\/p>\r\n\r\n            <div class=\"ns-about-story-points\">\r\n\r\n                <div class=\"ns-about-point\">\r\n                    \u2714 Installation &amp; Integration\r\n                <\/div>\r\n\r\n                <div class=\"ns-about-point\">\r\n                    \u2714 Maintenance &amp; technical support\r\n                <\/div>\r\n\r\n                <div class=\"ns-about-point\">\r\n                    \u2714 Custom solution development\r\n                <\/div>\r\n\r\n                <div class=\"ns-about-point\">\r\n                    \u2714 Support for professionals\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\nABOUT STORY\r\n===================================================== *\/\r\n\r\n.ns-about-story{\r\n    background:#ffffff;\r\n    padding:120px 30px;\r\n    overflow:hidden;\r\n}\r\n\r\n.ns-about-story-container{\r\n    max-width:1280px;\r\n    margin:auto;\r\n\r\n    display:grid;\r\n    grid-template-columns:0.95fr 1.05fr;\r\n\r\n    gap:80px;\r\n    align-items:center;\r\n}\r\n\r\n\/* =====================================================\r\nIMAGE\r\n===================================================== *\/\r\n\r\n.ns-about-story-image{\r\n    overflow:hidden;\r\n    border-radius:30px;\r\n\r\n    box-shadow:\r\n    0 25px 60px rgba(0,0,0,0.12);\r\n}\r\n\r\n.ns-about-story-image img{\r\n    width:100%;\r\n    height:700px;\r\n    object-fit:cover;\r\n    display:block;\r\n}\r\n\r\n\/* =====================================================\r\nCONTENT\r\n===================================================== *\/\r\n\r\n.ns-about-story-badge{\r\n    display:inline-block;\r\n\r\n    background:#eef5ff;\r\n    color:#0B5ED7;\r\n\r\n    padding:12px 22px;\r\n\r\n    border-radius:50px;\r\n\r\n    font-size:13px;\r\n    font-weight:700;\r\n\r\n    margin-bottom:25px;\r\n}\r\n\r\n.ns-about-story-content h2{\r\n    color:#071B34;\r\n\r\n    font-size:50px;\r\n    line-height:1.2;\r\n\r\n    font-weight:800;\r\n\r\n    margin-bottom:30px;\r\n}\r\n\r\n.ns-about-story-content p{\r\n    color:#5F6B7A;\r\n\r\n    font-size:17px;\r\n    line-height:1.95;\r\n\r\n    margin-bottom:22px;\r\n}\r\n\r\n\/* =====================================================\r\nPOINTS\r\n===================================================== *\/\r\n\r\n.ns-about-story-points{\r\n    margin-top:35px;\r\n\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n\r\n    gap:16px;\r\n}\r\n\r\n.ns-about-point{\r\n    background:#f7f9fc;\r\n\r\n    border:1px solid #e5edf5;\r\n\r\n    border-radius:14px;\r\n\r\n    padding:18px 20px;\r\n\r\n    color:#071B34;\r\n\r\n    font-size:15px;\r\n    font-weight:600;\r\n}\r\n\r\n\/* =====================================================\r\nRESPONSIVE\r\n===================================================== *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n    .ns-about-story-container{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-about-story-content h2{\r\n        font-size:40px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .ns-about-story{\r\n        padding:90px 20px;\r\n    }\r\n\r\n    .ns-about-story-content h2{\r\n        font-size:30px;\r\n    }\r\n\r\n    .ns-about-story-content p{\r\n        font-size:16px;\r\n    }\r\n\r\n    .ns-about-story-image img{\r\n        height:420px;\r\n    }\r\n\r\n    .ns-about-story-points{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9d05a1 elementor-widget elementor-widget-html\" data-id=\"e9d05a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\nNOVARIS ABOUT - NOTRE APPROCHE (THEME SOMBRE)\r\n===================================================== -->\r\n\r\n<section class=\"ns-about-approach-dark\">\r\n\r\n    <div class=\"ns-about-approach-dark-bg\"><\/div>\r\n\r\n    <div class=\"ns-about-approach-dark-container\">\r\n\r\n        <!-- LEFT -->\r\n\r\n        <div class=\"ns-about-approach-dark-content\">\r\n\r\n            <span class=\"ns-about-approach-dark-badge\">\r\n                OUR APPROACH\r\n            <\/span>\r\n\r\n            <h2>\r\n                A structured approach to design, install, and maintain reliable technical systems.\r\n            <\/h2>\r\n\r\n            <p>\r\n                Novaris Solutions adopts a field-based approach focused on analyzing real needs, selecting appropriate technologies, and fully integrating solutions on-site.\r\n            <\/p>\r\n\r\n            <p>\r\n                Each project is handled with a global engineering approach to ensure consistency between telephony, networks, security, software development, and electrical infrastructure.\r\n            <\/p>\r\n\r\n            <!-- STEPS -->\r\n\r\n            <div class=\"ns-about-approach-dark-steps\">\r\n\r\n                <div class=\"ns-about-step-dark\">\r\n                    <div class=\"ns-about-step-dark-num\">01<\/div>\r\n                    <div>\r\n                        <h3>Analyse technique<\/h3>\r\n                        <p>Assessment of needs, constraints, and existing infrastructure.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-about-step-dark\">\r\n                    <div class=\"ns-about-step-dark-num\">02<\/div>\r\n                    <div>\r\n                        <h3>Solution design<\/h3>\r\n                        <p>Selection of architectures: networks, telephony, security, IoT<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-about-step-dark\">\r\n                    <div class=\"ns-about-step-dark-num\">03<\/div>\r\n                    <div>\r\n                        <h3>Installation &amp; integration<\/h3>\r\n                        <p>Deployment of equipment and interconnection of systems<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-about-step-dark\">\r\n                    <div class=\"ns-about-step-dark-num\">04<\/div>\r\n                    <div>\r\n                        <h3>Maintenance &amp; evolution<\/h3>\r\n                        <p>Monitoring, technical support, and continuous system improvement.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT -->\r\n\r\n        <div class=\"ns-about-approach-dark-image\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1400&q=80\"\r\n                alt=\"Approche technique Novaris Solutions\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\nDARK APPROACH SECTION\r\n===================================================== *\/\r\n\r\n.ns-about-approach-dark{\r\n    position:relative;\r\n    overflow:hidden;\r\n    padding:120px 30px;\r\n    background:linear-gradient(135deg,#061423,#071B34,#0B2A4A);\r\n    color:white;\r\n    font-family:Arial,sans-serif;\r\n}\r\n\r\n\/* BG GLOW *\/\r\n\r\n.ns-about-approach-dark-bg{\r\n    position:absolute;\r\n    width:700px;\r\n    height:700px;\r\n    border-radius:50%;\r\n    background:radial-gradient(circle,rgba(0,194,255,0.12),transparent 70%);\r\n    top:-250px;\r\n    right:-200px;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n.ns-about-approach-dark-container{\r\n    position:relative;\r\n    z-index:2;\r\n    max-width:1280px;\r\n    margin:auto;\r\n    display:grid;\r\n    grid-template-columns:1.1fr 0.9fr;\r\n    gap:80px;\r\n    align-items:center;\r\n}\r\n\r\n\/* BADGE *\/\r\n\r\n.ns-about-approach-dark-badge{\r\n    display:inline-block;\r\n    background:rgba(255,255,255,0.06);\r\n    border:1px solid rgba(255,255,255,0.12);\r\n    color:#00C2FF;\r\n    padding:12px 22px;\r\n    border-radius:50px;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    margin-bottom:24px;\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.ns-about-approach-dark-content h2{\r\n    font-size:46px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    margin-bottom:25px;\r\n}\r\n\r\n.ns-about-approach-dark-content p{\r\n    font-size:17px;\r\n    line-height:1.9;\r\n    color:rgba(255,255,255,0.78);\r\n    margin-bottom:18px;\r\n}\r\n\r\n\/* STEPS *\/\r\n\r\n.ns-about-approach-dark-steps{\r\n    margin-top:40px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:16px;\r\n}\r\n\r\n.ns-about-step-dark{\r\n    display:flex;\r\n    gap:16px;\r\n    padding:18px 20px;\r\n    border-radius:18px;\r\n    background:rgba(255,255,255,0.05);\r\n    border:1px solid rgba(255,255,255,0.08);\r\n    backdrop-filter:blur(10px);\r\n    transition:0.3s;\r\n}\r\n\r\n.ns-about-step-dark:hover{\r\n    transform:translateY(-4px);\r\n    background:rgba(255,255,255,0.08);\r\n}\r\n\r\n.ns-about-step-dark-num{\r\n    width:46px;\r\n    height:46px;\r\n    border-radius:14px;\r\n    background:linear-gradient(135deg,#0B5ED7,#00C2FF);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-weight:800;\r\n    color:white;\r\n    flex-shrink:0;\r\n}\r\n\r\n.ns-about-step-dark h3{\r\n    margin:0 0 6px 0;\r\n    font-size:16px;\r\n    color:white;\r\n}\r\n\r\n.ns-about-step-dark p{\r\n    margin:0;\r\n    font-size:14px;\r\n    color:rgba(255,255,255,0.7);\r\n    line-height:1.6;\r\n}\r\n\r\n\/* IMAGE *\/\r\n\r\n.ns-about-approach-dark-image{\r\n    border-radius:30px;\r\n    overflow:hidden;\r\n    box-shadow:0 30px 70px rgba(0,0,0,0.45);\r\n}\r\n\r\n.ns-about-approach-dark-image img{\r\n    width:100%;\r\n    height:720px;\r\n    object-fit:cover;\r\n    display:block;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media(max-width:1100px){\r\n    .ns-about-approach-dark-container{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-about-approach-dark-content h2{\r\n        font-size:36px;\r\n    }\r\n}\r\n\r\n@media(max-width:768px){\r\n    .ns-about-approach-dark{\r\n        padding:90px 20px;\r\n    }\r\n\r\n    .ns-about-approach-dark-content h2{\r\n        font-size:30px;\r\n    }\r\n\r\n    .ns-about-approach-dark-image img{\r\n        height:420px;\r\n    }\r\n\r\n    .ns-about-step-dark{\r\n        flex-direction:column;\r\n    }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36ece10 elementor-widget elementor-widget-html\" data-id=\"36ece10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\nNOVARIS ABOUT - VALEURS (THEME CLAIR)\r\n===================================================== -->\r\n\r\n<section class=\"ns-about-values-light\">\r\n\r\n    <div class=\"ns-about-values-light-container\">\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"ns-about-values-light-header\">\r\n\r\n            <span class=\"ns-about-values-light-badge\">\r\n                OUR VALUES\r\n            <\/span>\r\n\r\n            <h2>\r\n                Simple principles to ensure reliable and sustainable solutions\r\n            <\/h2>\r\n\r\n            <p>\r\n                We apply a rigorous approach based on execution quality, technical consistency, and meeting the real needs of our clients.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- GRID -->\r\n\r\n        <div class=\"ns-about-values-light-grid\">\r\n\r\n            <div class=\"ns-about-value-light-card\">\r\n                <div class=\"ns-about-value-light-icon\">\u2699\ufe0f<\/div>\r\n                <h3>Reliability<\/h3>\r\n                <p>Systems designed to operate reliably and without interruption over the long term.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-value-light-card\">\r\n                <div class=\"ns-about-value-light-icon\">\ud83d\udd10<\/div>\r\n                <h3>Security<\/h3>\r\n                <p>Protection of infrastructures, networks, and critical systems.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-value-light-card\">\r\n                <div class=\"ns-about-value-light-icon\">\ud83e\udde0<\/div>\r\n                <h3>Field expertise<\/h3>\r\n                <p>Solutions based on real-world field experience.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-value-light-card\">\r\n                <div class=\"ns-about-value-light-icon\">\ud83d\udd17<\/div>\r\n                <h3>Integration<\/h3>\r\n                <p>Seamless connection between telephony, networks, security, and software.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-value-light-card\">\r\n                <div class=\"ns-about-value-light-icon\">\ud83d\udce1<\/div>\r\n                <h3>Useful innovation<\/h3>\r\n                <p>Technologies tailored to real needs rather than theoretical ones.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-value-light-card\">\r\n                <div class=\"ns-about-value-light-icon\">\ud83e\udd1d<\/div>\r\n                <h3>Commitment<\/h3>\r\n                <p>Ongoing support and follow-up of client projects.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\nVALUES LIGHT SECTION\r\n===================================================== *\/\r\n\r\n.ns-about-values-light{\r\n    background:#ffffff;\r\n    padding:120px 30px;\r\n    font-family:Arial,sans-serif;\r\n    color:#071B34;\r\n    position:relative;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n.ns-about-values-light-container{\r\n    max-width:1280px;\r\n    margin:auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.ns-about-values-light-header{\r\n    text-align:center;\r\n    max-width:850px;\r\n    margin:0 auto 70px auto;\r\n}\r\n\r\n.ns-about-values-light-badge{\r\n    display:inline-block;\r\n    padding:12px 22px;\r\n    border-radius:50px;\r\n    background:#eef5ff;\r\n    border:1px solid #d9e8ff;\r\n    color:#0B5ED7;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.ns-about-values-light-header h2{\r\n    font-size:46px;\r\n    line-height:1.2;\r\n    margin-bottom:20px;\r\n    font-weight:800;\r\n}\r\n\r\n.ns-about-values-light-header p{\r\n    font-size:17px;\r\n    line-height:1.9;\r\n    color:#5F6B7A;\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n.ns-about-values-light-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:22px;\r\n}\r\n\r\n\/* CARD *\/\r\n\r\n.ns-about-value-light-card{\r\n    background:#f7f9fc;\r\n    border:1px solid #e5edf5;\r\n    border-radius:22px;\r\n    padding:26px;\r\n    transition:0.3s ease;\r\n}\r\n\r\n.ns-about-value-light-card:hover{\r\n    transform:translateY(-6px);\r\n    background:#ffffff;\r\n    box-shadow:0 18px 40px rgba(0,0,0,0.06);\r\n}\r\n\r\n\/* ICON *\/\r\n\r\n.ns-about-value-light-icon{\r\n    font-size:28px;\r\n    margin-bottom:14px;\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.ns-about-value-light-card h3{\r\n    font-size:18px;\r\n    margin-bottom:10px;\r\n    color:#071B34;\r\n}\r\n\r\n.ns-about-value-light-card p{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n    color:#5F6B7A;\r\n    margin:0;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media(max-width:1100px){\r\n    .ns-about-values-light-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .ns-about-values-light-header h2{\r\n        font-size:36px;\r\n    }\r\n}\r\n\r\n@media(max-width:768px){\r\n    .ns-about-values-light{\r\n        padding:90px 20px;\r\n    }\r\n\r\n    .ns-about-values-light-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-about-values-light-header h2{\r\n        font-size:28px;\r\n    }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-233b50a elementor-widget elementor-widget-html\" data-id=\"233b50a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\nNOVARIS ABOUT - DOMAINES D'INTERVENTION\r\nSECTION SANS IMAGE\r\n===================================================== -->\r\n\r\n<section class=\"ns-about-services-dark\">\r\n\r\n    <div class=\"ns-about-services-dark-container\">\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"ns-about-services-dark-header\">\r\n\r\n            <span class=\"ns-about-services-dark-badge\">\r\n                AREAS OF EXPERTISE\r\n            <\/span>\r\n\r\n            <h2>\r\n                Comprehensive technical solutions for modern infrastructures\r\n            <\/h2>\r\n\r\n            <p>\r\n                Novaris Solutions operates across several complementary technical fields to cover all infrastructure, security, and digital systems needs.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- GRID -->\r\n\r\n        <div class=\"ns-about-services-dark-grid\">\r\n\r\n            <div class=\"ns-about-service-card\">\r\n                <div class=\"ns-about-service-icon\">\ud83d\udcde<\/div>\r\n                <h3>Business telephony<\/h3>\r\n                <p>PABX &amp; IPBX, IP telephony, full installation and maintenance.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-service-card\">\r\n                <div class=\"ns-about-service-icon\">\ud83d\udce1<\/div>\r\n                <h3>Computer networks<\/h3>\r\n                <p>Cabling, WiFi, network infrastructure, and interconnection.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-service-card\">\r\n                <div class=\"ns-about-service-icon\">\ud83d\udcf9<\/div>\r\n                <h3>Video surveillance<\/h3>\r\n                <p>Installation of IP cameras and smart security systems.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-service-card\">\r\n                <div class=\"ns-about-service-icon\">\ud83d\udd10<\/div>\r\n                <h3>Alarm systems<\/h3>\r\n                <p>Intrusion detection and electronic security solutions.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-service-card\">\r\n                <div class=\"ns-about-service-icon\">\ud83d\udcbb<\/div>\r\n                <h3>Software development<\/h3>\r\n                <p>Websites, business applications, and custom digital solutions.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-service-card\">\r\n                <div class=\"ns-about-service-icon\">\u2699\ufe0f<\/div>\r\n                <h3>IoT &amp; prototyping<\/h3>\r\n                <p>Arduino, ESP32, and smart embedded systems.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-service-card\">\r\n                <div class=\"ns-about-service-icon\">\u26a1<\/div>\r\n                <h3>Building electrical systems<\/h3>\r\n                <p>Residential and industrial electrical installations.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\nABOUT SERVICES DARK (NO IMAGE)\r\n===================================================== *\/\r\n\r\n.ns-about-services-dark{\r\n    background:linear-gradient(135deg,#061423,#071B34,#0B2A4A);\r\n    padding:120px 30px;\r\n    font-family:Arial,sans-serif;\r\n    color:white;\r\n    position:relative;\r\n    overflow:hidden;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.ns-about-services-dark-container{\r\n    max-width:1280px;\r\n    margin:auto;\r\n}\r\n\r\n.ns-about-services-dark-header{\r\n    text-align:center;\r\n    max-width:900px;\r\n    margin:0 auto 70px auto;\r\n}\r\n\r\n.ns-about-services-dark-badge{\r\n    display:inline-block;\r\n    padding:12px 22px;\r\n    border-radius:50px;\r\n    background:rgba(255,255,255,0.06);\r\n    border:1px solid rgba(255,255,255,0.12);\r\n    color:#00C2FF;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.ns-about-services-dark-header h2{\r\n    font-size:46px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.ns-about-services-dark-header p{\r\n    font-size:17px;\r\n    line-height:1.9;\r\n    color:rgba(255,255,255,0.75);\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n.ns-about-services-dark-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:22px;\r\n}\r\n\r\n\/* CARD *\/\r\n\r\n.ns-about-service-card{\r\n    background:rgba(255,255,255,0.05);\r\n    border:1px solid rgba(255,255,255,0.08);\r\n    border-radius:22px;\r\n    padding:26px;\r\n    transition:0.3s ease;\r\n    backdrop-filter:blur(10px);\r\n}\r\n\r\n.ns-about-service-card:hover{\r\n    transform:translateY(-6px);\r\n    background:rgba(255,255,255,0.08);\r\n}\r\n\r\n\/* ICON *\/\r\n\r\n.ns-about-service-icon{\r\n    font-size:28px;\r\n    margin-bottom:14px;\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.ns-about-service-card h3{\r\n    font-size:18px;\r\n    margin-bottom:10px;\r\n    color:white;\r\n}\r\n\r\n.ns-about-service-card p{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n    color:rgba(255,255,255,0.72);\r\n    margin:0;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media(max-width:1100px){\r\n    .ns-about-services-dark-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .ns-about-services-dark-header h2{\r\n        font-size:36px;\r\n    }\r\n}\r\n\r\n@media(max-width:768px){\r\n    .ns-about-services-dark{\r\n        padding:90px 20px;\r\n    }\r\n\r\n    .ns-about-services-dark-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-about-services-dark-header h2{\r\n        font-size:28px;\r\n    }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6012703 elementor-widget elementor-widget-html\" data-id=\"6012703\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\nNOVARIS ABOUT - MISSION\r\nSECTION CLAIRE SANS IMAGE\r\n===================================================== -->\r\n\r\n<section class=\"ns-about-mission-light\">\r\n\r\n    <div class=\"ns-about-mission-light-container\">\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"ns-about-mission-light-header\">\r\n\r\n            <span class=\"ns-about-mission-light-badge\">\r\n                OUR MISSION\r\n            <\/span>\r\n\r\n            <h2>\r\n                To provide reliable, integrated technical solutions tailored to the real needs of organizations\r\n            <\/h2>\r\n\r\n            <p>\r\n                We support companies, public administrations, and professionals in the design and implementation of complete technical systems covering infrastructure, security, and digital solutions.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- CONTENT GRID -->\r\n\r\n        <div class=\"ns-about-mission-light-grid\">\r\n\r\n            <div class=\"ns-about-mission-card\">\r\n                <div class=\"ns-about-mission-icon\">\ud83c\udfaf<\/div>\r\n                <h3>Objective<\/h3>\r\n                <p>To deliver functional, sustainable technical solutions adapted to real-world environments.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-mission-card\">\r\n                <div class=\"ns-about-mission-icon\">\ud83e\udde9<\/div>\r\n                <h3>Approach<\/h3>\r\n                <p>Comprehensive system integration: telephony, networks, security, software, and electrical systems.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-mission-card\">\r\n                <div class=\"ns-about-mission-icon\">\u2699\ufe0f<\/div>\r\n                <h3>Methodology<\/h3>\r\n                <p>Analysis, design, installation, and maintenance within a complete engineering framework.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- BOTTOM STRIP -->\r\n\r\n        <div class=\"ns-about-mission-strip\">\r\n\r\n            <div class=\"ns-about-mission-strip-item\">\r\n                \u2714 Solutions tailored to real needs\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-mission-strip-item\">\r\n                \u2714 Full system integration\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-mission-strip-item\">\r\n                \u2714 Reliability and service continuity\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\nMISSION LIGHT SECTION\r\n===================================================== *\/\r\n\r\n.ns-about-mission-light{\r\n    background:#ffffff;\r\n    padding:120px 30px;\r\n    font-family:Arial,sans-serif;\r\n    color:#071B34;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n.ns-about-mission-light-container{\r\n    max-width:1280px;\r\n    margin:auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.ns-about-mission-light-header{\r\n    text-align:center;\r\n    max-width:900px;\r\n    margin:0 auto 70px auto;\r\n}\r\n\r\n.ns-about-mission-light-badge{\r\n    display:inline-block;\r\n    padding:12px 22px;\r\n    border-radius:50px;\r\n    background:#eef5ff;\r\n    border:1px solid #d9e8ff;\r\n    color:#0B5ED7;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.ns-about-mission-light-header h2{\r\n    font-size:46px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.ns-about-mission-light-header p{\r\n    font-size:17px;\r\n    line-height:1.9;\r\n    color:#5F6B7A;\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n.ns-about-mission-light-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:22px;\r\n    margin-bottom:60px;\r\n}\r\n\r\n\/* CARD *\/\r\n\r\n.ns-about-mission-card{\r\n    background:#f7f9fc;\r\n    border:1px solid #e5edf5;\r\n    border-radius:22px;\r\n    padding:26px;\r\n    transition:0.3s ease;\r\n}\r\n\r\n.ns-about-mission-card:hover{\r\n    transform:translateY(-6px);\r\n    background:#ffffff;\r\n    box-shadow:0 18px 40px rgba(0,0,0,0.06);\r\n}\r\n\r\n\/* ICON *\/\r\n\r\n.ns-about-mission-icon{\r\n    font-size:28px;\r\n    margin-bottom:14px;\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.ns-about-mission-card h3{\r\n    font-size:18px;\r\n    margin-bottom:10px;\r\n    color:#071B34;\r\n}\r\n\r\n.ns-about-mission-card p{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n    color:#5F6B7A;\r\n    margin:0;\r\n}\r\n\r\n\/* STRIP *\/\r\n\r\n.ns-about-mission-strip{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    justify-content:center;\r\n    gap:14px;\r\n}\r\n\r\n.ns-about-mission-strip-item{\r\n    background:#eef5ff;\r\n    border:1px solid #d9e8ff;\r\n    color:#071B34;\r\n    padding:14px 18px;\r\n    border-radius:50px;\r\n    font-size:14px;\r\n    font-weight:600;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media(max-width:1100px){\r\n    .ns-about-mission-light-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-about-mission-light-header h2{\r\n        font-size:36px;\r\n    }\r\n}\r\n\r\n@media(max-width:768px){\r\n    .ns-about-mission-light{\r\n        padding:90px 20px;\r\n    }\r\n\r\n    .ns-about-mission-light-header h2{\r\n        font-size:28px;\r\n    }\r\n\r\n    .ns-about-mission-strip{\r\n        flex-direction:column;\r\n        align-items:center;\r\n    }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7aa2921 elementor-widget elementor-widget-html\" data-id=\"7aa2921\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\nNOVARIS ABOUT - VISION\r\nSECTION SOMBRE SANS IMAGE\r\n===================================================== -->\r\n\r\n<section class=\"ns-about-vision-dark\">\r\n\r\n    <div class=\"ns-about-vision-dark-container\">\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"ns-about-vision-dark-header\">\r\n\r\n            <span class=\"ns-about-vision-dark-badge\">\r\n                OUR VISION\r\n            <\/span>\r\n\r\n            <h2>\r\n                To become a leading player in the integration of technical systems and smart infrastructures\r\n            <\/h2>\r\n\r\n            <p>\r\n                Novaris Solutions aims to develop complete and interconnected solutions in the fields of telephony, networks, security, software development, IoT, and electrical infrastructure.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- GRID -->\r\n\r\n        <div class=\"ns-about-vision-dark-grid\">\r\n\r\n            <div class=\"ns-about-vision-card\">\r\n                <div class=\"ns-about-vision-icon\">\ud83d\ude80<\/div>\r\n                <h3>Continuous evolution<\/h3>\r\n                <p>Progressive adoption of new technologies and industry standards.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-vision-card\">\r\n                <div class=\"ns-about-vision-icon\">\ud83c\udf10<\/div>\r\n                <h3>Comprehensive integration<\/h3>\r\n                <p>Smart connectivity between all of the clients\u2019 technical systems.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-about-vision-card\">\r\n                <div class=\"ns-about-vision-icon\">\ud83e\udde0<\/div>\r\n                <h3>Advanced engineering<\/h3>\r\n                <p>Development of robust and scalable technical solutions.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- FOOT STRIP -->\r\n\r\n        <div class=\"ns-about-vision-strip\">\r\n\r\n            <div>\u2714 Modern and scalable solutions<\/div>\r\n            <div>\u2714 Multi-domain expertise<\/div>\r\n            <div>\u2714 Field-based and industrial approach<\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\nVISION DARK SECTION\r\n===================================================== *\/\r\n\r\n.ns-about-vision-dark{\r\n    background:linear-gradient(135deg,#061423,#071B34,#0B2A4A);\r\n    padding:120px 30px;\r\n    font-family:Arial,sans-serif;\r\n    color:white;\r\n    position:relative;\r\n    overflow:hidden;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n.ns-about-vision-dark-container{\r\n    max-width:1280px;\r\n    margin:auto;\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.ns-about-vision-dark-header{\r\n    text-align:center;\r\n    max-width:900px;\r\n    margin:0 auto 70px auto;\r\n}\r\n\r\n.ns-about-vision-dark-badge{\r\n    display:inline-block;\r\n    padding:12px 22px;\r\n    border-radius:50px;\r\n    background:rgba(255,255,255,0.06);\r\n    border:1px solid rgba(255,255,255,0.12);\r\n    color:#00C2FF;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.ns-about-vision-dark-header h2{\r\n    font-size:46px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.ns-about-vision-dark-header p{\r\n    font-size:17px;\r\n    line-height:1.9;\r\n    color:rgba(255,255,255,0.75);\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n.ns-about-vision-dark-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:22px;\r\n}\r\n\r\n\/* CARD *\/\r\n\r\n.ns-about-vision-card{\r\n    background:rgba(255,255,255,0.05);\r\n    border:1px solid rgba(255,255,255,0.08);\r\n    border-radius:22px;\r\n    padding:26px;\r\n    transition:0.3s ease;\r\n    backdrop-filter:blur(10px);\r\n}\r\n\r\n.ns-about-vision-card:hover{\r\n    transform:translateY(-6px);\r\n    background:rgba(255,255,255,0.08);\r\n}\r\n\r\n\/* ICON *\/\r\n\r\n.ns-about-vision-icon{\r\n    font-size:28px;\r\n    margin-bottom:14px;\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.ns-about-vision-card h3{\r\n    font-size:18px;\r\n    margin-bottom:10px;\r\n    color:white;\r\n}\r\n\r\n.ns-about-vision-card p{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n    color:rgba(255,255,255,0.72);\r\n    margin:0;\r\n}\r\n\r\n\/* STRIP *\/\r\n\r\n.ns-about-vision-strip{\r\n    margin-top:60px;\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    justify-content:center;\r\n    gap:14px;\r\n}\r\n\r\n.ns-about-vision-strip div{\r\n    background:rgba(255,255,255,0.06);\r\n    border:1px solid rgba(255,255,255,0.10);\r\n    padding:14px 18px;\r\n    border-radius:50px;\r\n    font-size:14px;\r\n    font-weight:600;\r\n    color:white;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media(max-width:1100px){\r\n    .ns-about-vision-dark-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-about-vision-dark-header h2{\r\n        font-size:36px;\r\n    }\r\n}\r\n\r\n@media(max-width:768px){\r\n    .ns-about-vision-dark{\r\n        padding:90px 20px;\r\n    }\r\n\r\n    .ns-about-vision-dark-header h2{\r\n        font-size:28px;\r\n    }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af04928 elementor-widget elementor-widget-html\" data-id=\"af04928\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<section class=\"ns-about-faq-section\">\n\n    <div class=\"ns-about-faq-container\">\n\n        <!-- TITLE -->\n\n        <div class=\"ns-about-faq-title\">\n\n            <span>\n                FREQUENTLY ASKED QUESTIONS\n            <\/span>\n\n            <h2>\n                Answers to your questions\n            <\/h2>\n\n            <p>\n                Discover answers to the most frequently asked questions about Novaris Solutions and our services.\n            <\/p>\n\n        <\/div>\n\n        <!-- FAQ GRID -->\n\n        <div class=\"ns-about-faq-grid\">\n\n            <!-- ITEM -->\n\n            <div class=\"ns-about-faq-item\">\n\n                <h3>\n                    What services does Novaris Solutions offer ?\n                <\/h3>\n\n                <p>\n                    We provide IT solutions, electronic security, IP telephony, software development, IoT, and electrical installation services.\n                <\/p>\n\n            <\/div>\n\n            <!-- ITEM -->\n\n            <div class=\"ns-about-faq-item\">\n\n                <h3>\n                    Do you work with companies ?\n                <\/h3>\n\n                <p>\n                    Yes, we support companies, businesses, and individuals with tailored solutions.\n                <\/p>\n\n            <\/div>\n\n            <!-- ITEM -->\n\n            <div class=\"ns-about-faq-item\">\n\n                <h3>\n                    Do you offer maintenance services ?\n                <\/h3>\n\n                <p>\n                    Yes, we provide technical support, maintenance services, and post-installation assistance.\n                <\/p>\n\n            <\/div>\n\n            <!-- ITEM -->\n\n            <div class=\"ns-about-faq-item\">\n\n                <h3>\n                    Are quotations free of charge ?\n                <\/h3>\n\n                <p>\n                    Yes, all assessments and quotation requests are free of charge and without obligation.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\n\/* =====================================================\nFAQ SECTION\n===================================================== *\/\n\n.ns-about-faq-section{\n    background:#F5F7FA;\n    padding:120px 30px;\n}\n\n\/* CONTAINER *\/\n\n.ns-about-faq-container{\n    max-width:1200px;\n    margin:auto;\n}\n\n\/* =====================================================\nTITLE\n===================================================== *\/\n\n.ns-about-faq-title{\n    text-align:center;\n    max-width:850px;\n    margin:auto auto 70px;\n}\n\n.ns-about-faq-title span{\n    display:inline-block;\n\n    background:rgba(11,94,215,0.08);\n\n    color:#0B5ED7;\n\n    padding:12px 22px;\n\n    border-radius:50px;\n\n    font-size:13px;\n    font-weight:700;\n\n    margin-bottom:24px;\n}\n\n.ns-about-faq-title h2{\n    color:#071B34;\n\n    font-size:48px;\n    line-height:1.2;\n\n    font-weight:800;\n\n    margin-bottom:22px;\n}\n\n.ns-about-faq-title p{\n    color:#5F6B7A;\n\n    font-size:17px;\n    line-height:1.8;\n}\n\n\/* =====================================================\nGRID\n===================================================== *\/\n\n.ns-about-faq-grid{\n    display:grid;\n\n    grid-template-columns:\n    repeat(auto-fit,minmax(280px,1fr));\n\n    gap:28px;\n}\n\n\/* =====================================================\nITEM\n===================================================== *\/\n\n.ns-about-faq-item{\n    background:white;\n\n    padding:35px;\n\n    border-radius:24px;\n\n    box-shadow:\n    0 10px 30px rgba(0,0,0,0.05);\n\n    transition:0.35s ease;\n}\n\n.ns-about-faq-item:hover{\n    transform:translateY(-8px);\n}\n\n\/* TEXT *\/\n\n.ns-about-faq-item h3{\n    color:#071B34;\n\n    font-size:22px;\n    line-height:1.4;\n\n    margin-bottom:16px;\n\n    font-weight:700;\n}\n\n.ns-about-faq-item p{\n    color:#5F6B7A;\n\n    font-size:15px;\n    line-height:1.9;\n}\n\n\/* =====================================================\nRESPONSIVE\n===================================================== *\/\n\n@media(max-width:1024px){\n\n    .ns-about-faq-title h2{\n        font-size:40px;\n    }\n\n}\n\n@media(max-width:768px){\n\n    .ns-about-faq-section{\n        padding:90px 20px;\n    }\n\n    .ns-about-faq-title h2{\n        font-size:30px;\n    }\n\n    .ns-about-faq-title p{\n        font-size:16px;\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09699c6 elementor-widget elementor-widget-html\" data-id=\"09699c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\nNOVARIS SOLUTIONS - FOOTER FINAL\nPAGE : \/solutions\n===================================================== -->\n\n<footer class=\"ns-footer\">\n\n    <div class=\"ns-footer-container\">\n\n        <!-- LEFT -->\n\n        <div class=\"ns-footer-col\">\n\n            <h3>Novaris Solutions<\/h3>\n\n            <p>\n                IT Solutions, Security &amp; Smart Technologies.\nWe support your projects with modern, reliable, and scalable solutions.\n            <\/p>\n\n        <\/div>\n\n        <!-- LINKS -->\n\n        <div class=\"ns-footer-col\">\n\n            <h4>Navigation<\/h4>\n\n            <a href=\"https:\/\/novaris.tn\/en\/solutions\/\">Home<\/a>\n              <a href=\"https:\/\/novaris.tn\/en\/solutions\/a-propos3\/\">About<\/a>\n            <a href=\"https:\/\/novaris.tn\/en\/solutions\/services\/\">Services<\/a>\n            <a href=\"https:\/\/novaris.tn\/en\/solutions\/nos-expertises\/\">\n                Our Expertise<\/a>\n          \n            <a href=\"https:\/\/novaris.tn\/en\/solutions\/contact3\/\">Contact<\/a>\n\n        <\/div>\n\n        <!-- SERVICES -->\n\n        <div class=\"ns-footer-col\">\n\n            <h4>Services<\/h4>\n\n            <a href=\"#\">Networks &amp; Infrastructure<\/a>\n            <a href=\"#\">Electronic Security<\/a>\n            <a href=\"#\">Telephony<\/a>\n            <a href=\"#\">Development<\/a>\n            <a href=\"#\">IoT &amp; Automation<\/a>\n\n        <\/div>\n\n        <!-- CONTACT -->\n\n        <div class=\"ns-footer-col\">\n\n            <h4>Contact<\/h4>\n             <p>\ud83d\udcde +216 22 089 612<\/p>\n                <p>\u2709\ufe0f contact@novaris.tn<\/p>\n               <p>\ud83d\udccd Avenue Sadok Mokaddem, Les Berges du Lac 1, 1053 Tunis <\/p>\n              \n\n           \n          \n         \n\n        <\/div>\n\n    <\/div>\n\n    <!-- BOTTOM BAR -->\n\n    <div class=\"ns-footer-bottom\">\n\n        <p>\n            \u00a9 2026 Novaris Solutions. Tous droits r\u00e9serv\u00e9s.\n        <\/p>\n\n    <\/div>\n\n<\/footer>\n\n<style>\n\n\/* =====================================================\nFOOTER\n===================================================== *\/\n\n.ns-footer{\n    background:#071B34;\n    color:white;\n    padding:80px 30px 0;\n}\n\n\/* CONTAINER *\/\n\n.ns-footer-container{\n    max-width:1280px;\n    margin:auto;\n\n    display:grid;\n    grid-template-columns:2fr 1fr 1fr 1fr;\n    gap:40px;\n}\n\n\/* COL *\/\n\n.ns-footer-col h3{\n    font-size:26px;\n    margin-bottom:15px;\n}\n\n.ns-footer-col h4{\n    font-size:18px;\n    margin-bottom:15px;\n    color:#00C2FF;\n}\n\n.ns-footer-col p{\n    color:rgba(255,255,255,0.75);\n    line-height:1.8;\n    font-size:15px;\n}\n\n\/* LINKS *\/\n\n.ns-footer-col a{\n    display:block;\n    color:rgba(255,255,255,0.75);\n    text-decoration:none;\n    margin-bottom:10px;\n    font-size:15px;\n    transition:0.3s;\n}\n\n.ns-footer-col a:hover{\n    color:#00C2FF;\n    transform:translateX(5px);\n}\n\n\/* BOTTOM *\/\n\n.ns-footer-bottom{\n    margin-top:60px;\n    padding:25px 0;\n    border-top:1px solid rgba(255,255,255,0.08);\n    text-align:center;\n}\n\n.ns-footer-bottom p{\n    color:rgba(255,255,255,0.6);\n    font-size:14px;\n}\n\n\/* RESPONSIVE *\/\n\n@media(max-width:1024px){\n    .ns-footer-container{\n        grid-template-columns:1fr 1fr;\n    }\n}\n\n@media(max-width:768px){\n    .ns-footer-container{\n        grid-template-columns:1fr;\n        text-align:center;\n    }\n\n    .ns-footer-col a{\n        text-align:center;\n    }\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Accueil \u00c0 propos Services Nos expertises Contact Demander un devis Novaris Group Site principal Novaris Academy FR EN \u2630 \u00c0 PROPOS \u2022 NOVARIS SOLUTIONS Votre partenaire en solutions techniques, infrastructures et syst\u00e8mes int\u00e9gr\u00e9s Novaris Solutions est le d\u00e9partement technique de Novaris Group sp\u00e9cialis\u00e9 dans l\u2019installation, l\u2019int\u00e9gration, le d\u00e9veloppement et la maintenance de solutions technologiques pour [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1364","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/novaris.tn\/en\/wp-json\/wp\/v2\/pages\/1364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/novaris.tn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/novaris.tn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/novaris.tn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/novaris.tn\/en\/wp-json\/wp\/v2\/comments?post=1364"}],"version-history":[{"count":55,"href":"https:\/\/novaris.tn\/en\/wp-json\/wp\/v2\/pages\/1364\/revisions"}],"predecessor-version":[{"id":1925,"href":"https:\/\/novaris.tn\/en\/wp-json\/wp\/v2\/pages\/1364\/revisions\/1925"}],"wp:attachment":[{"href":"https:\/\/novaris.tn\/en\/wp-json\/wp\/v2\/media?parent=1364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}