{"id":1358,"date":"2026-05-27T12:29:13","date_gmt":"2026-05-27T12:29:13","guid":{"rendered":"https:\/\/novaris.tn\/?page_id=1358"},"modified":"2026-06-18T17:44:05","modified_gmt":"2026-06-18T17:44:05","slug":"solutions","status":"publish","type":"page","link":"https:\/\/novaris.tn\/en\/solutions\/","title":{"rendered":"solutions"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1358\" class=\"elementor elementor-1358\">\n\t\t\t\t<div class=\"elementor-element elementor-element-556e61f e-con e-atomic-element e-flexbox-base e-default-div e-d15d83d\" data-id=\"556e61f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"556e61f\">\n    \t\t<div class=\"elementor-element elementor-element-ededb61 elementor-widget elementor-widget-html\" data-id=\"ededb61\" 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-b1252d6 e-con e-atomic-element e-flexbox-base e-default-div e-d58d72b\" data-id=\"b1252d6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b1252d6\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-ecb412b e-con e-atomic-element e-flexbox-base e-default-div e-df01f2a\" data-id=\"ecb412b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ecb412b\">\n    \t\t<div class=\"elementor-element elementor-element-3570d74 elementor-widget elementor-widget-html\" data-id=\"3570d74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ns-hero-v2\">\r\n\r\n    <div class=\"ns-hero-overlay\"><\/div>\r\n    <div class=\"ns-hero-glow\"><\/div>\r\n\r\n    <div class=\"ns-hero-container\">\r\n\r\n        <!-- LEFT -->\r\n        <div class=\"ns-hero-content\">\r\n\r\n            <span class=\"ns-hero-badge\">\r\n                SOLUTIONS DEPARTMENT \u2022 NOVARIS GROUP\r\n            <\/span>\r\n\r\n            <h1>\r\n                Installation \u2022 Integration \u2022 Development <br>\r\n                &amp; Technical Infrastructures\r\n            <\/h1>\r\n\r\n            <p>\r\n                Novaris Solutions is the department of Novaris Group specialized in the design, installation, integration, and maintenance of technological solutions for businesses, public institutions, organizations, and professionals.\r\n                <br><br>\r\n                We operate in the fields of business telephony (PABX &amp; IPBX), computer networks, electronic security systems (video surveillance and alarms), software and website development, the Internet of Things (IoT), as well as electrical installations for residential and industrial buildings.\r\n            <\/p>\r\n\r\n            <div class=\"ns-hero-buttons\">\r\n\r\n                <a href=\"https:\/\/novaris.tn\/en\/solutions\/contact3\/\" class=\"ns-hero-btn-primary\">\r\n                    Request an intervention\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/novaris.tn\/en\/solutions\/services\/\" class=\"ns-hero-btn-secondary\">\r\n                    View our services\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT -->\r\n        <div class=\"ns-hero-visual\">\r\n\r\n            <div class=\"ns-hero-image-card\">\r\n\r\n               <img decoding=\"async\" \r\n    src=\"https:\/\/novaris.tn\/wp-content\/uploads\/2026\/05\/novaris-solutions1-.png\"\r\n    alt=\"Solutions techniques et infrastructures\"\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.ns-hero-v2{\r\n    position:relative;\r\n    overflow:hidden;\r\n    min-height:100vh;\r\n    display:flex;\r\n    align-items:center;\r\n    background:linear-gradient(135deg,#071B34,#0B2A4A,#071B34);\r\n    padding:140px 30px 100px;\r\n}\r\n\r\n.ns-hero-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    background:radial-gradient(circle at top right, rgba(0,194,255,0.10), transparent 40%);\r\n}\r\n\r\n.ns-hero-glow{\r\n    position:absolute;\r\n    width:650px;\r\n    height:650px;\r\n    border-radius:50%;\r\n    background:radial-gradient(circle, rgba(0,194,255,0.08), transparent 70%);\r\n    top:-220px;\r\n    right:-140px;\r\n}\r\n\r\n.ns-hero-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.05fr 0.95fr;\r\n    gap:60px;\r\n    align-items:center;\r\n}\r\n\r\n\/* BADGE *\/\r\n.ns-hero-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.08);\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    letter-spacing:1px;\r\n    margin-bottom:28px;\r\n}\r\n\r\n\/* TITLE *\/\r\n.ns-hero-content h1{\r\n    color:white;\r\n    font-size:64px;\r\n    line-height:1.08;\r\n    font-weight:800;\r\n    margin-bottom:28px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.ns-hero-content p{\r\n    color:rgba(255,255,255,0.78);\r\n    font-size:18px;\r\n    line-height:1.9;\r\n    max-width:720px;\r\n    margin-bottom:40px;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.ns-hero-buttons{\r\n    display:flex;\r\n    gap:18px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n.ns-hero-btn-primary{\r\n    background:linear-gradient(135deg,#0B5ED7,#00C2FF);\r\n    color:white;\r\n    text-decoration:none;\r\n    padding:18px 34px;\r\n    border-radius:14px;\r\n    font-size:15px;\r\n    font-weight:700;\r\n    box-shadow:0 15px 35px rgba(11,94,215,0.35);\r\n    transition:0.3s ease;\r\n}\r\n\r\n.ns-hero-btn-primary:hover{\r\n    transform:translateY(-4px);\r\n}\r\n\r\n.ns-hero-btn-secondary{\r\n    border:2px solid rgba(255,255,255,0.14);\r\n    color:white;\r\n    text-decoration:none;\r\n    padding:18px 34px;\r\n    border-radius:14px;\r\n    font-size:15px;\r\n    font-weight:700;\r\n    transition:0.3s ease;\r\n}\r\n\r\n.ns-hero-btn-secondary:hover{\r\n    background:white;\r\n    color:#071B34;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.ns-hero-image-card{\r\n    border-radius:32px;\r\n    overflow:hidden;\r\n    box-shadow:0 30px 60px rgba(0,0,0,0.35);\r\n}\r\n\r\n.ns-hero-image-card img{\r\n    width:100%;\r\n    height:720px;\r\n    object-fit:cover;\r\n}\r\n\r\n\/* FLOATING CARDS *\/\r\n.ns-floating-card{\r\n    position:absolute;\r\n    display:flex;\r\n    gap:14px;\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(14px);\r\n    padding:14px 16px;\r\n    border-radius:16px;\r\n    width:260px;\r\n}\r\n\r\n.ns-floating-card span{\r\n    font-size:24px;\r\n}\r\n\r\n.ns-floating-card h4{\r\n    color:white;\r\n    font-size:15px;\r\n    margin-bottom:6px;\r\n}\r\n\r\n.ns-floating-card p{\r\n    color:rgba(255,255,255,0.72);\r\n    font-size:13px;\r\n    line-height:1.5;\r\n    margin:0;\r\n}\r\n\r\n\/* POSITIONS (ALL ACTIVITIES) *\/\r\n.ns-floating-1{ top:20px; left:-30px; }\r\n.ns-floating-2{ top:120px; right:-40px; }\r\n.ns-floating-3{ top:260px; left:-40px; }\r\n.ns-floating-4{ bottom:260px; right:-40px; }\r\n.ns-floating-5{ bottom:180px; left:-30px; }\r\n.ns-floating-6{ bottom:80px; right:-30px; }\r\n.ns-floating-7{ bottom:-20px; left:40px; }\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:1100px){\r\n    .ns-hero-container{\r\n        grid-template-columns:1fr;\r\n    }\r\n    .ns-hero-content h1{\r\n        font-size:52px;\r\n    }\r\n}\r\n\r\n@media(max-width:768px){\r\n    .ns-hero-v2{\r\n        padding:120px 20px 80px;\r\n    }\r\n    .ns-hero-content h1{\r\n        font-size:36px;\r\n    }\r\n    .ns-hero-content p{\r\n        font-size:15.5px;\r\n    }\r\n    .ns-hero-image-card img{\r\n        height:420px;\r\n    }\r\n    .ns-floating-card{\r\n        position:relative;\r\n        width:100%;\r\n        margin-top:14px;\r\n        left:auto;\r\n        right:auto;\r\n        top:auto;\r\n        bottom:auto;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9ad6ef1 e-con e-atomic-element e-flexbox-base e-default-div e-a166b14\" data-id=\"9ad6ef1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9ad6ef1\">\n    \t\t<div class=\"elementor-element elementor-element-a698062 elementor-widget elementor-widget-html\" data-id=\"a698062\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ns-services\">\r\n\r\n    <div class=\"ns-services-container\">\r\n\r\n        <!-- TITLE -->\r\n        <div class=\"ns-services-header\">\r\n\r\n            <h2>\r\n                Our areas of expertise\r\n            <\/h2>\r\n\r\n            <p>\r\n                Complete technical solutions covering infrastructure, security, connected systems, and digital development.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- GRID -->\r\n        <div class=\"ns-services-grid\">\r\n\r\n            <!-- TELEPHONIE -->\r\n            <div class=\"ns-service-card\">\r\n                <div class=\"ns-service-icon\">\ud83d\udcde<\/div>\r\n                <h3>Business telephony<\/h3>\r\n                <p>ABX \u2022 IPBX \u2022 analog \u2022 digital \u2022 IP \u2013 complete installation, configuration, and maintenance.<\/p>\r\n            <\/div>\r\n\r\n            <!-- RESEAUX -->\r\n            <div class=\"ns-service-card\">\r\n                <div class=\"ns-service-icon\">\ud83d\udce1<\/div>\r\n                <h3>Computer networks<\/h3>\r\n                <p>Structured cabling, LAN, WiFi, network infrastructure, and system interconnection.<\/p>\r\n            <\/div>\r\n\r\n            <!-- VIDEOSURVEILLANCE -->\r\n            <div class=\"ns-service-card\">\r\n                <div class=\"ns-service-icon\">\ud83d\udcf9<\/div>\r\n                <h3>Video surveillance<\/h3>\r\n                <p>Installation of IP cameras, monitoring systems, and visual security solutions.<\/p>\r\n            <\/div>\r\n\r\n            <!-- ALARME -->\r\n            <div class=\"ns-service-card\">\r\n                <div class=\"ns-service-icon\">\ud83d\udd10<\/div>\r\n                <h3>Alarm systems<\/h3>\r\n                <p>ntrusion alarm systems, detection, and protection of professional and residential sites.<\/p>\r\n            <\/div>\r\n\r\n            <!-- SOFTWARE -->\r\n            <div class=\"ns-service-card\">\r\n                <div class=\"ns-service-icon\">\ud83d\udcbb<\/div>\r\n                <h3>Software development<\/h3>\r\n                <p>Websites, business applications, digital platforms, and custom solutions.<\/p>\r\n            <\/div>\r\n\r\n            <!-- IOT -->\r\n            <div class=\"ns-service-card\">\r\n                <div class=\"ns-service-icon\">\u2699\ufe0f<\/div>\r\n                <h3>IoT &amp; embedded systems<\/h3>\r\n                <p>Arduino and ESP32 prototyping, connected devices, and smart solutions.<\/p>\r\n            <\/div>\r\n\r\n            <!-- ELECTRICITE -->\r\n            <div class=\"ns-service-card\">\r\n                <div class=\"ns-service-icon\">\u26a1<\/div>\r\n                <h3>Building electrical systems<\/h3>\r\n                <p>Residential and industrial electrical installations, compliance, 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.ns-services{\r\n    width:100%;\r\n    padding:110px 20px;\r\n    background:linear-gradient(180deg,#f6f9fc,#eef3f8);\r\n    font-family:Arial, sans-serif;\r\n}\r\n\r\n.ns-services-container{\r\n    max-width:1200px;\r\n    margin:auto;\r\n}\r\n\r\n.ns-services-header{\r\n    text-align:center;\r\n    margin-bottom:60px;\r\n}\r\n\r\n.ns-services-header h2{\r\n    font-size:44px;\r\n    color:#0b2a4a;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.ns-services-header p{\r\n    font-size:18px;\r\n    color:#5b6b7a;\r\n    max-width:820px;\r\n    margin:auto;\r\n    line-height:1.8;\r\n}\r\n\r\n.ns-services-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:22px;\r\n}\r\n\r\n.ns-service-card{\r\n    background:white;\r\n    border-radius:18px;\r\n    padding:28px 24px;\r\n    border:1px solid #e3eaf2;\r\n    box-shadow:0 6px 18px rgba(0,0,0,0.04);\r\n    transition:0.25s ease;\r\n}\r\n\r\n.ns-service-card:hover{\r\n    transform:translateY(-6px);\r\n    box-shadow:0 14px 30px rgba(0,0,0,0.08);\r\n}\r\n\r\n.ns-service-icon{\r\n    font-size:28px;\r\n    margin-bottom:14px;\r\n}\r\n\r\n.ns-service-card h3{\r\n    font-size:18px;\r\n    color:#0b2a4a;\r\n    margin-bottom:10px;\r\n}\r\n\r\n.ns-service-card p{\r\n    font-size:15px;\r\n    color:#5b6b7a;\r\n    line-height:1.7;\r\n}\r\n\r\n@media(max-width:900px){\r\n    .ns-services-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n}\r\n\r\n@media(max-width:600px){\r\n    .ns-services-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-services-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-eca6dca e-con e-atomic-element e-flexbox-base e-default-div e-d93309b\" data-id=\"eca6dca\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eca6dca\">\n    \t\t<div class=\"elementor-element elementor-element-c230f6d elementor-widget elementor-widget-html\" data-id=\"c230f6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ns-process\">\r\n\r\n    <div class=\"ns-process-container\">\r\n\r\n        <!-- TITLE -->\r\n        <div class=\"ns-process-header\">\r\n\r\n            <h2>\r\n                How we operate\r\n            <\/h2>\r\n\r\n            <p>\r\n                A structured approach to ensure reliable installations, controlled integration, and ongoing maintenance.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- STEPS -->\r\n        <div class=\"ns-process-grid\">\r\n\r\n            <!-- STEP 1 -->\r\n            <div class=\"ns-process-card\">\r\n                <div class=\"ns-process-number\">01<\/div>\r\n                <h3>Needs analysis<\/h3>\r\n                <p>Site assessment, technical constraints analysis, and definition of tailored solutions.<\/p>\r\n            <\/div>\r\n\r\n            <!-- STEP 2 -->\r\n            <div class=\"ns-process-card\">\r\n                <div class=\"ns-process-number\">02<\/div>\r\n                <h3>Technical design<\/h3>\r\n                <p>Selection of architectures and equipment, and planning of the solutions to be deployed.<\/p>\r\n            <\/div>\r\n\r\n            <!-- STEP 3 -->\r\n            <div class=\"ns-process-card\">\r\n                <div class=\"ns-process-number\">03<\/div>\r\n                <h3>Installation &amp; integration<\/h3>\r\n                <p>Implementation of systems: telephony, networks, security, IoT, or electrical systems.<\/p>\r\n            <\/div>\r\n\r\n            <!-- STEP 4 -->\r\n            <div class=\"ns-process-card\">\r\n                <div class=\"ns-process-number\">04<\/div>\r\n                <h3>Tests &amp; validation<\/h3>\r\n                <p>Full verification of system functionality, performance, and compliance.<\/p>\r\n            <\/div>\r\n\r\n            <!-- STEP 5 -->\r\n            <div class=\"ns-process-card\">\r\n                <div class=\"ns-process-number\">05<\/div>\r\n                <h3>Maintenance &amp; monitoring<\/h3>\r\n                <p>Technical support, preventive maintenance, and system upgrades.<\/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.ns-process{\r\n    width:100%;\r\n    padding:110px 20px;\r\n    background:linear-gradient(180deg,#0b2a4a,#071b34);\r\n    font-family:Arial, sans-serif;\r\n    color:white;\r\n}\r\n\r\n.ns-process-container{\r\n    max-width:1200px;\r\n    margin:auto;\r\n}\r\n\r\n.ns-process-header{\r\n    text-align:center;\r\n    margin-bottom:60px;\r\n}\r\n\r\n.ns-process-header h2{\r\n    font-size:44px;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.ns-process-header p{\r\n    font-size:18px;\r\n    color:rgba(255,255,255,0.75);\r\n    max-width:820px;\r\n    margin:auto;\r\n    line-height:1.8;\r\n}\r\n\r\n.ns-process-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n    gap:18px;\r\n}\r\n\r\n.ns-process-card{\r\n    background:rgba(255,255,255,0.06);\r\n    border:1px solid rgba(255,255,255,0.10);\r\n    border-radius:18px;\r\n    padding:24px 18px;\r\n    backdrop-filter:blur(10px);\r\n    transition:0.25s ease;\r\n}\r\n\r\n.ns-process-card:hover{\r\n    transform:translateY(-6px);\r\n    background:rgba(255,255,255,0.10);\r\n}\r\n\r\n.ns-process-number{\r\n    font-size:22px;\r\n    font-weight:800;\r\n    color:#00C2FF;\r\n    margin-bottom:12px;\r\n}\r\n\r\n.ns-process-card h3{\r\n    font-size:16px;\r\n    margin-bottom:10px;\r\n}\r\n\r\n.ns-process-card p{\r\n    font-size:14px;\r\n    color:rgba(255,255,255,0.75);\r\n    line-height:1.6;\r\n}\r\n\r\n@media(max-width:1100px){\r\n    .ns-process-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n}\r\n\r\n@media(max-width:600px){\r\n    .ns-process-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-process-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-84c8c6f e-con e-atomic-element e-flexbox-base e-default-div e-c553b61\" data-id=\"84c8c6f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"84c8c6f\">\n    \t\t<div class=\"elementor-element elementor-element-450f6d7 elementor-widget elementor-widget-html\" data-id=\"450f6d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ns-advantages\">\r\n\r\n    <div class=\"ns-advantages-container\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"ns-advantages-header\">\r\n\r\n            <h2>\r\n                Why choose Novaris Solutions ?\r\n            <\/h2>\r\n\r\n            <p>\r\n                A global technical approach combining field expertise, multi-system integration, and service continuity.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- GRID -->\r\n        <div class=\"ns-advantages-grid\">\r\n\r\n            <div class=\"ns-adv-card\">\r\n                <div class=\"ns-adv-icon\">\ud83e\udde0<\/div>\r\n                <h3>Real technical expertise<\/h3>\r\n                <p>Hands-on expertise in field systems: telephony, networks, security, IoT, and electrical systems.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-adv-card\">\r\n                <div class=\"ns-adv-icon\">\ud83d\udd27<\/div>\r\n                <h3>Installation &amp; maintenance<\/h3>\r\n                <p>End-to-end interventions, from installation to preventive and corrective maintenance.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-adv-card\">\r\n                <div class=\"ns-adv-icon\">\ud83d\udd17<\/div>\r\n                <h3>Comprehensive integration<\/h3>\r\n                <p>Interconnection between systems: IT, security, communications, and infrastructure.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-adv-card\">\r\n                <div class=\"ns-adv-icon\">\u26a1<\/div>\r\n                <h3>Field responsiveness<\/h3>\r\n                <p>Rapid interventions to ensure system continuity and availability.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-adv-card\">\r\n                <div class=\"ns-adv-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                <h3>System security<\/h3>\r\n                <p>Reliable solutions to protect infrastructures and critical data.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ns-adv-card\">\r\n                <div class=\"ns-adv-icon\">\ud83d\udcca<\/div>\r\n                <h3>Scalable solutions<\/h3>\r\n                <p>Architectures that evolve with the company\u2019s needs.<\/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.ns-advantages{\r\n    width:100%;\r\n    padding:110px 20px;\r\n    background:linear-gradient(180deg,#eef3f8,#f7fafc);\r\n    font-family:Arial, sans-serif;\r\n}\r\n\r\n.ns-advantages-container{\r\n    max-width:1200px;\r\n    margin:auto;\r\n}\r\n\r\n.ns-advantages-header{\r\n    text-align:center;\r\n    margin-bottom:60px;\r\n}\r\n\r\n.ns-advantages-header h2{\r\n    font-size:44px;\r\n    color:#0b2a4a;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.ns-advantages-header p{\r\n    font-size:18px;\r\n    color:#5b6b7a;\r\n    max-width:820px;\r\n    margin:auto;\r\n    line-height:1.8;\r\n}\r\n\r\n.ns-advantages-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:22px;\r\n}\r\n\r\n.ns-adv-card{\r\n    background:white;\r\n    border-radius:18px;\r\n    padding:28px 24px;\r\n    border:1px solid #e3eaf2;\r\n    box-shadow:0 6px 18px rgba(0,0,0,0.04);\r\n    transition:0.25s ease;\r\n}\r\n\r\n.ns-adv-card:hover{\r\n    transform:translateY(-6px);\r\n    box-shadow:0 14px 30px rgba(0,0,0,0.08);\r\n}\r\n\r\n.ns-adv-icon{\r\n    font-size:28px;\r\n    margin-bottom:14px;\r\n}\r\n\r\n.ns-adv-card h3{\r\n    font-size:18px;\r\n    color:#0b2a4a;\r\n    margin-bottom:10px;\r\n}\r\n\r\n.ns-adv-card p{\r\n    font-size:15px;\r\n    color:#5b6b7a;\r\n    line-height:1.7;\r\n}\r\n\r\n@media(max-width:900px){\r\n    .ns-advantages-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n}\r\n\r\n@media(max-width:600px){\r\n    .ns-advantages-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-advantages-header h2{\r\n        font-size:32px;\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-c730172 elementor-widget elementor-widget-html\" data-id=\"c730172\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\nNOVARIS SOLUTIONS - EXPERTISE TEAM SECTION\r\nVERSION SOMBRE\r\n===================================================== -->\r\n\r\n<section class=\"ns-expertise-section\">\r\n\r\n    <div class=\"ns-expertise-bg\"><\/div>\r\n\r\n    <div class=\"ns-expertise-container\">\r\n\r\n        <!-- LEFT CONTENT -->\r\n\r\n        <div class=\"ns-expertise-content\">\r\n\r\n            <span class=\"ns-expertise-badge\">\r\n                OUR TEAM\r\n            <\/span>\r\n\r\n            <h2>\r\n                A multidisciplinary team <br>\r\n                with backgrounds in academia <br>\r\n                &amp; industry\r\n            <\/h2>\r\n\r\n            <p>\r\n                Novaris Solutions, the technology department of Novaris Group, draws on expertise from higher education, engineering, IT infrastructure, and professional environments.\r\n            <\/p>\r\n\r\n            <p>\r\n                Our approach combines technical expertise, strategic support, and technological monitoring to deliver modern, reliable solutions tailored to the real needs of businesses and individuals.\r\n            <\/p>\r\n\r\n            <div class=\"ns-expertise-features\">\r\n\r\n                <div class=\"ns-expertise-item\">\r\n\r\n                    <div class=\"ns-expertise-icon\">\r\n                        \ud83c\udf93\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <h3>\r\n                            Academic expertise\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Experts from academia and higher education institutions.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ns-expertise-item\">\r\n\r\n                    <div class=\"ns-expertise-icon\">\r\n                        \ud83d\udee0\ufe0f\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <h3>\r\n                            Technical skills\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Networks, electronic security, smart systems, and development.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ns-expertise-item\">\r\n\r\n                    <div class=\"ns-expertise-icon\">\r\n                        \u26a1\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <h3>\r\n                            Modern solutions\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Scalable technologies adapted to professional needs.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ns-expertise-item\">\r\n\r\n                    <div class=\"ns-expertise-icon\">\r\n                        \ud83e\udd1d\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <h3>\r\n                            Professional support\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Consulting, assistance, and follow-up to ensure reliable solutions.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT VISUAL -->\r\n\r\n        <div class=\"ns-expertise-visual\">\r\n\r\n            <div class=\"ns-expertise-main-card\">\r\n\r\n                <img decoding=\"async\" \r\n                    src=\"https:\/\/novaris.tn\/wp-content\/uploads\/2026\/05\/novaris-solutions2.png\"\r\n                    alt=\"\u00c9quipe Novaris Solutions\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"ns-expertise-floating ns-floating-top\">\r\n\r\n                <span>\r\n                    \ud83d\udca1\r\n                <\/span>\r\n\r\n                <div>\r\n\r\n                    <h4>\r\n                        Innovation &amp; expertise\r\n                    <\/h4>\r\n\r\n                    <p>\r\n                        A quality-, technology-, and evolution-oriented approach.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"ns-expertise-floating ns-floating-bottom\">\r\n\r\n                <span>\r\n                    \ud83c\udf10\r\n                <\/span>\r\n\r\n                <div>\r\n\r\n                    <h4>\r\n                        Connected solutions\r\n                    <\/h4>\r\n\r\n                    <p>\r\n                        Networks, security, development &amp; IoT.\r\n                    <\/p>\r\n\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\nEXPERTISE SECTION\r\n===================================================== *\/\r\n\r\n.ns-expertise-section{\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:120px 30px;\r\n}\r\n\r\n\/* =====================================================\r\nBACKGROUND\r\n===================================================== *\/\r\n\r\n.ns-expertise-bg{\r\n    position:absolute;\r\n\r\n    width:700px;\r\n    height:700px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle,\r\n        rgba(0,194,255,0.10),\r\n        transparent 70%\r\n    );\r\n\r\n    top:-250px;\r\n    right:-150px;\r\n}\r\n\r\n\/* =====================================================\r\nCONTAINER\r\n===================================================== *\/\r\n\r\n.ns-expertise-container{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    max-width:1280px;\r\n\r\n    margin:auto;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n    1.05fr 0.95fr;\r\n\r\n    gap:70px;\r\n\r\n    align-items:center;\r\n}\r\n\r\n\/* =====================================================\r\nBADGE\r\n===================================================== *\/\r\n\r\n.ns-expertise-badge{\r\n    display:inline-block;\r\n\r\n    background:\r\n    rgba(255,255,255,0.08);\r\n\r\n    border:\r\n    1px solid rgba(255,255,255,0.08);\r\n\r\n    color:#00C2FF;\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:24px;\r\n}\r\n\r\n\/* =====================================================\r\nTITLE\r\n===================================================== *\/\r\n\r\n.ns-expertise-content h2{\r\n    color:#ffffff;\r\n\r\n    font-size:54px;\r\n    line-height:1.2;\r\n\r\n    font-weight:800;\r\n\r\n    margin-bottom:28px;\r\n}\r\n\r\n\/* =====================================================\r\nTEXT\r\n===================================================== *\/\r\n\r\n.ns-expertise-content p{\r\n    color:rgba(255,255,255,0.78);\r\n\r\n    font-size:17px;\r\n    line-height:1.9;\r\n\r\n    margin-bottom:24px;\r\n}\r\n\r\n\/* =====================================================\r\nFEATURES\r\n===================================================== *\/\r\n\r\n.ns-expertise-features{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    gap:24px;\r\n    margin-top:40px;\r\n}\r\n\r\n\/* =====================================================\r\nITEM\r\n===================================================== *\/\r\n\r\n.ns-expertise-item{\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:24px;\r\n\r\n    padding:28px;\r\n\r\n    backdrop-filter:blur(10px);\r\n\r\n    box-shadow:\r\n    0 15px 35px rgba(0,0,0,0.18);\r\n\r\n    transition:0.3s ease;\r\n}\r\n\r\n.ns-expertise-item:hover{\r\n    transform:translateY(-6px);\r\n\r\n    background:rgba(255,255,255,0.10);\r\n\r\n    box-shadow:\r\n    0 20px 45px rgba(0,0,0,0.25);\r\n}\r\n\r\n\/* ICON *\/\r\n\r\n.ns-expertise-icon{\r\n    width:68px;\r\n    height:68px;\r\n\r\n    border-radius:20px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    font-size:30px;\r\n\r\n    margin-bottom:18px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        135deg,\r\n        rgba(0,194,255,0.18),\r\n        rgba(11,94,215,0.18)\r\n    );\r\n}\r\n\r\n\/* ITEM TEXT *\/\r\n\r\n.ns-expertise-item h3{\r\n    color:#ffffff;\r\n\r\n    font-size:22px;\r\n\r\n    margin-bottom:12px;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n.ns-expertise-item p{\r\n    margin:0;\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.8;\r\n\r\n    color:rgba(255,255,255,0.72);\r\n}\r\n\r\n\/* =====================================================\r\nVISUAL\r\n===================================================== *\/\r\n\r\n.ns-expertise-visual{\r\n    position:relative;\r\n}\r\n\r\n\/* MAIN IMAGE *\/\r\n\r\n.ns-expertise-main-card{\r\n    overflow:hidden;\r\n\r\n    border-radius:32px;\r\n\r\n    box-shadow:\r\n    0 30px 60px rgba(0,0,0,0.30);\r\n}\r\n\r\n.ns-expertise-main-card img{\r\n    width:100%;\r\n    height:760px;\r\n\r\n    object-fit:cover;\r\n\r\n    display:block;\r\n}\r\n\r\n\/* =====================================================\r\nFLOATING CARDS\r\n===================================================== *\/\r\n\r\n.ns-expertise-floating{\r\n    position:absolute;\r\n\r\n    display:flex;\r\n    align-items:flex-start;\r\n\r\n    gap:16px;\r\n\r\n    width:280px;\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    backdrop-filter:blur(14px);\r\n\r\n    padding:22px;\r\n\r\n    border-radius:22px;\r\n\r\n    box-shadow:\r\n    0 20px 50px rgba(0,0,0,0.25);\r\n}\r\n\r\n.ns-expertise-floating span{\r\n    font-size:28px;\r\n}\r\n\r\n.ns-expertise-floating h4{\r\n    color:#ffffff;\r\n\r\n    font-size:17px;\r\n\r\n    margin-bottom:8px;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n.ns-expertise-floating p{\r\n    margin:0;\r\n\r\n    color:rgba(255,255,255,0.72);\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n.ns-floating-top{\r\n    top:40px;\r\n    left:-40px;\r\n}\r\n\r\n.ns-floating-bottom{\r\n    bottom:40px;\r\n    right:-40px;\r\n}\r\n\r\n\/* =====================================================\r\nRESPONSIVE\r\n===================================================== *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n    .ns-expertise-container{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-expertise-content h2{\r\n        font-size:42px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .ns-expertise-section{\r\n        padding:90px 20px;\r\n    }\r\n\r\n    .ns-expertise-content h2{\r\n        font-size:32px;\r\n    }\r\n\r\n    .ns-expertise-content p{\r\n        font-size:16px;\r\n    }\r\n\r\n    .ns-expertise-features{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-expertise-main-card img{\r\n        height:480px;\r\n    }\r\n\r\n    .ns-expertise-floating{\r\n        position:relative;\r\n        width:100%;\r\n        left:auto;\r\n        right:auto;\r\n        top:auto;\r\n        bottom:auto;\r\n        margin-top:20px;\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-31cf7ce e-con e-atomic-element e-flexbox-base e-default-div e-a20b238\" data-id=\"31cf7ce\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"31cf7ce\">\n    \t\t<div class=\"elementor-element elementor-element-1aaa55a elementor-widget elementor-widget-html\" data-id=\"1aaa55a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ns-expertise-section-light\">\r\n\r\n    <div class=\"ns-expertise-bg-light\"><\/div>\r\n\r\n    <div class=\"ns-expertise-container-light\">\r\n\r\n        <!-- LEFT -->\r\n        <div class=\"ns-expertise-content-light\">\r\n\r\n            <span class=\"ns-expertise-badge-light\">\r\n                OUR SERVICES \/ OUR OPERATIONS\r\n            <\/span>\r\n\r\n            <h2>\r\n                Complete mastery of technical infrastructures<br>\r\n                and integrated systems\r\n            <\/h2>\r\n\r\n            <p>\r\n                Novaris Solutions operates across all essential technical systems for businesses and professional infrastructures, ensuring the installation, integration, and maintenance of reliable and scalable solutions.\r\n            <\/p>\r\n\r\n            <div class=\"ns-expertise-features-light\">\r\n\r\n                <div class=\"ns-expertise-item-light\">\r\n                    <div class=\"ns-expertise-icon-light\">\ud83d\udcde<\/div>\r\n                    <div>\r\n                        <h3>Business telephony<\/h3>\r\n                        <p>PABX &amp; IPBX \u2013 analog, digital, and IP solutions.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-expertise-item-light\">\r\n                    <div class=\"ns-expertise-icon-light\">\ud83d\udce1<\/div>\r\n                    <div>\r\n                        <h3>Computer networks<\/h3>\r\n                        <p>Installation, cabling, WiFi, and network infrastructure.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-expertise-item-light\">\r\n                    <div class=\"ns-expertise-icon-light\">\ud83d\udcf9<\/div>\r\n                    <div>\r\n                        <h3>Video surveillance<\/h3>\r\n                        <p>IP cameras and professional surveillance systems<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-expertise-item-light\">\r\n                    <div class=\"ns-expertise-icon-light\">\ud83d\udd10<\/div>\r\n                    <div>\r\n                        <h3>Alarm systems<\/h3>\r\n                        <p>Intrusion detection and site security<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-expertise-item-light\">\r\n                    <div class=\"ns-expertise-icon-light\">\ud83d\udcbb<\/div>\r\n                    <div>\r\n                        <h3>Software development<\/h3>\r\n                        <p>Custom websites and business applications<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-expertise-item-light\">\r\n                    <div class=\"ns-expertise-icon-light\">\u2699\ufe0f<\/div>\r\n                    <div>\r\n                        <h3>IoT &amp; prototyping<\/h3>\r\n                        <p>Arduino, ESP32, and smart embedded systems<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-expertise-item-light\">\r\n                    <div class=\"ns-expertise-icon-light\">\u26a1<\/div>\r\n                    <div>\r\n                        <h3>Building electrical systems<\/h3>\r\n                        <p>Residential and industrial installations<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT -->\r\n        <div class=\"ns-expertise-visual-light\">\r\n\r\n            <div class=\"ns-expertise-main-card-light\">\r\n\r\n                <img decoding=\"async\" \r\n                    src=\"https:\/\/images.unsplash.com\/photo-1544197150-b99a580bb7a8?auto=format&fit=crop&w=1400&q=80\"\r\n                    alt=\"Infrastructures techniques\"\r\n                >\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.ns-expertise-section-light{\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:linear-gradient(180deg,#ffffff 0%,#f4f8fc 100%);\r\n    padding:120px 30px;\r\n    font-family:Arial,sans-serif;\r\n}\r\n\r\n.ns-expertise-bg-light{\r\n    position:absolute;\r\n    width:700px;\r\n    height:700px;\r\n    border-radius:50%;\r\n    background:radial-gradient(circle,rgba(11,94,215,0.08),transparent 70%);\r\n    top:-250px;\r\n    right:-200px;\r\n}\r\n\r\n.ns-expertise-container-light{\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:70px;\r\n    align-items:center;\r\n}\r\n\r\n.ns-expertise-badge-light{\r\n    display:inline-block;\r\n    background:rgba(11,94,215,0.08);\r\n    color:#0B5ED7;\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.ns-expertise-content-light h2{\r\n    font-size:48px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    color:#071B34;\r\n    margin-bottom:26px;\r\n}\r\n\r\n.ns-expertise-content-light p{\r\n    font-size:17px;\r\n    line-height:1.9;\r\n    color:#5F6B7A;\r\n    margin-bottom:22px;\r\n    max-width:720px;\r\n}\r\n\r\n.ns-expertise-features-light{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:18px;\r\n    margin-top:35px;\r\n}\r\n\r\n.ns-expertise-item-light{\r\n    display:flex;\r\n    gap:14px;\r\n    padding:20px;\r\n    border-radius:18px;\r\n    background:#ffffff;\r\n    border:1px solid #E3EAF2;\r\n    box-shadow:0 8px 24px rgba(0,0,0,0.04);\r\n    transition:0.3s ease;\r\n}\r\n\r\n.ns-expertise-item-light:hover{\r\n    transform:translateY(-5px);\r\n    box-shadow:0 15px 35px rgba(0,0,0,0.08);\r\n}\r\n\r\n.ns-expertise-icon-light{\r\n    width:52px;\r\n    height:52px;\r\n    border-radius:14px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-size:24px;\r\n    background:linear-gradient(135deg,#eef5ff,#e5f7ff);\r\n    flex-shrink:0;\r\n}\r\n\r\n.ns-expertise-item-light h3{\r\n    font-size:16px;\r\n    margin:0 0 6px 0;\r\n    color:#071B34;\r\n}\r\n\r\n.ns-expertise-item-light p{\r\n    margin:0;\r\n    font-size:14px;\r\n    color:#667789;\r\n    line-height:1.6;\r\n}\r\n\r\n.ns-expertise-main-card-light{\r\n    border-radius:28px;\r\n    overflow:hidden;\r\n    box-shadow:0 30px 60px rgba(0,0,0,0.12);\r\n}\r\n\r\n.ns-expertise-main-card-light img{\r\n    width:100%;\r\n    height:720px;\r\n    object-fit:cover;\r\n    display:block;\r\n}\r\n\r\n@media(max-width:1100px){\r\n\r\n    .ns-expertise-container-light{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-expertise-content-light h2{\r\n        font-size:38px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .ns-expertise-section-light{\r\n        padding:90px 20px;\r\n    }\r\n\r\n    .ns-expertise-features-light{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-expertise-main-card-light img{\r\n        height:420px;\r\n    }\r\n\r\n    .ns-expertise-content-light h2{\r\n        font-size:30px;\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-b9c3d02 e-con e-atomic-element e-flexbox-base e-default-div e-1bad6ea\" data-id=\"b9c3d02\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b9c3d02\">\n    \t\t<div class=\"elementor-element elementor-element-fb0f87b elementor-widget elementor-widget-html\" data-id=\"fb0f87b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\nNOVARIS SOLUTIONS - FINAL CTA SECTION\nPAGE : \/solutions\n===================================================== -->\n\n<section class=\"ns-cta-v2\">\n\n    <!-- BACKGROUND -->\n\n    <div class=\"ns-cta-bg\"><\/div>\n\n    <div class=\"ns-cta-container\">\n\n        <!-- CONTENT -->\n\n        <div class=\"ns-cta-content\">\n\n            <span>\n                NEED A TECHNICAL SOLUTION ?\n            <\/span>\n\n            <h2>\n                Let's talk about your project <br>\n                today\n            <\/h2>\n\n            <p>\n                Our team supports you in the design, installation, and deployment of IT, security, and smart systems solutions.\n            <\/p>\n\n            <!-- BUTTONS -->\n\n            <div class=\"ns-cta-buttons\">\n\n                <a \n                    href=\"https:\/\/novaris.tn\/en\/solutions\/contact3\/\"\n                    class=\"ns-cta-btn-primary\"\n                >\n                    Request a quote\n                <\/a>\n\n                <a \n                    href=\"https:\/\/wa.me\/21622089612\"\n                    target=\"_blank\"\n                    class=\"ns-cta-btn-secondary\"\n                >\n                    WhatsApp\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\n\/* =====================================================\nCTA SECTION\n===================================================== *\/\n\n.ns-cta-v2{\n    position:relative;\n\n    overflow:hidden;\n\n    background:\n    linear-gradient(\n        135deg,\n        #071B34 0%,\n        #0B2A4A 50%,\n        #071B34 100%\n    );\n\n    padding:120px 30px;\n}\n\n\/* =====================================================\nBACKGROUND\n===================================================== *\/\n\n.ns-cta-bg{\n    position:absolute;\n\n    width:800px;\n    height:800px;\n\n    border-radius:50%;\n\n    background:\n    radial-gradient(\n        circle,\n        rgba(0,194,255,0.12),\n        transparent 70%\n    );\n\n    top:-300px;\n    left:-200px;\n}\n\n\/* =====================================================\nCONTAINER\n===================================================== *\/\n\n.ns-cta-container{\n    position:relative;\n    z-index:2;\n\n    max-width:1100px;\n\n    margin:auto;\n}\n\n\/* =====================================================\nCONTENT\n===================================================== *\/\n\n.ns-cta-content{\n    text-align:center;\n\n    background:\n    rgba(255,255,255,0.05);\n\n    border:\n    1px solid rgba(255,255,255,0.08);\n\n    backdrop-filter:blur(14px);\n\n    border-radius:36px;\n\n    padding:90px 60px;\n\n    box-shadow:\n    0 30px 60px rgba(0,0,0,0.18);\n}\n\n\/* =====================================================\nBADGE\n===================================================== *\/\n\n.ns-cta-content span{\n    display:inline-block;\n\n    background:\n    rgba(255,255,255,0.08);\n\n    border:\n    1px solid rgba(255,255,255,0.08);\n\n    color:#00C2FF;\n\n    padding:12px 22px;\n\n    border-radius:50px;\n\n    font-size:13px;\n    font-weight:700;\n\n    margin-bottom:26px;\n}\n\n\/* =====================================================\nTITLE\n===================================================== *\/\n\n.ns-cta-content h2{\n    color:white;\n\n    font-size:58px;\n    line-height:1.2;\n\n    font-weight:800;\n\n    margin-bottom:26px;\n}\n\n\/* =====================================================\nTEXT\n===================================================== *\/\n\n.ns-cta-content p{\n    color:rgba(255,255,255,0.75);\n\n    font-size:18px;\n    line-height:1.9;\n\n    max-width:760px;\n\n    margin:auto auto 42px;\n}\n\n\/* =====================================================\nBUTTONS\n===================================================== *\/\n\n.ns-cta-buttons{\n    display:flex;\n\n    justify-content:center;\n\n    gap:18px;\n\n    flex-wrap:wrap;\n}\n\n\/* PRIMARY *\/\n\n.ns-cta-btn-primary{\n    background:\n    linear-gradient(\n        135deg,\n        #0B5ED7,\n        #00C2FF\n    );\n\n    color:white;\n\n    text-decoration:none;\n\n    padding:18px 36px;\n\n    border-radius:14px;\n\n    font-size:16px;\n    font-weight:700;\n\n    transition:0.3s ease;\n\n    box-shadow:\n    0 15px 35px rgba(11,94,215,0.35);\n}\n\n.ns-cta-btn-primary:hover{\n    transform:translateY(-4px);\n}\n\n\/* SECONDARY *\/\n\n.ns-cta-btn-secondary{\n    border:\n    2px solid rgba(255,255,255,0.12);\n\n    color:white;\n\n    text-decoration:none;\n\n    padding:18px 36px;\n\n    border-radius:14px;\n\n    font-size:16px;\n    font-weight:700;\n\n    transition:0.3s ease;\n}\n\n.ns-cta-btn-secondary:hover{\n    background:white;\n    color:#071B34;\n}\n\n\/* =====================================================\nRESPONSIVE\n===================================================== *\/\n\n@media(max-width:1024px){\n\n    .ns-cta-content h2{\n        font-size:46px;\n    }\n\n}\n\n@media(max-width:768px){\n\n    .ns-cta-v2{\n        padding:90px 20px;\n    }\n\n    .ns-cta-content{\n        padding:60px 28px;\n    }\n\n    .ns-cta-content h2{\n        font-size:32px;\n    }\n\n    .ns-cta-content p{\n        font-size:16px;\n    }\n\n    .ns-cta-buttons{\n        flex-direction:column;\n    }\n\n    .ns-cta-btn-primary,\n    .ns-cta-btn-secondary{\n        width:100%;\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c6c3467 e-con e-atomic-element e-flexbox-base e-default-div e-98ce105\" data-id=\"c6c3467\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c6c3467\">\n    \t\t<div class=\"elementor-element elementor-element-4bf5dc0 elementor-widget elementor-widget-html\" data-id=\"4bf5dc0\" 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<div class=\"elementor-element elementor-element-1776e03 e-con e-atomic-element e-flexbox-base e-default-div e-d897b80\" data-id=\"1776e03\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1776e03\">\n    \t\t<div class=\"elementor-element elementor-element-c7b8dd7 elementor-widget elementor-widget-html\" data-id=\"c7b8dd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ns-cta\">\r\n\r\n    <div class=\"ns-cta-container\">\r\n\r\n        <div class=\"ns-cta-box\">\r\n\r\n            <div class=\"ns-cta-content\">\r\n\r\n                <h2>\r\n                    Besoin d\u2019une intervention ou d\u2019un devis ?\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Nous \u00e9tudions votre besoin et vous proposons une solution technique adapt\u00e9e \u00e0 votre infrastructure, votre budget et vos contraintes.\r\n                <\/p>\r\n\r\n                <div class=\"ns-cta-buttons\">\r\n\r\n                    <a href=\"https:\/\/novaris.tn\/en\/solutions\/contact3\/\" class=\"ns-cta-primary\">\r\n                        Request a quote\r\n                    <\/a>\r\n\r\n                    <a href=\"https:\/\/novaris.tn\/en\/solutions\/services\/\" class=\"ns-cta-secondary\">\r\n                        Voir les services\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"ns-cta-side\">\r\n\r\n                <div class=\"ns-cta-item\">\r\n                    <div class=\"ns-cta-icon\">\u26a1<\/div>\r\n                    <div>\r\n                        <h4>Intervention rapide<\/h4>\r\n                        <p>R\u00e9ponse dans les meilleurs d\u00e9lais<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-cta-item\">\r\n                    <div class=\"ns-cta-icon\">\ud83d\udee0\ufe0f<\/div>\r\n                    <div>\r\n                        <h4>Custom solutions<\/h4>\r\n                        <p>Adapt\u00e9es \u00e0 votre environnement<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-cta-item\">\r\n                    <div class=\"ns-cta-icon\">\ud83d\udd10<\/div>\r\n                    <div>\r\n                        <h4>Syst\u00e8mes fiables<\/h4>\r\n                        <p>Stabilit\u00e9 et s\u00e9curit\u00e9 garanties<\/p>\r\n                    <\/div>\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.ns-cta{\r\n    width:100%;\r\n    padding:110px 20px;\r\n    background:linear-gradient(135deg,#071b34,#0b2a4a);\r\n    font-family:Arial, sans-serif;\r\n    color:white;\r\n}\r\n\r\n.ns-cta-container{\r\n    max-width:1200px;\r\n    margin:auto;\r\n}\r\n\r\n.ns-cta-box{\r\n    display:grid;\r\n    grid-template-columns:1.2fr 0.8fr;\r\n    gap:40px;\r\n    background:rgba(255,255,255,0.05);\r\n    border:1px solid rgba(255,255,255,0.10);\r\n    border-radius:24px;\r\n    padding:50px;\r\n    backdrop-filter:blur(12px);\r\n}\r\n\r\n.ns-cta-content h2{\r\n    font-size:42px;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.ns-cta-content p{\r\n    font-size:18px;\r\n    line-height:1.8;\r\n    color:rgba(255,255,255,0.75);\r\n    margin-bottom:30px;\r\n}\r\n\r\n.ns-cta-buttons{\r\n    display:flex;\r\n    gap:16px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n.ns-cta-primary{\r\n    background:linear-gradient(135deg,#0B5ED7,#00C2FF);\r\n    color:white;\r\n    text-decoration:none;\r\n    padding:16px 28px;\r\n    border-radius:12px;\r\n    font-weight:700;\r\n    transition:0.3s;\r\n}\r\n\r\n.ns-cta-primary:hover{\r\n    transform:translateY(-3px);\r\n}\r\n\r\n.ns-cta-secondary{\r\n    border:2px solid rgba(255,255,255,0.2);\r\n    color:white;\r\n    text-decoration:none;\r\n    padding:16px 28px;\r\n    border-radius:12px;\r\n    font-weight:700;\r\n    transition:0.3s;\r\n}\r\n\r\n.ns-cta-secondary:hover{\r\n    background:white;\r\n    color:#071b34;\r\n}\r\n\r\n.ns-cta-side{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:18px;\r\n}\r\n\r\n.ns-cta-item{\r\n    display:flex;\r\n    gap:14px;\r\n    align-items:flex-start;\r\n}\r\n\r\n.ns-cta-icon{\r\n    font-size:22px;\r\n}\r\n\r\n.ns-cta-item h4{\r\n    margin:0;\r\n    font-size:16px;\r\n}\r\n\r\n.ns-cta-item p{\r\n    margin:4px 0 0 0;\r\n    font-size:14px;\r\n    color:rgba(255,255,255,0.7);\r\n}\r\n\r\n@media(max-width:900px){\r\n    .ns-cta-box{\r\n        grid-template-columns:1fr;\r\n        padding:35px;\r\n    }\r\n\r\n    .ns-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-167691d e-con e-atomic-element e-flexbox-base e-default-div e-3e0972c\" data-id=\"167691d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"167691d\">\n    \t\t<div class=\"elementor-element elementor-element-8dbb91d elementor-widget elementor-widget-html\" data-id=\"8dbb91d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ns-expertise-section-dark\">\r\n\r\n    <div class=\"ns-expertise-bg-dark\"><\/div>\r\n\r\n    <div class=\"ns-expertise-container-dark\">\r\n\r\n        <!-- LEFT -->\r\n        <div class=\"ns-expertise-content-dark\">\r\n\r\n            <span class=\"ns-expertise-badge-dark\">\r\n                NOTRE EXPERTISE\r\n            <\/span>\r\n\r\n            <h2>\r\n                Complete mastery of technical infrastructures<br>\r\n                and integrated systems\r\n            <\/h2>\r\n\r\n            <p>\r\n                Novaris Solutions operates across all essential technical systems for businesses and professional infrastructures, ensuring the installation, integration, and maintenance of reliable and scalable solutions.\r\n            <\/p>\r\n\r\n            <div class=\"ns-expertise-features-dark\">\r\n\r\n                <div class=\"ns-expertise-item-dark\">\r\n                    <div class=\"ns-expertise-icon-dark\">\ud83d\udcde<\/div>\r\n                    <div>\r\n                        <h3>Business telephony<\/h3>\r\n                        <p>PABX &amp; IPBX \u2013 analog, digital, and IP solutions.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-expertise-item-dark\">\r\n                    <div class=\"ns-expertise-icon-dark\">\ud83d\udce1<\/div>\r\n                    <div>\r\n                        <h3>Computer networks<\/h3>\r\n                        <p>Installation, cabling, WiFi, and network infrastructure.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-expertise-item-dark\">\r\n                    <div class=\"ns-expertise-icon-dark\">\ud83d\udcf9<\/div>\r\n                    <div>\r\n                        <h3>Video surveillance<\/h3>\r\n                        <p>IP cameras and professional surveillance systems<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-expertise-item-dark\">\r\n                    <div class=\"ns-expertise-icon-dark\">\ud83d\udd10<\/div>\r\n                    <div>\r\n                        <h3>Alarm systems<\/h3>\r\n                        <p>Intrusion detection and site security<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-expertise-item-dark\">\r\n                    <div class=\"ns-expertise-icon-dark\">\ud83d\udcbb<\/div>\r\n                    <div>\r\n                        <h3>Software development<\/h3>\r\n                        <p>Custom websites and business applications<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-expertise-item-dark\">\r\n                    <div class=\"ns-expertise-icon-dark\">\u2699\ufe0f<\/div>\r\n                    <div>\r\n                        <h3>IoT &amp; prototyping<\/h3>\r\n                        <p>Arduino, ESP32, and smart embedded systems<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ns-expertise-item-dark\">\r\n                    <div class=\"ns-expertise-icon-dark\">\u26a1<\/div>\r\n                    <div>\r\n                        <h3>Building electrical systems<\/h3>\r\n                        <p>Residential and industrial installations<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT -->\r\n        <div class=\"ns-expertise-visual-dark\">\r\n\r\n            <div class=\"ns-expertise-main-card-dark\">\r\n                <img decoding=\"async\" \r\n                    src=\"https:\/\/images.unsplash.com\/photo-1581092580497-e0d23cbdf1dc?auto=format&fit=crop&w=1400&q=80\"\r\n                    alt=\"Infrastructures techniques\"\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.ns-expertise-section-dark{\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:linear-gradient(135deg,#071B34,#0B2A4A,#061423);\r\n    padding:120px 30px;\r\n    color:white;\r\n    font-family:Arial, sans-serif;\r\n}\r\n\r\n.ns-expertise-bg-dark{\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.10),transparent 70%);\r\n    top:-250px;\r\n    right:-200px;\r\n}\r\n\r\n.ns-expertise-container-dark{\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:70px;\r\n    align-items:center;\r\n}\r\n\r\n.ns-expertise-badge-dark{\r\n    display:inline-block;\r\n    background:rgba(255,255,255,0.06);\r\n    border:1px solid rgba(255,255,255,0.10);\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.ns-expertise-content-dark h2{\r\n    font-size:48px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    margin-bottom:26px;\r\n}\r\n\r\n.ns-expertise-content-dark p{\r\n    font-size:17px;\r\n    line-height:1.9;\r\n    color:rgba(255,255,255,0.75);\r\n    margin-bottom:22px;\r\n    max-width:720px;\r\n}\r\n\r\n.ns-expertise-features-dark{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:18px;\r\n    margin-top:35px;\r\n}\r\n\r\n.ns-expertise-item-dark{\r\n    display:flex;\r\n    gap:14px;\r\n    padding:18px;\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    transition:0.3s ease;\r\n}\r\n\r\n.ns-expertise-item-dark:hover{\r\n    transform:translateY(-5px);\r\n    background:rgba(255,255,255,0.08);\r\n}\r\n\r\n.ns-expertise-icon-dark{\r\n    font-size:24px;\r\n}\r\n\r\n.ns-expertise-item-dark h3{\r\n    font-size:16px;\r\n    margin:0 0 6px 0;\r\n    color:white;\r\n}\r\n\r\n.ns-expertise-item-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.ns-expertise-main-card-dark{\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-expertise-main-card-dark img{\r\n    width:100%;\r\n    height:720px;\r\n    object-fit:cover;\r\n    display:block;\r\n}\r\n\r\n@media(max-width:1100px){\r\n    .ns-expertise-container-dark{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-expertise-content-dark h2{\r\n        font-size:38px;\r\n    }\r\n}\r\n\r\n@media(max-width:768px){\r\n    .ns-expertise-section-dark{\r\n        padding:90px 20px;\r\n    }\r\n\r\n    .ns-expertise-features-dark{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-expertise-main-card-dark img{\r\n        height:420px;\r\n    }\r\n\r\n    .ns-expertise-content-dark h2{\r\n        font-size:30px;\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-d196e34 e-con e-atomic-element e-flexbox-base e-default-div e-0bffd76\" data-id=\"d196e34\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d196e34\">\n    \t\t<div class=\"elementor-element elementor-element-e38589a elementor-widget elementor-widget-html\" data-id=\"e38589a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ns-process\">\r\n\r\n    <div class=\"ns-process-container\">\r\n\r\n        <!-- TITLE -->\r\n        <div class=\"ns-process-header\">\r\n\r\n            <h2>\r\n                How we operate\r\n            <\/h2>\r\n\r\n            <p>\r\n                A structured approach to ensure reliable installations, controlled integration, and ongoing maintenance.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- STEPS -->\r\n        <div class=\"ns-process-grid\">\r\n\r\n            <!-- STEP 1 -->\r\n            <div class=\"ns-process-card\">\r\n                <div class=\"ns-process-number\">01<\/div>\r\n                <h3>Needs analysis<\/h3>\r\n                <p>Site assessment, technical constraints analysis, and definition of tailored solutions.<\/p>\r\n            <\/div>\r\n\r\n            <!-- STEP 2 -->\r\n            <div class=\"ns-process-card\">\r\n                <div class=\"ns-process-number\">02<\/div>\r\n                <h3>Technical design<\/h3>\r\n                <p>Selection of architectures and equipment, and planning of the solutions to be deployed.<\/p>\r\n            <\/div>\r\n\r\n            <!-- STEP 3 -->\r\n            <div class=\"ns-process-card\">\r\n                <div class=\"ns-process-number\">03<\/div>\r\n                <h3>Installation &amp; integration<\/h3>\r\n                <p>Implementation of systems: telephony, networks, security, IoT, or electrical systems.<\/p>\r\n            <\/div>\r\n\r\n            <!-- STEP 4 -->\r\n            <div class=\"ns-process-card\">\r\n                <div class=\"ns-process-number\">04<\/div>\r\n                <h3>Tests &amp; validation<\/h3>\r\n                <p>Full verification of system functionality, performance, and compliance.<\/p>\r\n            <\/div>\r\n\r\n            <!-- STEP 5 -->\r\n            <div class=\"ns-process-card\">\r\n                <div class=\"ns-process-number\">05<\/div>\r\n                <h3>Maintenance &amp; monitoring<\/h3>\r\n                <p>Technical support, preventive maintenance, and system upgrades.<\/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.ns-process{\r\n    width:100%;\r\n    padding:110px 20px;\r\n    background:linear-gradient(180deg,#0b2a4a,#071b34);\r\n    font-family:Arial, sans-serif;\r\n    color:white;\r\n}\r\n\r\n.ns-process-container{\r\n    max-width:1200px;\r\n    margin:auto;\r\n}\r\n\r\n.ns-process-header{\r\n    text-align:center;\r\n    margin-bottom:60px;\r\n}\r\n\r\n.ns-process-header h2{\r\n    font-size:44px;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.ns-process-header p{\r\n    font-size:18px;\r\n    color:rgba(255,255,255,0.75);\r\n    max-width:820px;\r\n    margin:auto;\r\n    line-height:1.8;\r\n}\r\n\r\n.ns-process-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n    gap:18px;\r\n}\r\n\r\n.ns-process-card{\r\n    background:rgba(255,255,255,0.06);\r\n    border:1px solid rgba(255,255,255,0.10);\r\n    border-radius:18px;\r\n    padding:24px 18px;\r\n    backdrop-filter:blur(10px);\r\n    transition:0.25s ease;\r\n}\r\n\r\n.ns-process-card:hover{\r\n    transform:translateY(-6px);\r\n    background:rgba(255,255,255,0.10);\r\n}\r\n\r\n.ns-process-number{\r\n    font-size:22px;\r\n    font-weight:800;\r\n    color:#00C2FF;\r\n    margin-bottom:12px;\r\n}\r\n\r\n.ns-process-card h3{\r\n    font-size:16px;\r\n    margin-bottom:10px;\r\n}\r\n\r\n.ns-process-card p{\r\n    font-size:14px;\r\n    color:rgba(255,255,255,0.75);\r\n    line-height:1.6;\r\n}\r\n\r\n@media(max-width:1100px){\r\n    .ns-process-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n}\r\n\r\n@media(max-width:600px){\r\n    .ns-process-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ns-process-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\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 D\u00e9veloppement &#038; Infrastructures Techniques Novaris Solutions est le d\u00e9partement de Novaris Group sp\u00e9cialis\u00e9 dans la conception, l&rsquo;installation, l&rsquo;int\u00e9gration et la maintenance de solutions technologiques pour les entreprises, [&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-1358","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/novaris.tn\/en\/wp-json\/wp\/v2\/pages\/1358","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=1358"}],"version-history":[{"count":88,"href":"https:\/\/novaris.tn\/en\/wp-json\/wp\/v2\/pages\/1358\/revisions"}],"predecessor-version":[{"id":1922,"href":"https:\/\/novaris.tn\/en\/wp-json\/wp\/v2\/pages\/1358\/revisions\/1922"}],"wp:attachment":[{"href":"https:\/\/novaris.tn\/en\/wp-json\/wp\/v2\/media?parent=1358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}