{"id":1360,"date":"2026-05-27T12:30:39","date_gmt":"2026-05-27T12:30:39","guid":{"rendered":"https:\/\/novaris.tn\/?page_id=1360"},"modified":"2026-06-18T17:49:16","modified_gmt":"2026-06-18T17:49:16","slug":"services","status":"publish","type":"page","link":"https:\/\/novaris.tn\/en\/services\/","title":{"rendered":"services"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1360\" class=\"elementor elementor-1360\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e47245 e-con e-atomic-element e-flexbox-base e-default-div e-701b5ab\" data-id=\"2e47245\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2e47245\">\n    \t\t<div class=\"elementor-element elementor-element-3ac5647 elementor-widget elementor-widget-html\" data-id=\"3ac5647\" 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-2abdf14 e-con e-atomic-element e-flexbox-base e-default-div e-10bd3aa\" data-id=\"2abdf14\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2abdf14\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-ba81665 e-con e-atomic-element e-flexbox-base e-default-div e-f63c3f1\" data-id=\"ba81665\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ba81665\">\n    \t\t<div class=\"elementor-element elementor-element-2430f5a elementor-widget elementor-widget-html\" data-id=\"2430f5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\nNOVARIS SOLUTIONS - HERO SERVICES (AVEC IMAGE)\r\n===================================================== -->\r\n\r\n<section class=\"ns-services-hero-img\">\r\n\r\n    <div class=\"ns-services-hero-img-container\">\r\n\r\n        <!-- LEFT CONTENT -->\r\n\r\n        <div class=\"ns-services-hero-img-content\">\r\n\r\n            <span class=\"ns-services-hero-img-badge\">\r\n                SOLUTIONS DEPARTMENT \u2022 NOVARIS GROUP\r\n            <\/span>\r\n\r\n            <h1>\r\n                Installation \u2022 Integration \u2022 Maintenance<br>\r\n                of professional technical systems\r\n            <\/h1>\r\n\r\n            <p>\r\n                Novaris Solutions provides the deployment and maintenance of complete technical solutions for businesses and infrastructure: telephony, networks, electronic security, software development, IoT, and building electrical systems.\r\n            <\/p>\r\n\r\n            <div class=\"ns-services-hero-img-points\">\r\n\r\n                <div class=\"ns-services-hero-img-point\">PABX &amp; IPBX telephony<\/div>\r\n                <div class=\"ns-services-hero-img-point\">Computer networks &amp; infrastructure<\/div>\r\n                <div class=\"ns-services-hero-img-point\">Surveillance cameras<\/div>\r\n                <div class=\"ns-services-hero-img-point\">Alarm systems<\/div>\r\n                <div class=\"ns-services-hero-img-point\">Web &amp; software development<\/div>\r\n                <div class=\"ns-services-hero-img-point\">IoT (Arduino \/ ESP32)<\/div>\r\n                <div class=\"ns-services-hero-img-point\">Building electrical systems<\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT VISUAL -->\r\n\r\n        <div class=\"ns-services-hero-img-visual\">\r\n\r\n            <div class=\"ns-services-hero-img-card\">\r\n\r\n                <img decoding=\"async\" \r\n                    src=\"https:\/\/novaris.tn\/wp-content\/uploads\/2026\/05\/novaris-solutions4.png\"\r\n                    alt=\"Solutions techniques Novaris\"\r\n                >\r\n\r\n            <\/div>\r\n\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\nHERO SERVICES AVEC IMAGE\r\n===================================================== *\/\r\n\r\n.ns-services-hero-img{\r\n    position:relative;\r\n    overflow:hidden;\r\n    padding:140px 30px 100px;\r\n    background:linear-gradient(135deg,#061423,#071B34,#0B2A4A);\r\n    font-family:Arial,sans-serif;\r\n    color:white;\r\n}\r\n\r\n\/* BG *\/\r\n\r\n.ns-services-hero-img::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:900px;\r\n    height:900px;\r\n    border-radius:50%;\r\n    background:radial-gradient(circle,rgba(0,194,255,0.12),transparent 70%);\r\n    top:-300px;\r\n    right:-250px;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n.ns-services-hero-img-container{\r\n    max-width:1200px;\r\n    margin:auto;\r\n    display:grid;\r\n    grid-template-columns:1.1fr 0.9fr;\r\n    gap:60px;\r\n    align-items:center;\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n\/* BADGE *\/\r\n\r\n.ns-services-hero-img-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:24px;\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.ns-services-hero-img-content h1{\r\n    font-size:54px;\r\n    line-height:1.15;\r\n    font-weight:800;\r\n    margin-bottom:26px;\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.ns-services-hero-img-content p{\r\n    font-size:18px;\r\n    line-height:1.9;\r\n    color:rgba(255,255,255,0.75);\r\n    margin-bottom:35px;\r\n}\r\n\r\n\/* POINTS *\/\r\n\r\n.ns-services-hero-img-points{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:12px;\r\n}\r\n\r\n.ns-services-hero-img-point{\r\n    background:rgba(255,255,255,0.06);\r\n    border:1px solid rgba(255,255,255,0.10);\r\n    padding:10px 14px;\r\n    border-radius:50px;\r\n    font-size:13px;\r\n    color:white;\r\n    transition:0.3s;\r\n}\r\n\r\n.ns-services-hero-img-point:hover{\r\n    background:rgba(0,194,255,0.18);\r\n    border-color:rgba(0,194,255,0.35);\r\n}\r\n\r\n\/* IMAGE CARD *\/\r\n\r\n.ns-services-hero-img-card{\r\n    border-radius:28px;\r\n    overflow:hidden;\r\n    box-shadow:0 30px 60px rgba(0,0,0,0.35);\r\n}\r\n\r\n.ns-services-hero-img-card img{\r\n    width:100%;\r\n    height:650px;\r\n    object-fit:cover;\r\n    display:block;\r\n}\r\n\r\n\/* FLOAT CARD *\/\r\n\r\n.ns-services-hero-img-floating{\r\n    position:absolute;\r\n    bottom:30px;\r\n    left:-30px;\r\n    display:flex;\r\n    gap:14px;\r\n    align-items:flex-start;\r\n    background:rgba(255,255,255,0.08);\r\n    border:1px solid rgba(255,255,255,0.10);\r\n    backdrop-filter:blur(12px);\r\n    padding:18px;\r\n    border-radius:18px;\r\n    width:260px;\r\n}\r\n\r\n.ns-services-hero-img-floating .icon{\r\n    font-size:26px;\r\n}\r\n\r\n.ns-services-hero-img-floating h4{\r\n    margin:0;\r\n    font-size:15px;\r\n}\r\n\r\n.ns-services-hero-img-floating p{\r\n    margin:4px 0 0 0;\r\n    font-size:13px;\r\n    color:rgba(255,255,255,0.7);\r\n    line-height:1.5;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media(max-width:1100px){\r\n    .ns-services-hero-img-container{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-services-hero-img-content h1{\r\n        font-size:40px;\r\n    }\r\n\r\n    .ns-services-hero-img-card img{\r\n        height:420px;\r\n    }\r\n\r\n    .ns-services-hero-img-floating{\r\n        position:relative;\r\n        left:auto;\r\n        bottom:auto;\r\n        margin-top:18px;\r\n        width:100%;\r\n    }\r\n}\r\n\r\n@media(max-width:768px){\r\n    .ns-services-hero-img{\r\n        padding:120px 20px 80px;\r\n    }\r\n\r\n    .ns-services-hero-img-content h1{\r\n        font-size:30px;\r\n    }\r\n\r\n    .ns-services-hero-img-content p{\r\n        font-size:16px;\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-00696e4 e-con e-atomic-element e-flexbox-base e-default-div e-185a7ec\" data-id=\"00696e4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"00696e4\">\n    \t\t<div class=\"elementor-element elementor-element-96eb613 elementor-widget elementor-widget-html\" data-id=\"96eb613\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\nNOVARIS SOLUTIONS - T\u00c9L\u00c9PHONIE & R\u00c9SEAUX\nLIGHT SECTION + DARK CARDS\n===================================================== -->\n\n<section class=\"ns-infra-section\">\n\n    <div class=\"ns-infra-wrapper\">\n\n        <div class=\"ns-infra-grid\">\n\n            <!-- T\u00c9L\u00c9PHONIE -->\n\n            <div class=\"ns-infra-card\">\n\n                <div class=\"ns-infra-icon\">\ud83d\udcde<\/div>\n\n                <span class=\"ns-infra-badge\">\n                    CORPORATE COMMUNICATIONS\n                <\/span>\n\n                <h3>Business telephony &amp; communication solutions<\/h3>\n\n                <p>\n                    Implementation of business telephony solutions integrating PABX, IPBX, and VoIP technologies to ensure efficient, scalable communications tailored to each organization\u2019s needs.\n                <\/p>\n\n                <div class=\"ns-infra-tags\">\n                    <span>PABX<\/span>\n                    <span>IPBX<\/span>\n                    <span>VoIP<\/span>\n                    <span>Maintenance<\/span>\n                <\/div>\n\n            <\/div>\n\n            <!-- R\u00c9SEAUX -->\n\n            <div class=\"ns-infra-card\">\n\n                <div class=\"ns-infra-icon\">\ud83c\udf10<\/div>\n\n                <span class=\"ns-infra-badge\">\n                    NETWORK INFRASTRUCTURE\n                <\/span>\n\n                <h3>Computer networks &amp; connectivity<\/h3>\n\n                <p>\n                    Design and deployment of high-performance network infrastructures ensuring secure connectivity between users, devices, and applications through structured cabling solutions, professional WiFi, and multi-site interconnection.\n                <\/p>\n\n                <div class=\"ns-infra-tags\">\n                    <span>LAN<\/span>\n                    <span>Professional WiFi<\/span>\n                    <span>Structured Cabling<\/span>\n                    <span>Infrastructure<\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\n\/* =====================================================\nNOVARIS - LIGHT CONTAINER + DARK CARDS\n===================================================== *\/\n\n.ns-infra-section{\n    background:#F5F7FA;\n    padding:100px 30px;\n    font-family:Arial,sans-serif;\n}\n\n\/* OUTER WHITE FRAME *\/\n\n.ns-infra-wrapper{\n    max-width:1300px;\n    margin:auto;\n    background:#FFFFFF;\n    border:1px solid #E5EAF1;\n    border-radius:32px;\n    padding:35px;\n    box-shadow:0 15px 40px rgba(0,0,0,.05);\n}\n\n\/* GRID *\/\n\n.ns-infra-grid{\n    display:grid;\n    grid-template-columns:repeat(2,1fr);\n    gap:25px;\n}\n\n\/* CARD *\/\n\n.ns-infra-card{\n    position:relative;\n    overflow:hidden;\n\n    background:linear-gradient(\n        135deg,\n        #061423,\n        #071B34,\n        #0B2A4A\n    );\n\n    border-radius:24px;\n    padding:35px;\n\n    border:1px solid rgba(255,255,255,.08);\n\n    transition:.35s ease;\n}\n\n.ns-infra-card:hover{\n    transform:translateY(-6px);\n}\n\n\/* TOP CYAN BAR *\/\n\n.ns-infra-card:before{\n    content:'';\n    position:absolute;\n    top:0;\n    left:0;\n    width:100%;\n    height:4px;\n    background:#00C2FF;\n}\n\n\/* ICON *\/\n\n.ns-infra-icon{\n    width:70px;\n    height:70px;\n    border-radius:18px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    font-size:32px;\n\n    background:rgba(0,194,255,.10);\n    border:1px solid rgba(0,194,255,.20);\n\n    margin-bottom:20px;\n}\n\n\/* BADGE *\/\n\n.ns-infra-badge{\n    display:inline-block;\n\n    padding:8px 14px;\n    border-radius:40px;\n\n    background:rgba(0,194,255,.10);\n    border:1px solid rgba(0,194,255,.20);\n\n    color:#00C2FF;\n\n    font-size:11px;\n    font-weight:700;\n    letter-spacing:1px;\n\n    margin-bottom:18px;\n}\n\n\/* TITLE *\/\n\n.ns-infra-card h3{\n    margin:0 0 18px;\n\n    color:#FFFFFF;\n\n    font-size:28px;\n    font-weight:800;\n    line-height:1.4;\n}\n\n\/* TEXT *\/\n\n.ns-infra-card p{\n    margin:0 0 25px;\n\n    color:rgba(255,255,255,.78);\n\n    font-size:15px;\n    line-height:1.9;\n}\n\n\/* TAGS *\/\n\n.ns-infra-tags{\n    display:flex;\n    flex-wrap:wrap;\n    gap:10px;\n}\n\n.ns-infra-tags span{\n    padding:8px 14px;\n\n    border-radius:40px;\n\n    background:rgba(0,194,255,.08);\n    border:1px solid rgba(0,194,255,.20);\n\n    color:#00C2FF;\n\n    font-size:12px;\n    font-weight:600;\n}\n\n\/* RESPONSIVE *\/\n\n@media(max-width:900px){\n\n    .ns-infra-grid{\n        grid-template-columns:1fr;\n    }\n\n}\n\n@media(max-width:768px){\n\n    .ns-infra-section{\n        padding:70px 20px;\n    }\n\n    .ns-infra-wrapper{\n        padding:20px;\n        border-radius:24px;\n    }\n\n    .ns-infra-card{\n        padding:28px;\n    }\n\n    .ns-infra-card h3{\n        font-size:22px;\n    }\n\n    .ns-infra-icon{\n        width:60px;\n        height:60px;\n        font-size:26px;\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7db888c e-con e-atomic-element e-flexbox-base e-default-div e-ad2fe3b\" data-id=\"7db888c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7db888c\">\n    \t\t<div class=\"elementor-element elementor-element-c4c1079 elementor-widget elementor-widget-html\" data-id=\"c4c1079\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\nNOVARIS SOLUTIONS - SERVICES BLOCK 2 (TH\u00c8ME CLAIR)\r\nVID\u00c9OSURVEILLANCE + ALARMES\r\n===================================================== -->\r\n\r\n<section class=\"ns-services-block-light\">\r\n\r\n    <div class=\"ns-services-block-light-container\">\r\n\r\n        <!-- CARD 1 -->\r\n\r\n        <div class=\"ns-services-block-light-card\">\r\n\r\n            <div class=\"ns-services-block-light-icon\">\ud83d\udcf9<\/div>\r\n\r\n            <h3>Professional video surveillance<\/h3>\r\n\r\n            <p>\r\n                Installation, configuration, and maintenance of IP surveillance camera systems for the security of businesses, retail spaces, and buildings.\r\n            <\/p>\r\n\r\n            <div class=\"ns-services-tags-light\">\r\n\r\n                <span>IP cameras<\/span>\r\n                <span>Recording<\/span>\r\n                <span>Remote monitoring<\/span>\r\n                <span>Security<\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- CARD 2 -->\r\n\r\n        <div class=\"ns-services-block-light-card\">\r\n\r\n            <div class=\"ns-services-block-light-icon\">\ud83d\udd10<\/div>\r\n\r\n            <h3>Alarm systems<\/h3>\r\n\r\n            <p>\r\n                Sale, installation, and maintenance of intrusion alarm systems for the protection of professional and residential premises.\r\n            <\/p>\r\n\r\n            <div class=\"ns-services-tags-light\">\r\n\r\n                <span>Intrusion<\/span>\r\n                <span>Detection<\/span>\r\n                <span>Building security<\/span>\r\n                <span>Maintenance<\/span>\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\nSERVICES BLOCK LIGHT\r\n===================================================== *\/\r\n\r\n.ns-services-block-light{\r\n    background:#F5F7FA;\r\n    padding:100px 30px;\r\n    font-family:Arial,sans-serif;\r\n    color:#071B34;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n.ns-services-block-light-container{\r\n    max-width:1200px;\r\n    margin:auto;\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:30px;\r\n}\r\n\r\n\/* CARD *\/\r\n\r\n.ns-services-block-light-card{\r\n    background:white;\r\n    border:1px solid #E6ECF3;\r\n    border-radius:22px;\r\n    padding:32px;\r\n    transition:0.3s;\r\n    box-shadow:0 10px 25px rgba(0,0,0,0.04);\r\n}\r\n\r\n.ns-services-block-light-card:hover{\r\n    transform:translateY(-6px);\r\n    box-shadow:0 18px 40px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* ICON *\/\r\n\r\n.ns-services-block-light-icon{\r\n    font-size:32px;\r\n    margin-bottom:18px;\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.ns-services-block-light-card h3{\r\n    font-size:22px;\r\n    margin-bottom:14px;\r\n    font-weight:800;\r\n    color:#071B34;\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.ns-services-block-light-card p{\r\n    font-size:15px;\r\n    line-height:1.8;\r\n    color:#5F6B7A;\r\n    margin-bottom:20px;\r\n}\r\n\r\n\/* TAGS *\/\r\n\r\n.ns-services-tags-light{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:10px;\r\n}\r\n\r\n.ns-services-tags-light span{\r\n    font-size:12px;\r\n    padding:8px 12px;\r\n    border-radius:40px;\r\n    background:#EAF2FF;\r\n    border:1px solid #D7E6FF;\r\n    color:#0B5ED7;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media(max-width:900px){\r\n    .ns-services-block-light-container{\r\n        grid-template-columns:1fr;\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-54367cc e-con e-atomic-element e-flexbox-base e-default-div e-0aa7d9f\" data-id=\"54367cc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"54367cc\">\n    \t\t<div class=\"elementor-element elementor-element-c20c373 elementor-widget elementor-widget-html\" data-id=\"c20c373\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\nNOVARIS SOLUTIONS - SERVICES BLOCK 3 (DARK THEME)\r\nD\u00c9VELOPPEMENT + IoT\r\n===================================================== -->\r\n\r\n<section class=\"ns-services-block-dark-2\">\r\n\r\n    <div class=\"ns-services-block-dark-2-container\">\r\n\r\n        <!-- CARD 1 -->\r\n\r\n        <div class=\"ns-services-block-dark-2-card\">\r\n\r\n            <div class=\"ns-services-block-dark-2-icon\">\ud83d\udcbb<\/div>\r\n\r\n            <h3>Software &amp; web development<\/h3>\r\n\r\n            <p>\r\n                Design and development of websites, business applications, and tailor-made digital solutions adapted to companies\u2019 needs.\r\n            <\/p>\r\n\r\n            <div class=\"ns-services-tags-dark-2\">\r\n\r\n                <span>Websites<\/span>\r\n                <span>Applications<\/span>\r\n                <span>ERP \/ CRM<\/span>\r\n                <span>Custom solutions<\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- CARD 2 -->\r\n\r\n        <div class=\"ns-services-block-dark-2-card\">\r\n\r\n            <div class=\"ns-services-block-dark-2-icon\">\u2699\ufe0f<\/div>\r\n\r\n            <h3>IoT &amp; electronic prototyping<\/h3>\r\n\r\n            <p>\r\n                Design of embedded systems and smart prototypes based on Arduino, ESP32, and connected technologies.\r\n            <\/p>\r\n\r\n            <div class=\"ns-services-tags-dark-2\">\r\n\r\n                <span>Arduino<\/span>\r\n                <span>ESP32<\/span>\r\n                <span>Embedded systems<\/span>\r\n                <span>Prototyping<\/span>\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\nSERVICES BLOCK DARK 2\r\n===================================================== *\/\r\n\r\n.ns-services-block-dark-2{\r\n    background:linear-gradient(135deg,#061423,#071B34,#0B2A4A);\r\n    padding:100px 30px;\r\n    font-family:Arial,sans-serif;\r\n    color:white;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n.ns-services-block-dark-2-container{\r\n    max-width:1200px;\r\n    margin:auto;\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:30px;\r\n}\r\n\r\n\/* CARD *\/\r\n\r\n.ns-services-block-dark-2-card{\r\n    background:rgba(255,255,255,0.05);\r\n    border:1px solid rgba(255,255,255,0.10);\r\n    border-radius:22px;\r\n    padding:32px;\r\n    transition:0.3s;\r\n    backdrop-filter:blur(10px);\r\n}\r\n\r\n.ns-services-block-dark-2-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-services-block-dark-2-icon{\r\n    font-size:32px;\r\n    margin-bottom:18px;\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.ns-services-block-dark-2-card h3{\r\n    font-size:22px;\r\n    margin-bottom:14px;\r\n    font-weight:800;\r\n    color:white;\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.ns-services-block-dark-2-card p{\r\n    font-size:15px;\r\n    line-height:1.8;\r\n    color:rgba(255,255,255,0.75);\r\n    margin-bottom:20px;\r\n}\r\n\r\n\/* TAGS *\/\r\n\r\n.ns-services-tags-dark-2{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:10px;\r\n}\r\n\r\n.ns-services-tags-dark-2 span{\r\n    font-size:12px;\r\n    padding:8px 12px;\r\n    border-radius:40px;\r\n    background:rgba(0,194,255,0.10);\r\n    border:1px solid rgba(0,194,255,0.20);\r\n    color:#00C2FF;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media(max-width:900px){\r\n    .ns-services-block-dark-2-container{\r\n        grid-template-columns:1fr;\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-62fdc41 e-con e-atomic-element e-flexbox-base e-default-div e-a54c375\" data-id=\"62fdc41\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"62fdc41\">\n    \t\t<div class=\"elementor-element elementor-element-89370be elementor-widget elementor-widget-html\" data-id=\"89370be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\nNOVARIS SOLUTIONS - SERVICES BLOCK 4 (THEME CLAIR)\r\n\u00c9LECTRICIT\u00c9 B\u00c2TIMENT\r\n===================================================== -->\r\n\r\n<section class=\"ns-services-block-light-2\">\r\n\r\n    <div class=\"ns-services-block-light-2-container\">\r\n\r\n        <!-- CARD FULL WIDTH -->\r\n\r\n        <div class=\"ns-services-block-light-2-card\">\r\n\r\n            <div class=\"ns-services-block-light-2-header\">\r\n\r\n                <div class=\"ns-services-block-light-2-icon\">\u26a1<\/div>\r\n\r\n                <h2>Building electrical systems<\/h2>\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n                Complete electrical installations for residential, commercial, and industrial buildings: design, wiring, compliance, and maintenance of electrical systems.\r\n            <\/p>\r\n\r\n            <div class=\"ns-services-block-light-2-grid\">\r\n\r\n                <div class=\"ns-services-block-light-2-item\">\r\n                    <h4>Installation<\/h4>\r\n                    <p>Complete electrical wiring for new and renovated buildings.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"ns-services-block-light-2-item\">\r\n                    <h4>Compliance<\/h4>\r\n                    <p>Compliance with standards and securing existing installations.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"ns-services-block-light-2-item\">\r\n                    <h4>Maintenance<\/h4>\r\n                    <p>Diagnosis, troubleshooting, and optimization of electrical networks.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"ns-services-block-light-2-item\">\r\n                    <h4>Electrical safety<\/h4>\r\n                    <p>Protection of installations and risk prevention.<\/p>\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\nSERVICES BLOCK LIGHT 2\r\n===================================================== *\/\r\n\r\n.ns-services-block-light-2{\r\n    background:#F5F7FA;\r\n    padding:100px 30px;\r\n    font-family:Arial,sans-serif;\r\n    color:#071B34;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n.ns-services-block-light-2-container{\r\n    max-width:1200px;\r\n    margin:auto;\r\n}\r\n\r\n\/* CARD *\/\r\n\r\n.ns-services-block-light-2-card{\r\n    background:white;\r\n    border:1px solid #E6ECF3;\r\n    border-radius:24px;\r\n    padding:40px;\r\n    box-shadow:0 12px 30px rgba(0,0,0,0.05);\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.ns-services-block-light-2-header{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    margin-bottom:20px;\r\n}\r\n\r\n\/* ICON *\/\r\n\r\n.ns-services-block-light-2-icon{\r\n    font-size:34px;\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.ns-services-block-light-2-header h2{\r\n    font-size:30px;\r\n    font-weight:800;\r\n    margin:0;\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.ns-services-block-light-2-card p{\r\n    font-size:16px;\r\n    line-height:1.9;\r\n    color:#5F6B7A;\r\n    margin-bottom:30px;\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n.ns-services-block-light-2-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:18px;\r\n}\r\n\r\n\/* ITEM *\/\r\n\r\n.ns-services-block-light-2-item{\r\n    background:#F8FBFF;\r\n    border:1px solid #E3ECF7;\r\n    padding:20px;\r\n    border-radius:18px;\r\n    transition:0.3s;\r\n}\r\n\r\n.ns-services-block-light-2-item:hover{\r\n    transform:translateY(-4px);\r\n    background:#EEF5FF;\r\n}\r\n\r\n\/* ITEM TEXT *\/\r\n\r\n.ns-services-block-light-2-item h4{\r\n    margin:0 0 8px 0;\r\n    font-size:16px;\r\n    font-weight:700;\r\n    color:#0B5ED7;\r\n}\r\n\r\n.ns-services-block-light-2-item p{\r\n    margin:0;\r\n    font-size:14px;\r\n    line-height:1.7;\r\n    color:#5F6B7A;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media(max-width:900px){\r\n    .ns-services-block-light-2-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-services-block-light-2-card{\r\n        padding:28px;\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-5cef552 e-con e-atomic-element e-flexbox-base e-default-div e-a3cfec2\" data-id=\"5cef552\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5cef552\">\n    \t\t<div class=\"elementor-element elementor-element-2f03f44 elementor-widget elementor-widget-html\" data-id=\"2f03f44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\nNOVARIS SOLUTIONS - SERVICES BLOCK 5 (DARK THEME)\r\nR\u00c9CAP + POSITIONNEMENT GLOBAL DES SERVICES\r\n===================================================== -->\r\n\r\n<section class=\"ns-services-summary-dark\">\r\n\r\n    <div class=\"ns-services-summary-dark-container\">\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"ns-services-summary-dark-header\">\r\n\r\n            <span class=\"ns-services-summary-dark-badge\">\r\n                GLOBAL OFFER\r\n            <\/span>\r\n\r\n            <h2>\r\n                A complete range of integrated technical solutions\r\n            <\/h2>\r\n\r\n            <p>\r\n                Novaris Solutions centralizes all services required for modern infrastructures: communications, security, networks, development, and energy.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- GRID -->\r\n\r\n        <div class=\"ns-services-summary-dark-grid\">\r\n\r\n            <div class=\"ns-services-summary-dark-card\">\r\n                <div class=\"icon\">\ud83d\udcde<\/div>\r\n                <h3>Telephony<\/h3>\r\n                <p>PABX & IPBX<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-services-summary-dark-card\">\r\n                <div class=\"icon\">\ud83c\udf10<\/div>\r\n                <h3>Networks<\/h3>\r\n                <p>IT infrastructure<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-services-summary-dark-card\">\r\n                <div class=\"icon\">\ud83d\udcf9<\/div>\r\n                <h3>Security<\/h3>\r\n                <p>ameras &amp; alarms<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-services-summary-dark-card\">\r\n                <div class=\"icon\">\ud83d\udcbb<\/div>\r\n                <h3>Development<\/h3>\r\n                <p>Web &amp; software<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-services-summary-dark-card\">\r\n                <div class=\"icon\">\u2699\ufe0f<\/div>\r\n                <h3>IoT<\/h3>\r\n                <p>Arduino & ESP32<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-services-summary-dark-card\">\r\n                <div class=\"icon\">\u26a1<\/div>\r\n                <h3>Electricity<\/h3>\r\n                <p>Building &amp; industry<\/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\nSUMMARY DARK\r\n===================================================== *\/\r\n\r\n.ns-services-summary-dark{\r\n    background:linear-gradient(135deg,#061423,#071B34,#0B2A4A);\r\n    padding:110px 30px;\r\n    font-family:Arial,sans-serif;\r\n    color:white;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n.ns-services-summary-dark-container{\r\n    max-width:1200px;\r\n    margin:auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.ns-services-summary-dark-header{\r\n    text-align:center;\r\n    max-width:850px;\r\n    margin:0 auto 60px auto;\r\n}\r\n\r\n.ns-services-summary-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:18px;\r\n}\r\n\r\n.ns-services-summary-dark-header h2{\r\n    font-size:44px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    margin-bottom:14px;\r\n}\r\n\r\n.ns-services-summary-dark-header p{\r\n    font-size:16px;\r\n    line-height:1.8;\r\n    color:rgba(255,255,255,0.75);\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n.ns-services-summary-dark-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:18px;\r\n}\r\n\r\n\/* CARD *\/\r\n\r\n.ns-services-summary-dark-card{\r\n    background:rgba(255,255,255,0.05);\r\n    border:1px solid rgba(255,255,255,0.10);\r\n    border-radius:20px;\r\n    padding:24px;\r\n    text-align:center;\r\n    transition:0.3s;\r\n}\r\n\r\n.ns-services-summary-dark-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-services-summary-dark-card .icon{\r\n    font-size:30px;\r\n    margin-bottom:12px;\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.ns-services-summary-dark-card h3{\r\n    font-size:18px;\r\n    margin:0 0 6px 0;\r\n}\r\n\r\n.ns-services-summary-dark-card p{\r\n    margin:0;\r\n    font-size:14px;\r\n    color:rgba(255,255,255,0.7);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media(max-width:900px){\r\n    .ns-services-summary-dark-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-services-summary-dark-header h2{\r\n        font-size:32px;\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-d62800d e-con e-atomic-element e-flexbox-base e-default-div e-b23ffbb\" data-id=\"d62800d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d62800d\">\n    \t\t<div class=\"elementor-element elementor-element-7b2e349 elementor-widget elementor-widget-html\" data-id=\"7b2e349\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\nNOVARIS SOLUTIONS - CTA FINAL (CONTACT \/ DEVIS)\r\n===================================================== -->\r\n\r\n<section class=\"ns-services-cta\">\r\n\r\n    <div class=\"ns-services-cta-container\">\r\n\r\n        <!-- CONTENT -->\r\n\r\n        <div class=\"ns-services-cta-content\">\r\n\r\n            <span class=\"ns-services-cta-badge\">\r\n                LET\u2019S TALK ABOUT YOUR PROJECT\r\n            <\/span>\r\n\r\n            <h2>\r\n                Need a complete technical solution ?\r\n            <\/h2>\r\n\r\n            <p>\r\n                We analyze your needs and propose a tailored solution in telephony, networks, security, development, IoT, or building electrical systems.\r\n            <\/p>\r\n\r\n            <!-- ACTIONS -->\r\n\r\n            <div class=\"ns-services-cta-actions\">\r\n\r\n                <a href=\"\/en\/contact\/\" class=\"ns-services-cta-primary\">\r\n                    Request a quote\r\n                <\/a>\r\n\r\n                <a href=\"\/en\/a-propos3\/\" class=\"ns-services-cta-secondary\">\r\n                    Learn more\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- INFO BOX -->\r\n\r\n        <div class=\"ns-services-cta-box\">\r\n\r\n            <div class=\"ns-services-cta-box-item\">\r\n                <h4>Fast response<\/h4>\r\n                <p>Analysis of your needs within 24\u201348 hours<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-services-cta-box-item\">\r\n                <h4>Custom solutions<\/h4>\r\n                <p>ailored to your actual infrastructure<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-services-cta-box-item\">\r\n                <h4>Full support<\/h4>\r\n                <p>Installation, configuration, and maintenance<\/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\nCTA SECTION\r\n===================================================== *\/\r\n\r\n.ns-services-cta{\r\n    background:#F5F7FA;\r\n    padding:110px 30px;\r\n    font-family:Arial,sans-serif;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n.ns-services-cta-container{\r\n    max-width:1200px;\r\n    margin:auto;\r\n    display:grid;\r\n    grid-template-columns:1.2fr 0.8fr;\r\n    gap:40px;\r\n    align-items:center;\r\n}\r\n\r\n\/* BADGE *\/\r\n\r\n.ns-services-cta-badge{\r\n    display:inline-block;\r\n    padding:12px 22px;\r\n    border-radius:50px;\r\n    background:#EAF2FF;\r\n    border:1px solid #D7E6FF;\r\n    color:#0B5ED7;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    margin-bottom:18px;\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.ns-services-cta-content h2{\r\n    font-size:44px;\r\n    font-weight:800;\r\n    color:#071B34;\r\n    margin-bottom:16px;\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.ns-services-cta-content p{\r\n    font-size:16px;\r\n    line-height:1.9;\r\n    color:#5F6B7A;\r\n    margin-bottom:30px;\r\n    max-width:700px;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n\r\n.ns-services-cta-actions{\r\n    display:flex;\r\n    gap:14px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n\/* PRIMARY *\/\r\n\r\n.ns-services-cta-primary{\r\n    background:linear-gradient(135deg,#0B5ED7,#00C2FF);\r\n    color:white;\r\n    padding:16px 28px;\r\n    border-radius:14px;\r\n    font-weight:700;\r\n    text-decoration:none;\r\n    transition:0.3s;\r\n}\r\n\r\n.ns-services-cta-primary:hover{\r\n    transform:translateY(-3px);\r\n}\r\n\r\n\/* SECONDARY *\/\r\n\r\n.ns-services-cta-secondary{\r\n    border:2px solid #0B5ED7;\r\n    color:#0B5ED7;\r\n    padding:16px 28px;\r\n    border-radius:14px;\r\n    font-weight:700;\r\n    text-decoration:none;\r\n    transition:0.3s;\r\n}\r\n\r\n.ns-services-cta-secondary:hover{\r\n    background:#0B5ED7;\r\n    color:white;\r\n}\r\n\r\n\/* BOX *\/\r\n\r\n.ns-services-cta-box{\r\n    background:white;\r\n    border:1px solid #E6ECF3;\r\n    border-radius:22px;\r\n    padding:28px;\r\n    box-shadow:0 12px 30px rgba(0,0,0,0.05);\r\n}\r\n\r\n.ns-services-cta-box-item{\r\n    margin-bottom:18px;\r\n}\r\n\r\n.ns-services-cta-box-item:last-child{\r\n    margin-bottom:0;\r\n}\r\n\r\n.ns-services-cta-box-item h4{\r\n    margin:0 0 6px 0;\r\n    font-size:16px;\r\n    font-weight:800;\r\n    color:#071B34;\r\n}\r\n\r\n.ns-services-cta-box-item p{\r\n    margin:0;\r\n    font-size:14px;\r\n    color:#5F6B7A;\r\n    line-height:1.6;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .ns-services-cta-container{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-services-cta-content h2{\r\n        font-size:32px;\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-d834a37 e-con e-atomic-element e-flexbox-base e-default-div e-b29c999\" data-id=\"d834a37\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d834a37\">\n    \t\t<div class=\"elementor-element elementor-element-377733f elementor-widget elementor-widget-html\" data-id=\"377733f\" 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 D\u00c9PARTEMENT SOLUTIONS \u2022 NOVARIS GROUP Installation \u2022 Int\u00e9gration \u2022 Maintenance des syst\u00e8mes techniques professionnels Novaris Solutions assure la mise en place et la maintenance de solutions techniques compl\u00e8tes pour entreprises et infrastructures : t\u00e9l\u00e9phonie, r\u00e9seaux, s\u00e9curit\u00e9 [&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-1360","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/novaris.tn\/en\/wp-json\/wp\/v2\/pages\/1360","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=1360"}],"version-history":[{"count":61,"href":"https:\/\/novaris.tn\/en\/wp-json\/wp\/v2\/pages\/1360\/revisions"}],"predecessor-version":[{"id":1928,"href":"https:\/\/novaris.tn\/en\/wp-json\/wp\/v2\/pages\/1360\/revisions\/1928"}],"wp:attachment":[{"href":"https:\/\/novaris.tn\/en\/wp-json\/wp\/v2\/media?parent=1360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}