/* =========================================================
           NORTHEAST VOYAGERS NAVBAR
           ========================================================= */

        :root {
            --nev-green: #174f31;
            --nev-green-dark: #103b25;
            --nev-orange: #f56845;
            --nev-orange-dark: #df5536;
            --nev-white: #ffffff;
            --nev-light: #f7faf8;
            --nev-border: #e5ebe7;
            --nev-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
        }


        /* =========================================================
           RESET
           ========================================================= */

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

        body {
            margin: 0;
            font-family: "Montserrat", Arial, sans-serif;
            background: #ffffff;
        }


        /* =========================================================
           NAVBAR
           ========================================================= */

        .nev-navbar {
            width: 100%;
            height: 82px;

            background: var(--nev-white);

            border-bottom: 1px solid var(--nev-border);

            position: sticky;
            top: 0;
            left: 0;

            z-index: 9999;

            box-shadow: var(--nev-shadow);
        }


        /* =========================================================
           CONTAINER
           ========================================================= */

        .nev-container {
            width: 94%;
            max-width: 1400px;

            height: 82px;

            margin: 0 auto;

            display: flex;
            align-items: center;
            justify-content: space-between;
        }


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

        .nev-logo {
            display: flex;
            align-items: center;

            flex-shrink: 0;
        }

        .nev-logo a {
            display: flex;
            align-items: center;

            text-decoration: none;
        }

        .nev-logo img {
            width: 225px;
            height: auto;

            display: block;
        }


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

        .nev-menu {
            height: 100%;

            display: flex;
            align-items: center;
        }

        .nev-menu > ul {
            list-style: none;

            display: flex;
            align-items: center;

            height: 100%;

            margin: 0;
            padding: 0;
        }

        .nev-menu > ul > li {
            position: relative;

            height: 100%;

            display: flex;
            align-items: center;
        }


        /* =========================================================
           MAIN MENU LINKS
           ========================================================= */

        .nev-menu > ul > li > a {
            height: 100%;

            display: flex;
            align-items: center;

            padding: 0 14px;

            color: var(--nev-green);

            font-size: 13px;
            font-weight: 600;

            text-decoration: none;

            white-space: nowrap;

            position: relative;

            transition: all 0.3s ease;
        }


        /* =========================================================
           MAIN MENU HOVER LINE
           ========================================================= */

        .nev-menu > ul > li > a::after {
            content: "";

            position: absolute;

            left: 14px;
            right: 14px;

            bottom: 0;

            height: 3px;

            background: var(--nev-orange);

            transform: scaleX(0);

            transform-origin: center;

            transition: transform 0.3s ease;
        }

        .nev-menu > ul > li:hover > a::after,
        .nev-menu > ul > li.active > a::after {
            transform: scaleX(1);
        }


        /* =========================================================
           MAIN MENU HOVER
           ========================================================= */

        .nev-menu > ul > li:hover > a,
        .nev-menu > ul > li.active > a {
            color: var(--nev-orange);
        }


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

        .nev-arrow {
            margin-left: 7px;

            font-size: 10px;

            transition: transform 0.3s ease;
        }

        .nev-dropdown:hover > a .nev-arrow {
            transform: rotate(180deg);
        }


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

        .nev-dropdown-menu {
            position: absolute;

            top: 82px;
            left: 0;

            min-width: 280px;

            background: var(--nev-white);

            border-top: 3px solid var(--nev-orange);

            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);

            list-style: none;

            margin: 0;
            padding: 8px 0;

            opacity: 0;
            visibility: hidden;

            transform: translateY(10px);

            transition:
                opacity 0.25s ease,
                transform 0.25s ease,
                visibility 0.25s ease;
        }


        /* =========================================================
           SHOW DROPDOWN DESKTOP
           ========================================================= */

        .nev-dropdown:hover .nev-dropdown-menu {
            opacity: 1;
            visibility: visible;

            transform: translateY(0);
        }


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

        .nev-dropdown-menu li {
            width: 100%;

            margin: 0;
            padding: 0;
        }

        .nev-dropdown-menu li a {
            display: flex;
            align-items: center;

            width: 100%;

            min-height: 44px;

            padding: 11px 20px;

            color: var(--nev-green);

            background: #ffffff;

            font-size: 13px;
            font-weight: 600;

            text-decoration: none;

            border-bottom: 1px solid #f0f3f1;

            transition: all 0.25s ease;
        }


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

        .nev-dropdown-menu li a:hover {
            color: var(--nev-orange);

            background: var(--nev-light);

            padding-left: 27px;
        }

        .nev-dropdown-menu li:last-child a {
            border-bottom: none;
        }


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

        .nev-toggle {
            display: none;

            width: 44px;
            height: 42px;

            padding: 8px;

            background: #ffffff;

            border: 1px solid var(--nev-green);

            border-radius: 5px;

            cursor: pointer;
        }

        .nev-toggle span {
            display: block;

            width: 100%;
            height: 3px;

            margin: 5px 0;

            background: var(--nev-green);

            border-radius: 3px;

            transition: all 0.3s ease;
        }


        /* =========================================================
           MOBILE TOGGLE ACTIVE
           ========================================================= */

        .nev-toggle.active span:nth-child(1) {
            transform: translateY(8px) rotate(45deg);
        }

        .nev-toggle.active span:nth-child(2) {
            opacity: 0;
        }

        .nev-toggle.active span:nth-child(3) {
            transform: translateY(-8px) rotate(-45deg);
        }


        /* =========================================================
           TABLET
           ========================================================= */

        @media (max-width: 1200px) {

            .nev-logo img {
                width: 200px;
            }

            .nev-menu > ul > li > a {
                padding-left: 9px;
                padding-right: 9px;

                font-size: 12px;
            }

            .nev-menu > ul > li > a::after {
                left: 9px;
                right: 9px;
            }

        }


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

        @media (max-width: 991px) {

            .nev-navbar {
                height: 72px;
            }

            .nev-container {
                width: 94%;
                height: 72px;
            }


            /* Logo */

            .nev-logo img {
                width: 190px;
            }


            /* Hamburger */

            .nev-toggle {
                display: block;
            }


            /* Main menu */

            .nev-menu {
                display: none;

                position: absolute;

                top: 72px;
                left: 0;

                width: 100%;

                height: auto;

                background: #ffffff;

                border-top: 3px solid var(--nev-orange);

                box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
            }

            .nev-menu.show {
                display: block;
            }


            /* Main UL */

            .nev-menu > ul {
                display: block;

                width: 100%;

                height: auto;

                padding: 5px 0;
            }


            /* Main LI */

            .nev-menu > ul > li {
                display: block;

                width: 100%;

                height: auto;
            }


            /* Main links */

            .nev-menu > ul > li > a {
                width: 100%;

                min-height: 50px;

                padding: 14px 22px;

                font-size: 14px;

                border-bottom: 1px solid var(--nev-border);

                display: flex;

                justify-content: space-between;
            }


            .nev-menu > ul > li > a::after {
                display: none;
            }


            /* Hover */

            .nev-menu > ul > li > a:hover {
                background: var(--nev-light);

                color: var(--nev-orange);
            }


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

            .nev-dropdown-menu {
                position: static;

                display: none;

                width: 100%;

                min-width: 0;

                padding: 0;

                border-top: none;

                box-shadow: none;

                background: #f8faf9;

                opacity: 1;

                visibility: visible;

                transform: none;

                transition: none;
            }


            /* Open dropdown */

            .nev-dropdown.open .nev-dropdown-menu {
                display: block;
            }


            /* Dropdown links */

            .nev-dropdown-menu li a {
                min-height: 45px;

                padding: 11px 22px 11px 38px;

                font-size: 13px;

                background: #f8faf9;

                border-bottom: 1px solid #e6ece8;
            }


            .nev-dropdown-menu li a:hover {
                padding-left: 45px;

                background: #eef4f0;
            }


            /* Mobile arrow */

            .nev-dropdown .nev-arrow {
                transition: transform 0.3s ease;
            }

            .nev-dropdown.open > a .nev-arrow {
                transform: rotate(180deg);
            }

        }


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

        @media (max-width: 480px) {

            .nev-logo img {
                width: 165px;
            }

            .nev-toggle {
                width: 42px;
                height: 40px;
            }

        }