@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

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

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

        html {
            scroll-behavior: smooth;
        }

        

        body.search-open {
            overflow: hidden;
        }

        a {
            text-decoration: none;
            color: inherit;
        }

        button,
        input {
            font-family: inherit;
        }


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

        .site-header {
            position: absolute;

            top: 0;
            left: 0;

            width: 100%;

            z-index: 9999;

            color: #fff;

            transition: all 0.35s ease;
        }


        .site-header.scrolled {
            position: fixed;

            background: #fff;

            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);

            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
        }

        /* =====================================================
           SCROLLED NAVIGATION COLOR
        ===================================================== */

        .site-header.scrolled .nav-link {
            color: #b6a697;
        }


        /* Underline */

        .site-header.scrolled .nav-link::after {
            background: #b6a697;
        }


        /* Dropdown arrows */

        .site-header.scrolled .dropdown-arrow {
            border-color: #b6a697;
        }


        /* Search icon */

        .site-header.scrolled .search-btn {
            border-color: #b6a697;
        }

        .site-header.scrolled .search-btn svg {
            stroke: #b6a697;
        }


        /* Search hover */

        .site-header.scrolled .search-btn:hover {
            background: #b6a697;
        }

        .site-header.scrolled .search-btn:hover svg {
            stroke: #0a2342;
        }


        /* search wp */

/* =========================================
   SEARCH RESULTS
========================================= */

.search-results-section {
    width: 100%;
    padding: 80px 0;
}

.search-results-heading {
    margin-bottom: 50px;
}

.search-results-heading h1 {
    font-family: "Manrope", sans-serif;
    font-size: 42px;
    font-weight: 600;
    color: #3b2c20;
}

.search-results-heading h1 span {
    color: #b5945c;
}


/* =========================================
   RESULT ITEM
========================================= */

.search-results-list {
    width: 100%;
}

.search-result-item {
    padding: 30px 0;
    border-bottom: 1px solid #ddd3c5;
}

.search-result-item h2 {
    margin: 0 0 12px;
}

.search-result-item h2 a {
    color: #3b2c20;
    font-family: "Manrope", sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
}

.search-result-item h2 a:hover {
    color: #b5945c;
}

.search-result-excerpt {
    max-width: 900px;

    color: #666;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.7;

    margin-bottom: 18px;
}


/* =========================================
   READ MORE
========================================= */

.search-read-more {
    display: inline-block;

    color: #3b2c20;

    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    border-bottom: 1px solid #b5945c;

    padding-bottom: 3px;
}

.search-read-more:hover {
    color: #b5945c;
}


/* =========================================
   NO RESULTS
========================================= */

.search-no-results {
    padding: 50px 0;
}

.search-no-results h2 {
    font-family: "Manrope", sans-serif;
    color: #3b2c20;
}

.search-no-results p {
    font-family: "Manrope", sans-serif;
    color: #666;
}


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

@media (max-width: 767px) {

    .search-results-section {
        padding: 50px 20px;
    }

    .search-results-heading h1 {
        font-size: 28px;
    }

    .search-result-item h2 a {
        font-size: 20px;
    }

    .search-result-excerpt {
        font-size: 14px;
    }

}


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

        .header-container {
            width: 92%;
            max-width: 1600px;

            min-height: 90px;

            margin: auto;

            display: flex;
            align-items: center;

            justify-content: space-between;
        }


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

        .site-logo {
            width: 155px;

            display: flex;
            align-items: center;

            flex-shrink: 0;
        }

        .site-logo img {
            display: block;

            width: 110px;
            height: auto;

            max-height: 70px;

            object-fit: contain;

            transition: opacity 0.3s ease;
        }


        /* Default logo */

        .logo-white {
            opacity: 1;
        }

        .logo-scrolled {
            position: absolute;

            opacity: 0;
        }


        /* Scrolled logo */

        .site-header.scrolled .logo-white {
            opacity: 0;
        }

        .site-header.scrolled .logo-scrolled {
            opacity: 1;
        }


        /* =====================================================
           NAVIGATION
        ===================================================== */

        .main-navigation {
            height: 90px;

            display: flex;
            align-items: center;
        }


        .nav-list {
            list-style: none;

            display: flex;
            align-items: center;

            gap: 38px;
        }


        .nav-item {
            position: relative;
        }


        .nav-link {
            font-family: "Montserrat", sans-serif;

            position: relative;

            height: 90px;

            display: flex;
            align-items: center;

            gap: 8px;

            color: #fff;

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

            white-space: nowrap;
        }


        /* =====================================================
           NAV ACTIVE LINE
        ===================================================== */

        .nav-link::after {
            content: "";

            position: absolute;

            left: 0;
            bottom: 18px;

            width: 0;
            height: 2px;

            background: #fff;

            transition: width 0.3s ease;
        }


        .nav-item:hover > .nav-link::after,
        .nav-item.active > .nav-link::after {
            width: 100%;
        }


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

        .dropdown-arrow {
            width: 8px;
            height: 8px;

            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff;

            transform: rotate(45deg);

            margin-top: -4px;

            transition: transform 0.3s ease;
        }


        .nav-item.has-dropdown:hover
        .dropdown-arrow {
            transform: rotate(225deg);

            margin-top: 4px;
        }


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

        .dropdown-menu {
            position: absolute;

            top: 90px;
            left: 50%;

            width: 255px;

            padding: 15px 0;

            background: rgba(255, 255, 255, 0.98);

            border-top: 3px solid #b59a82;

            box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);

            opacity: 0;
            visibility: hidden;

            transform: translate(-50%, 15px);

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


        .nav-item.has-dropdown:hover >
        .dropdown-menu {
            opacity: 1;
            visibility: visible;

            transform: translate(-50%, 0);
        }


        .dropdown-menu a {
            font-family: "Montserrat", sans-serif;

            display: block;

            padding: 12px 22px;

            color: #666;

            font-size: 14px;

            border-bottom: 1px solid #eee;

            transition:
                color 0.25s ease,
                background 0.25s ease,
                padding-left 0.25s ease;
        }


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


        .dropdown-menu a:hover {
            color: #0a2342;

            background: #f7f7f7;

            padding-left: 28px;
        }


        /* =====================================================
           SERVICES MEGA MENU
        ===================================================== */

        .services-dropdown {
            width: 950px;

            padding: 35px 40px;
        }


        .services-dropdown .mega-grid {
            display: grid;

            grid-template-columns:
                1fr
                1fr
                1.1fr;

            gap: 30px;
        }


        .mega-column {
            padding-right: 25px;

            border-right: 1px solid #e5e5e5;
        }


        .mega-column:last-child {
            border-right: none;
        }


        .mega-title {
            font-family: "Montserrat", sans-serif;

            color: #555;

            font-size: 15px;
            font-weight: 700;

            padding-bottom: 12px;

            margin-bottom: 5px;

            border-bottom: 1px solid #e5e5e5;
        }


        .mega-column a {
            font-family: "Montserrat", sans-serif;

            display: block;

            padding: 10px 0;

            color: #666;

            font-size: 15px;

            border-bottom: 1px solid #eee;

            transition: all 0.25s ease;
        }


        .mega-column a:hover {
            color: #0a2342;

            padding-left: 6px;
        }


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

        .header-actions {
            display: flex;
            align-items: center;

            gap: 16px;
        }

         /* =====================================================
           SOCIAL ICONS (DESKTOP)
        ===================================================== */

        .top-social-icons {
            display: flex;
            align-items: center;

            gap: 10px;
        }

        .top-social-icons a {
            width: 36px;
            height: 36px;

            display: flex;
            align-items: center;
            justify-content: center;

            border: 1px solid rgba(255, 255, 255, 0.5);
            border-radius: 50%;

            text-decoration: none;

            transition: all 0.3s ease;
        }

        .top-social-icons a i {
            color: #fff;
            font-size: 14px;

            transition: color 0.3s ease;
        }

        .top-social-icons a:hover {
            background: #fff;
            border-color: #fff;
        }

        .top-social-icons a:hover i {
            color: #0a2342;
        }

        /* Scrolled header state */

        .site-header.scrolled .top-social-icons a {
            border-color: rgba(182, 166, 151, 0.5);
        }

        .site-header.scrolled .top-social-icons a i {
            color: #b6a697;
        }

        .site-header.scrolled .top-social-icons a:hover {
            background: #b6a697;
            border-color: #b6a697;
        }

        .site-header.scrolled .top-social-icons a:hover i {
            color: #fff;
        }



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

        .search-btn {
            width: 45px;
            height: 45px;

            border: 1px solid rgba(255, 255, 255, 0.9);

            border-radius: 50%;

            background: transparent;

            display: flex;
            align-items: center;
            justify-content: center;

            cursor: pointer;

            transition: all 0.3s ease;
        }


        .search-btn svg {
            width: 19px;
            height: 19px;

            stroke: #fff;

            transition: stroke 0.3s ease;
        }


        .search-btn:hover {
            background: #fff;
        }


        .search-btn:hover svg {
            stroke: #0a2342;
        }


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

        .enquire-btn {
            font-family: "Montserrat", sans-serif;

            min-width: 182px;
            height: 49px;

            padding: 0 25px;

            border-radius: 30px;

            background: #b09a87;

            color: #fff;

            display: flex;
            align-items: center;
            justify-content: center;

            gap: 12px;

            font-size: 15px;
            font-weight: 700;

            transition: all 0.3s ease;
        }


        .enquire-arrow {
            font-size: 20px;

            transition: transform 0.3s ease;
        }


        /*.enquire-btn:hover {
            background: #b09a87;

            color: #fff;
        }*/


        .enquire-btn:hover
        .enquire-arrow {
            transform: translateX(5px);
        }


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

        .mobile-toggle {
            display: none;

            width: 45px;
            height: 45px;

            border: 1px solid rgb(181 165 151);

            border-radius: 50%;

            background: transparent;

            cursor: pointer;

            position: relative;

            flex-shrink: 0;
        }


        .mobile-toggle span,
        .mobile-toggle span::before,
        .mobile-toggle span::after {
            content: "";

            position: absolute;

            width: 20px;
            height: 2px;

            left: 12px;

            background: #b6a697;

            transition: all 0.3s ease;
        }


        .mobile-toggle span {
            top: 21px;
        }


        .mobile-toggle span::before {
            top: -7px;
            left: 0;
        }


        .mobile-toggle span::after {
            top: 7px;
            left: 0;
        }


        .mobile-toggle.active span {
            background: transparent;
        }


        .mobile-toggle.active span::before {
            top: 0;

            transform: rotate(45deg);
        }


        .mobile-toggle.active span::after {
            top: 0;

            transform: rotate(-45deg);
        }


        /* =====================================================
           FULL SCREEN SEARCH
        ===================================================== */

        .search-overlay {
            position: fixed;

            inset: 0;

            z-index: 99999;

            background:
                linear-gradient(
                    rgb(183 165 151),
                    rgb(123 111 101)
                );
                
                

            display: flex;

            align-items: center;
            justify-content: center;

            opacity: 0;
            visibility: hidden;

            transition:
                opacity 0.35s ease,
                visibility 0.35s ease;
        }


        .search-overlay.active {
            opacity: 1;

            visibility: visible;
        }


        .search-overlay-inner {
            width: 90%;

            max-width: 900px;

            position: relative;
        }


        .search-label {

            font-family: "Montserrat", sans-serif;


            display: block;

            margin-bottom: 25px;

            color: rgba(255, 255, 255, 0.65);

            font-size: 14px;

            letter-spacing: 3px;

            text-transform: uppercase;
        }


        .full-search-box {
            font-family: "Montserrat", sans-serif;

            
            width: 100%;

            display: flex;
            align-items: center;

            border-bottom: 2px solid rgba(255, 255, 255, 0.5);
        }


        .full-search-box input {
            width: 100%;

            height: 80px;

            border: none;
            outline: none;

            background: transparent;

            color: #fff;

            font-size: 38px;

            font-weight: 300;
        }


        .full-search-box input::placeholder {
            color: rgba(255, 255, 255, 0.4);
        }


        .full-search-submit {
            width: 55px;
            height: 55px;

            border: none;

            background: transparent;

            cursor: pointer;
        }


        .full-search-submit svg {
            width: 25px;
            height: 25px;

            stroke: #fff;
        }


        .close-search {
            position: fixed;

            top: 35px;
            right: 45px;

            width: 50px;
            height: 50px;

            border: 1px solid rgba(255, 255, 255, 0.6);

            border-radius: 50%;

            background: transparent;

            color: #fff;

            font-size: 30px;

            line-height: 1;

            cursor: pointer;

            transition: all 0.3s ease;
        }


        .close-search:hover {
            background: #fff;

            color: #0a2342;
        }


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

        .mobile-search {
            display: none;
        }


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

        @media (max-width: 1200px) {

        .nav-item.has-dropdown:hover >
        .dropdown-menu {
            opacity: 1;
            visibility: visible;

            transform: translate(-00%, 0);
        }


            /* ---------------------------------------------
               HEADER
            --------------------------------------------- */

            .header-container {
                min-height: 80px;
            }


            /* ---------------------------------------------
               SINGLE NAVIGATION BECOMES MOBILE MENU
            --------------------------------------------- */

            .main-navigation {

                position: absolute;

                display: block;

                top: 80px;
                left: 0;

                width: 100%;

                height: calc(100vh - 80px);

                overflow-y: auto;
                overflow-x: hidden;

                padding: 0 22px 40px;

                background: #fff;

                color: #333;

                opacity: 0;
                visibility: hidden;

                transform: translateY(-10px);

                transition: all 0.3s ease;

                -webkit-overflow-scrolling: touch;

                scrollbar-width: thin;

                scrollbar-color:
                    #b59a82
                    #eeeeee;
            }


            .main-navigation::-webkit-scrollbar {
                width: 5px;
            }


            .main-navigation::-webkit-scrollbar-track {
                background: #eeeeee;
            }


            .main-navigation::-webkit-scrollbar-thumb {
                background: #b59a82;

                border-radius: 10px;
            }


            .site-header.menu-open
            .main-navigation {

                opacity: 1;

                visibility: visible;

                transform: translateY(0);
            }


            /* ---------------------------------------------
               NAV LIST
            --------------------------------------------- */

            .nav-list {
                display: block;

                width: 100%;
            }


            .nav-item {
                border-bottom: 1px solid #e5e5e5;
            }


            .nav-link {
                width: 100%;

                min-height: 58px;

                height: auto;

                padding: 14px 0;

                color: #333;

                display: flex;

                align-items: center;

                justify-content: space-between;

                font-size: 16px;
            }


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


            /* ---------------------------------------------
               DROPDOWN ARROW
            --------------------------------------------- */

            .dropdown-arrow {
                border-color: #333;

                flex-shrink: 0;

                transform: rotate(45deg);
            }


            .nav-item.has-dropdown.open
            .dropdown-arrow {

                transform: rotate(225deg);

                margin-top: 4px;
            }


            /* ---------------------------------------------
               DROPDOWN
            --------------------------------------------- */

            .dropdown-menu,
            .services-dropdown {

                position: static;

                width: 100%;

                padding: 0;

                background: #fafafa;

                border: none;

                box-shadow: none;

                opacity: 1;

                visibility: visible;

                transform: none;

                display: none;
            }


            .nav-item.has-dropdown.open
            > .dropdown-menu {

                display: block;
            }


            /* ---------------------------------------------
               EVENTS / XELS / MEDIA SCROLLER
            --------------------------------------------- */

            .nav-item.has-dropdown.open
            > .dropdown-menu:not(.services-dropdown) {

                max-height: 220px;

                overflow-y: auto;

                overflow-x: hidden;

                -webkit-overflow-scrolling: touch;

                scrollbar-width: thin;

                scrollbar-color:
                    #b59a82
                    #eeeeee;
            }


            .nav-item.has-dropdown.open
            > .dropdown-menu:not(.services-dropdown)::-webkit-scrollbar {

                width: 5px;
            }


            .nav-item.has-dropdown.open
            > .dropdown-menu:not(.services-dropdown)::-webkit-scrollbar-track {

                background: #eeeeee;
            }


            .nav-item.has-dropdown.open
            > .dropdown-menu:not(.services-dropdown)::-webkit-scrollbar-thumb {

                background: #b59a82;

                border-radius: 10px;
            }


            /* ---------------------------------------------
               SERVICES SCROLLER
            --------------------------------------------- */

            .nav-item.has-dropdown.open
            .services-dropdown {

                max-height: 360px;

                overflow-y: auto;

                overflow-x: hidden;

                -webkit-overflow-scrolling: touch;

                scrollbar-width: thin;

                scrollbar-color:
                    #b59a82
                    #eeeeee;
            }


            .services-dropdown::-webkit-scrollbar {
                width: 5px;
            }


            .services-dropdown::-webkit-scrollbar-track {
                background: #eeeeee;
            }


            .services-dropdown::-webkit-scrollbar-thumb {
                background: #b59a82;

                border-radius: 10px;
            }


            /* ---------------------------------------------
               DROPDOWN LINKS
            --------------------------------------------- */

            .dropdown-menu a,
            .mega-column a {

                display: block;

                padding: 11px 15px;

                color: #777;

                background: transparent;

                font-size: 14px;

                border-bottom: 1px solid #e8e8e8;
            }


            .dropdown-menu a:hover,
            .mega-column a:hover {

                padding-left: 20px;

                color: #0a2342;

                background: #f5f5f5;
            }


            /* ---------------------------------------------
               SERVICES MEGA MENU
            --------------------------------------------- */

            .services-dropdown .mega-grid {

                display: block;
            }


            .mega-column {

                padding: 0;

                margin-bottom: 20px;

                border: none;
            }


            .mega-column:last-child {
                margin-bottom: 0;
            }


            .mega-title {

                padding: 13px 10px;

                color: #b59a82;

                font-size: 14px;

                background: #f1f1f1;

                border-bottom: 1px solid #ddd;
            }


            /* ---------------------------------------------
               MOBILE SEARCH
            --------------------------------------------- */

            .mobile-search {

                display: flex;

                align-items: center;

                gap: 10px;

                padding: 20px 0;

                background: #fff;

                position: sticky;

                top: 0;

                z-index: 5;
            }


            .mobile-search input {

            font-family: "Montserrat", sans-serif;
                

                width: 100%;

                height: 45px;

                padding: 0 15px;

                border: 1px solid #ddd;

                outline: none;

                border-radius: 4px;

                color: #333;

                font-size: 14px;
            }


            .mobile-search input:focus {
                border-color: #b59a82;
            }


            .mobile-search button {

                width: 45px;
                height: 45px;

                flex-shrink: 0;

                border: none;

                background: #b09a87;

                border-radius: 4px;

                cursor: pointer;

                display: flex;

                align-items: center;

                justify-content: center;
            }


            .mobile-search svg {

                width: 18px;
                height: 18px;

                stroke: #fff;
            }


            /* ---------------------------------------------
               HEADER ACTIONS
               ENQUIRE REMAINS VISIBLE
            --------------------------------------------- */

            .header-actions {

                display: flex;

                align-items: center;

                gap: 10px;

                margin-left: auto;

                margin-right: 10px;
            }


            /* Hide desktop search icon */

            .header-actions .search-btn {
                display: none;
            }


            /* Enquire Now stays visible */

            .header-actions .enquire-btn {

                display: flex;

                min-width: auto;

                width: auto;

                height: 42px;

                padding: 0 17px;

                font-size: 13px;

                white-space: nowrap;
            }


            .header-actions .enquire-arrow {
                font-size: 17px;
            }


            /* ---------------------------------------------
               MOBILE TOGGLE
            --------------------------------------------- */

            .mobile-toggle {
                display: block;
            }

        }




        @media only screen and (max-width :1440px) {


            .header-container {
                width: 98%;
            }


        }


        @media only screen and (max-width :1366px) {
            .dropdown-menu {
                left: 150%;
            }
        }


        @media only screen and (max-width: 1200px) {
            .hero-banner-left h1 {
                font-size: 32px;
            }
        }


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

        @media (max-width: 600px) {


            .header-container {
                width: 90%;
            }


            /* ---------------------------------------------
               LOGO
            --------------------------------------------- */

            .site-logo {
                width: auto;
            }


            .site-logo img {

                width: 95px;

                max-height: 55px;
            }


            /* ---------------------------------------------
               ENQUIRE
            --------------------------------------------- */

            .header-actions {

                gap: 7px;

                margin-right: 7px;
            }


            .header-actions .enquire-btn {

                height: 40px;

                padding: 0 12px;

                font-size: 12px;
            }


            .header-actions .enquire-arrow {
                font-size: 15px;
            }


            /* ---------------------------------------------
               HAMBURGER
            --------------------------------------------- */

            .mobile-toggle {

                width: 42px;
                height: 42px;
            }


            /* ---------------------------------------------
               MOBILE NAV
            --------------------------------------------- */

            .main-navigation {

                padding-left: 20px;

                padding-right: 20px;
            }


            /* ---------------------------------------------
               SEARCH OVERLAY
            --------------------------------------------- */

            .full-search-box input {

                height: 60px;

                font-size: 25px;
            }


            .close-search {

                top: 20px;

                right: 20px;

                width: 45px;
                height: 45px;
            }

        }


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

        @media (max-width: 400px) {

            .site-logo img {
                width: 82px;
            }


            .header-actions .enquire-btn {

                padding: 0 9px;

                font-size: 11px;
            }


            .header-actions .enquire-arrow {
                display: none;
            }


            .mobile-toggle {

                width: 40px;
                height: 40px;
            }

        }


        /* =====================================================
           DEMO HERO
        ===================================================== */

        .hero {

            height: 600px;

            background:

                linear-gradient(
                    rgba(10, 35, 66, 0.20),
                    rgba(10, 35, 66, 0.20)
                ),

                url("images/banner.jpg")
                center / cover no-repeat;
        }



/* =====================================================
   WORDPRESS MOBILE MENU FIX
===================================================== */

@media (max-width: 1200px) {

    /* Main navigation */

    #mainNavigation > .nav-list {
        display: block;
        width: 100%;
        gap: 0;
    }


    /* Menu items */

    #mainNavigation > .nav-list > .menu-item {
        position: relative;

        display: block;

        width: 100%;

        height: auto;

        border-bottom: 1px solid #e5e5e5;
    }


    /* Main menu links */

    #mainNavigation > .nav-list > .menu-item > a {

        width: 100%;

        min-height: 58px;

        height: auto;

        padding: 14px 0;

        display: flex;

        align-items: center;

        justify-content: space-between;

        color: #333;

        font-size: 16px;

        font-weight: 600;

        text-decoration: none;
    }


    /* Remove desktop underline */

    #mainNavigation > .nav-list > .menu-item > a::after {
        display: none;
    }


    /* Dropdown arrow */

    #mainNavigation
    > .nav-list
    > .menu-item
    > a
    .dropdown-arrow {

        flex-shrink: 0;

        border-color: #333;
    }




    /* =================================================
       NORMAL DROPDOWN
       EVENTS / XELS / MEDIA
    ================================================= */

    #mainNavigation
    > .nav-list
    > .menu-item
    > .dropdown-menu {

        position: static;

        width: 100%;

        margin: 0;

        padding: 0;

        background: #fafafa;

        border: none;

        box-shadow: none;

        opacity: 1;

        visibility: visible;

        transform: none;

        display: none;
    }


    /* Open normal dropdown */

    #mainNavigation
    > .nav-list
    > .menu-item.open
    > .dropdown-menu {

        display: block;
    }


    /* Dropdown links */

    #mainNavigation
    .dropdown-menu > a {

        display: block;

        width: 100%;

        padding: 12px 15px;

        color: #777;

        font-size: 14px;

        border-bottom: 1px solid #e8e8e8;

        background: transparent;
    }


    #mainNavigation
    .dropdown-menu > a:hover {

        padding-left: 20px;

        color: #0a2342;

        background: #f5f5f5;
    }


    /* =================================================
       SERVICES MEGA MENU
    ================================================= */

    #mainNavigation
    > .nav-list
    > .menu-item
    > .services-dropdown {

        position: static;

        width: 100%;

        padding: 0;

        margin: 0;

        background: #fafafa;

        border: none;

        box-shadow: none;

        opacity: 1;

        visibility: visible;

        transform: none;

        display: none;
    }


    /* Open Services */

    #mainNavigation
    > .nav-list
    > .menu-item.open
    > .services-dropdown {

        display: block;
    }


    /* Services grid */

    #mainNavigation
    .services-dropdown
    .mega-grid {

        display: block;

        width: 100%;
    }


    /* Services columns */

    #mainNavigation
    .services-dropdown
    .mega-column {

        width: 100%;

        padding: 0;

        margin: 0 0 15px;

        border: none;
    }


    /* Services column title */

    #mainNavigation
    .services-dropdown
    .mega-title {

        padding: 13px 10px;

        color: #b59a82;

        font-size: 14px;

        background: #f1f1f1;

        border-bottom: 1px solid #ddd;
    }


    /* Services links */

    #mainNavigation
    .services-dropdown
    .mega-column > a {

        display: block;

        padding: 11px 15px;

        color: #777;

        font-size: 14px;

        border-bottom: 1px solid #e8e8e8;

        background: transparent;
    }


    #mainNavigation
    .services-dropdown
    .mega-column > a:hover {

        padding-left: 20px;

        color: #0a2342;

        background: #f5f5f5;
    }

}










        /* WordPress Menu Reset */

.main-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-navigation li {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* Main Menu */

.main-navigation > .nav-list {
    display: flex;
    align-items: center;
    gap: 38px;
}

.main-navigation > .nav-list > .menu-item {
    position: relative;
}


/* Main Links */

.main-navigation > .nav-list > .menu-item > a {
    font-family: "Montserrat", sans-serif;

    height: 90px;

    display: flex;
    align-items: center;

    color: #fff;

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

    text-decoration: none;

    white-space: nowrap;

    position: relative;
}


/* Active / Hover Line */

.main-navigation > .nav-list > .menu-item > a::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 18px;

    width: 0;
    height: 2px;

    background: #fff;

    transition: width 0.3s ease;
}

.main-navigation > .nav-list > .menu-item:hover > a::after,
.main-navigation > .nav-list > .current-menu-item > a::after,
.main-navigation > .nav-list > .current-menu-parent > a::after {
    width: 100%;
}


/* =========================================
   WORDPRESS SERVICES DROPDOWN
========================================= */

.main-navigation .menu-item-has-children {
    position: relative;
}


/* Hide submenu by default */

.main-navigation .menu-item-has-children > .sub-menu {
    position: absolute;

    top: 90px;
    left: 50%;

    width: 255px;

    margin: 0;
    padding: 15px 0;

    background: rgba(255, 255, 255, 0.98);

    border-top: 3px solid #b59a82;

    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);

    list-style: none;

    opacity: 0;
    visibility: hidden;

    transform: translate(-50%, 15px);

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease,
        transform 0.3s ease;

    z-index: 99999;
}


/* Show on hover */

.main-navigation .menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;

    transform: translate(-50%, 0);
}


/* Submenu items */

.main-navigation .sub-menu li {
    margin: 0;
    padding: 0;

    list-style: none;
}


/* Submenu links */

.main-navigation .sub-menu li a {

    display: block;

    padding: 12px 22px;

    color: #666;

    background: transparent;

    font-family: "Montserrat", sans-serif;

    font-size: 14px;

    font-weight: 500;

    text-decoration: none;

    border-bottom: 1px solid #eee;

    transition:
        color 0.25s ease,
        background 0.25s ease,
        padding-left 0.25s ease;
}


/* Last item */

.main-navigation .sub-menu li:last-child a {
    border-bottom: none;
}


/* Hover */

.main-navigation .sub-menu li a:hover {
    color: #0a2342;

    background: #f7f7f7;

    padding-left: 28px;
}










.search-match-highlight {
    background: #fff3c4;
    padding: 4px 6px;
    border-radius: 3px;
    transition: background 0.3s ease;
}