:root{
            --blue:#0F2A43;
            --orange:#F28C28;
            --metal:#8A98A8;
            --light:#F7F8FA;
            --dark:#1E1E1E;
            --white:#FFFFFF;
        }

        *{
            margin:0;
            padding:0;
            box-sizing:border-box;
        }

        body{
            margin:0;
            padding-top:76px;
            background:var(--light);
            font-family:'Open Sans', sans-serif;
            color:var(--blue);
        }

        a{
            text-decoration:none;
        }

        .skip-link{
            position:fixed;
            top:-60px;
            left:16px;
            z-index:2000;
            padding:12px 18px;
            background:#0F2A43;
            color:#fff;
            border-radius:0 0 7px 7px;
        }

        .skip-link:focus{
            top:0;
            color:#fff;
        }


        /* ====================================
           HEADER
        ==================================== */

        .site-header{
            position:fixed;
            top:0;
            left:0;
            width:100%;
            z-index:999;
            background:var(--white);
            border-bottom:1px solid rgba(15,42,67,.10);
            box-shadow:0 4px 14px rgba(15,42,67,.06);
        }

        .header-inner{
            min-height:76px;
            padding:0 62px;
            display:flex;
            align-items:center;
            justify-content:space-between;
        }


        /* ====================================
           LOGO
        ==================================== */

        .navbar-brand{
            margin:0;
            padding:0;
            display:flex;
            align-items:center;
        }

        .navbar-brand img{
            height:64px;
            width:auto;
            object-fit:contain;
        }


        /* ====================================
           MENU
        ==================================== */

        .navbar-nav{
            align-items:center;
            gap:28px;
        }

        .nav-link{
            position:relative;
            padding:29px 0 !important;
            font-size:13px;
            font-weight:400;
            font-family:'Open Sans', sans-serif;
            color:var(--blue) !important;
            transition:.25s ease;
            line-height:1;
            letter-spacing:.2px;
        }

        .nav-link:hover,
        .nav-link.active{
            color:var(--orange) !important;
        }

        .nav-link.active::after,
        .nav-link:hover::after{
            content:"";
            position:absolute;
            left:0;
            bottom:21px;
            width:100%;
            height:2px;
            background:var(--orange);
            border-radius:20px;
        }


        /* ====================================
           DROPDOWN
        ==================================== */

        .dropdown-toggle::after{
            margin-left:6px;
            vertical-align:middle;
        }

        .dropdown-menu{
            border:none;
            border-radius:14px;
            min-width:240px;
            padding:14px;
            margin-top:0;
            box-shadow:0 16px 36px rgba(15,42,67,.14);
        }

        .dropdown-item{
            display:flex;
            align-items:center;
            gap:12px;
            padding:12px 14px;
            border-radius:10px;
            font-size:13px;
            color:var(--blue);
            transition:.2s ease;
        }

        .dropdown-item i{
            width:18px;
            color:var(--orange);
            text-align:center;
        }

        .dropdown-item:hover{
            background:rgba(242,140,40,.08);
            color:var(--orange);
        }


        /* ====================================
           BUTTON
        ==================================== */

        .btn-devis{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            background:var(--orange);
            color:white;
            border-radius:5px;
            padding:13px 20px;
            font-size:13px;
            font-weight:600;
            transition:.25s ease;
            box-shadow:0 8px 18px rgba(242,140,40,.22);
            white-space:nowrap;
        }

        .btn-devis:hover{
            background:#e67e1f;
            color:white;
            transform:translateY(-1px);
        }


        /* ====================================
           MOBILE
        ==================================== */

        .navbar-toggler{
            border:none;
            padding:8px;
            box-shadow:none !important;
        }

        .navbar-toggler:focus{
            box-shadow:none !important;
        }


        /* ====================================
           RESPONSIVE
        ==================================== */

        @media(max-width:991px){

            body{
                padding-top:72px;
            }

            .header-inner{
                min-height:72px;
                padding:0 20px;
            }

            .navbar-brand img{
                height:40px;
            }

            .navbar-collapse{
                position:absolute;
                top:72px;
                left:0;
                width:100%;
                background:white;
                padding:18px 22px 24px;
                border-top:1px solid rgba(15,42,67,.08);
                box-shadow:0 15px 30px rgba(15,42,67,.10);
            }

            .navbar-nav{
                align-items:flex-start;
                gap:0;
            }

            .nav-link{
                padding:12px 0 !important;
                font-size:14px;
            }

            .nav-link::after{
                display:none;
            }

            .dropdown-menu{
                box-shadow:none;
                padding:6px 0 8px 12px;
                margin:0;
            }

            .dropdown-item{
                padding:10px 0;
            }

            .btn-devis{
                width:100%;
                margin-top:14px;
                padding:15px 20px;
            }

        }


        @media(max-width:480px){

            .header-inner{
                padding:0 16px;
            }

            .navbar-brand img{
                height:36px;
            }

        }