.elementor-730 .elementor-element.elementor-element-3489ba9b{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-730 .elementor-element.elementor-element-3489ba9b:not(.elementor-motion-effects-element-type-background), .elementor-730 .elementor-element.elementor-element-3489ba9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FBFC;}.elementor-730 .elementor-element.elementor-element-3489ba9b::before, .elementor-730 .elementor-element.elementor-element-3489ba9b > .elementor-background-video-container::before, .elementor-730 .elementor-element.elementor-element-3489ba9b > .e-con-inner > .elementor-background-video-container::before, .elementor-730 .elementor-element.elementor-element-3489ba9b > .elementor-background-slideshow::before, .elementor-730 .elementor-element.elementor-element-3489ba9b > .e-con-inner > .elementor-background-slideshow::before, .elementor-730 .elementor-element.elementor-element-3489ba9b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-730 .elementor-element.elementor-element-3489ba9b.e-con{--align-self:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-730 .elementor-element.elementor-element-483aed7e{text-align:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-730 .elementor-element.elementor-element-10d3dd6b{width:100%;max-width:100%;background-color:#EFF9F185;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-730 .elementor-element.elementor-element-10d3dd6b.elementor-element{--align-self:center;}.elementor-730 .elementor-element.elementor-element-10d3dd6b .elementor-menu-toggle{margin:0 auto;}.elementor-730 .elementor-element.elementor-element-10d3dd6b .elementor-nav-menu--main .elementor-item{color:#234566;fill:#234566;}.elementor-730 .elementor-element.elementor-element-10d3dd6b .elementor-nav-menu--dropdown a, .elementor-730 .elementor-element.elementor-element-10d3dd6b .elementor-menu-toggle{color:#234566;fill:#234566;}.elementor-730 .elementor-element.elementor-element-10d3dd6b .elementor-nav-menu--dropdown{background-color:#F8FBFC;border-style:none;}.elementor-730 .elementor-element.elementor-element-10d3dd6b .elementor-nav-menu--dropdown a:hover,
					.elementor-730 .elementor-element.elementor-element-10d3dd6b .elementor-nav-menu--dropdown a:focus,
					.elementor-730 .elementor-element.elementor-element-10d3dd6b .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-730 .elementor-element.elementor-element-10d3dd6b .elementor-nav-menu--dropdown a.highlighted{background-color:#DCF3FB;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-730 .elementor-element.elementor-element-3489ba9b{--width:100vw;}}/* Start custom CSS for container, class: .elementor-element-3489ba9b *//* =========================================================
   THE CORPORATE ZONE
   HEADER UI SYSTEM
   Based on existing Elementor Header structure
   ========================================================= */


/* ---------------------------------------------------------
   01. BRAND VARIABLES
   --------------------------------------------------------- */

:root {
    --tcz-navy: #12395D;
    --tcz-navy-dark: #0D2D4B;
    --tcz-navy-soft: #234566;

    --tcz-gold: #D4A84C;
    --tcz-gold-dark: #B8892A;
    --tcz-gold-soft: rgba(212, 168, 76, 0.10);

    --tcz-header-bg: #F8FBFC;
    --tcz-white: #FFFFFF;

    --tcz-border: rgba(18, 57, 93, 0.09);
    --tcz-shadow: 0 4px 20px rgba(18, 57, 93, 0.06);

    --tcz-transition: 0.25s ease;
}


/* ---------------------------------------------------------
   02. MAIN HEADER CONTAINER
   Elementor Container ID:
   14edf47c
   --------------------------------------------------------- */

.elementor-element-14edf47c {

    width: 100% !important;

    background: var(--tcz-header-bg) !important;

    border-bottom: 1px solid var(--tcz-border) !important;

    box-shadow: var(--tcz-shadow) !important;

    position: relative;

    z-index: 9999;

    transition:
        background-color var(--tcz-transition),
        box-shadow var(--tcz-transition);
}


/* Remove any inherited transparent/green appearance */

.elementor-element-14edf47c,
.elementor-element-14edf47c > .e-con-inner {

    background-color: var(--tcz-header-bg) !important;
}


/* ---------------------------------------------------------
   03. HEADER HEIGHT / SPACING
   --------------------------------------------------------- */

/*
   Your header has:
   Logo
   +
   Navigation

   We keep both elements but create a cleaner
   two-level hierarchy.
*/

.elementor-element-14edf47c {

    padding-top: 0 !important;
    padding-bottom: 0 !important;

}


/* ---------------------------------------------------------
   04. LOGO AREA
   Elementor Widget ID:
   5e420846
   --------------------------------------------------------- */

.elementor-element-5e420846 {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    padding-top: 8px !important;
    padding-bottom: 4px !important;

    transition: all var(--tcz-transition);
}


/* Logo image */

.elementor-element-5e420846 img {

    width: auto !important;

    max-width: 88px !important;

    height: auto !important;

    display: block !important;

    object-fit: contain;

    transition:
        transform var(--tcz-transition),
        opacity var(--tcz-transition);
}


/* Subtle hover */

.elementor-element-5e420846 a:hover img {

    transform: translateY(-1px);

    opacity: 0.96;
}


/* ---------------------------------------------------------
   05. NAVIGATION WIDGET
   Elementor Widget ID:
   4f499d69
   --------------------------------------------------------- */

.elementor-element-4f499d69 {

    background: transparent !important;

    margin: 0 !important;

    padding: 0 !important;

    width: 100% !important;

}


/* Main navigation wrapper */

.elementor-element-4f499d69
.elementor-nav-menu--main {

    width: 100%;

}


/* Center menu */

.elementor-element-4f499d69
.elementor-nav-menu {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    gap: 2px;

}


/* ---------------------------------------------------------
   06. NAVIGATION ITEMS
   --------------------------------------------------------- */

.elementor-element-4f499d69
.elementor-nav-menu--main
.elementor-item {

    position: relative;

    display: inline-flex !important;

    align-items: center;

    justify-content: center;

    min-height: 52px;

    padding: 0 15px !important;

    margin: 0 !important;

    background: transparent !important;

    color: var(--tcz-navy-soft) !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1;

    letter-spacing: 0.1px;

    text-decoration: none !important;

    border-radius: 0 !important;

    transition:
        color var(--tcz-transition),
        background-color var(--tcz-transition);
}


/* ---------------------------------------------------------
   07. REMOVE OLD GOLD ACTIVE BOX
   --------------------------------------------------------- */

/*
   This specifically removes the current:
   Home = solid gold rectangle
*/

.elementor-element-4f499d69
.elementor-nav-menu--main
.elementor-item.elementor-item-active {

    background: transparent !important;

    color: var(--tcz-gold-dark) !important;

}


/* Current menu item */

.elementor-element-4f499d69
.elementor-nav-menu--main
.current-menu-item > .elementor-item {

    background: transparent !important;

    color: var(--tcz-gold-dark) !important;

}


/* ---------------------------------------------------------
   08. GOLD UNDERLINE
   --------------------------------------------------------- */

/*
   Elegant underline instead of a filled box.
*/

.elementor-element-4f499d69
.elementor-nav-menu--main
.elementor-item::after {

    content: "";

    position: absolute;

    left: 15px;

    right: 15px;

    bottom: 8px;

    width: auto;

    height: 2px;

    margin: 0;

    background: var(--tcz-gold) !important;

    border-radius: 20px;

    transform: scaleX(0);

    transform-origin: center;

    opacity: 0;

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


/* Hover */

.elementor-element-4f499d69
.elementor-nav-menu--main
.elementor-item:hover::after,

/* Focus */

.elementor-element-4f499d69
.elementor-nav-menu--main
.elementor-item:focus::after,

/* Active */

.elementor-element-4f499d69
.elementor-nav-menu--main
.elementor-item.elementor-item-active::after,

/* Current page */

.elementor-element-4f499d69
.elementor-nav-menu--main
.current-menu-item > .elementor-item::after {

    transform: scaleX(1);

    opacity: 1;

}


/* ---------------------------------------------------------
   09. HOVER COLORS
   --------------------------------------------------------- */

.elementor-element-4f499d69
.elementor-nav-menu--main
.elementor-item:hover,

.elementor-element-4f499d69
.elementor-nav-menu--main
.elementor-item:focus {

    color: var(--tcz-gold-dark) !important;

    background: transparent !important;

}


/* ---------------------------------------------------------
   10. SERVICES / CONSULTANTS ARROWS
   --------------------------------------------------------- */

.elementor-element-4f499d69
.elementor-nav-menu--main
.sub-arrow {

    color: var(--tcz-gold-dark) !important;

    margin-left: 6px !important;

    padding: 0 !important;

    font-size: 10px !important;

    transition:
        transform var(--tcz-transition),
        color var(--tcz-transition);
}


/* Arrow hover */

.elementor-element-4f499d69
.elementor-nav-menu--main
.elementor-item:hover
.sub-arrow {

    color: var(--tcz-navy) !important;

}


/* ---------------------------------------------------------
   11. DROPDOWN MENU
   --------------------------------------------------------- */

.elementor-element-4f499d69
.elementor-nav-menu--main
ul.sub-menu {

    min-width: 240px !important;

    padding: 10px !important;

    margin-top: 6px !important;

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

    border: 1px solid var(--tcz-border) !important;

    border-radius: 12px !important;

    box-shadow:
        0 18px 45px rgba(18, 57, 93, 0.12) !important;

}


/* Dropdown items */

.elementor-element-4f499d69
.elementor-nav-menu--main
ul.sub-menu
.elementor-sub-item {

    display: flex !important;

    align-items: center;

    min-height: 40px;

    padding: 9px 12px !important;

    border-radius: 7px !important;

    color: var(--tcz-navy-soft) !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    background: transparent !important;

    transition:
        color var(--tcz-transition),
        background-color var(--tcz-transition),
        transform var(--tcz-transition);
}


/* Dropdown hover */

.elementor-element-4f499d69
.elementor-nav-menu--main
ul.sub-menu
.elementor-sub-item:hover {

    color: var(--tcz-gold-dark) !important;

    background: var(--tcz-gold-soft) !important;

    transform: translateX(3px);

}


/* ---------------------------------------------------------
   12. DROPDOWN ACTIVE
   --------------------------------------------------------- */

.elementor-element-4f499d69
.elementor-nav-menu--main
ul.sub-menu
.current-menu-item
> .elementor-sub-item {

    color: var(--tcz-gold-dark) !important;

    background: rgba(212, 168, 76, 0.07) !important;

}


/* ---------------------------------------------------------
   13. NAVIGATION SEPARATOR
   --------------------------------------------------------- */

/*
   Gives the navigation a deliberate relationship
   with the hero below.
*/

.elementor-element-4f499d69 {

    border-top: 1px solid rgba(18, 57, 93, 0.025);

}


/* ---------------------------------------------------------
   14. HEADER → HERO TRANSITION
   --------------------------------------------------------- */

/*
   Prevent accidental gaps between header and hero.
*/

.elementor-element-14edf47c + .elementor-element {

    margin-top: 0 !important;

}


/* If Elementor creates a direct hero container after header */

.elementor-element-14edf47c
+ .e-con {

    margin-top: 0 !important;

}


/* ---------------------------------------------------------
   15. STICKY HEADER SUPPORT
   --------------------------------------------------------- */

/*
   Works with Elementor's Sticky = Top setting.
   Does not force sticky behavior itself.
*/

.elementor-element-14edf47c.elementor-sticky--effects {

    background: rgba(248, 251, 252, 0.96) !important;

    backdrop-filter: blur(12px);

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

    box-shadow:
        0 8px 28px rgba(18, 57, 93, 0.10) !important;

}


/* Smaller logo once sticky */

.elementor-element-14edf47c.elementor-sticky--effects
.elementor-element-5e420846 img {

    max-width: 78px !important;

}


/* ---------------------------------------------------------
   16. MOBILE MENU BUTTON
   --------------------------------------------------------- */

.elementor-element-4f499d69
.elementor-menu-toggle {

    color: var(--tcz-navy) !important;

    background: transparent !important;

    border: 1px solid rgba(18, 57, 93, 0.12);

    border-radius: 8px;

    padding: 9px !important;

    transition:
        color var(--tcz-transition),
        border-color var(--tcz-transition),
        background-color var(--tcz-transition);
}


/* Mobile toggle hover */

.elementor-element-4f499d69
.elementor-menu-toggle:hover {

    color: var(--tcz-gold-dark) !important;

    background: var(--tcz-gold-soft) !important;

    border-color: rgba(212, 168, 76, 0.30);

}


/* ---------------------------------------------------------
   17. MOBILE NAVIGATION
   --------------------------------------------------------- */

@media (max-width: 767px) {

    /* Header */

    .elementor-element-14edf47c {

        min-height: 76px !important;

        padding-left: 16px !important;

        padding-right: 16px !important;

    }


    /* Logo */

    .elementor-element-5e420846 {

        padding-top: 5px !important;

        padding-bottom: 5px !important;

    }

    .elementor-element-5e420846 img {

        max-width: 76px !important;

    }


    /* Navigation widget */

    .elementor-element-4f499d69 {

        border-top: 0 !important;

    }


    /* Mobile dropdown panel */

    .elementor-element-4f499d69
    .elementor-nav-menu--dropdown {

        margin-top: 8px !important;

        padding: 8px !important;

        background: #FFFFFF !important;

        border: 1px solid var(--tcz-border) !important;

        border-radius: 12px !important;

        box-shadow:
            0 16px 35px rgba(18, 57, 93, 0.12) !important;

    }


    /* Mobile links */

    .elementor-element-4f499d69
    .elementor-nav-menu--dropdown
    .elementor-item {

        min-height: 44px !important;

        padding: 0 13px !important;

        color: var(--tcz-navy-soft) !important;

        font-size: 14px !important;

        font-weight: 600 !important;

        border-radius: 7px !important;

    }


    /* Mobile active */

    .elementor-element-4f499d69
    .elementor-nav-menu--dropdown
    .elementor-item.elementor-item-active,

    .elementor-element-4f499d69
    .elementor-nav-menu--dropdown
    .current-menu-item
    > .elementor-item {

        color: var(--tcz-gold-dark) !important;

        background: var(--tcz-gold-soft) !important;

    }


    /* Disable desktop underline in mobile */

    .elementor-element-4f499d69
    .elementor-nav-menu--dropdown
    .elementor-item::after {

        display: none !important;

    }

}


/* ---------------------------------------------------------
   18. TABLET
   --------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-element-5e420846 img {

        max-width: 82px !important;

    }


    .elementor-element-4f499d69
    .elementor-nav-menu--main
    .elementor-item {

        padding-left: 10px !important;

        padding-right: 10px !important;

        font-size: 13px !important;

    }

}


/* ---------------------------------------------------------
   19. ACCESSIBILITY
   --------------------------------------------------------- */

.elementor-element-4f499d69
.elementor-item:focus-visible {

    outline: 2px solid var(--tcz-gold) !important;

    outline-offset: 3px;

}


/* ---------------------------------------------------------
   20. REDUCE MOTION
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .elementor-element-14edf47c *,
    .elementor-element-4f499d69 *,
    .elementor-element-5e420846 * {

        transition: none !important;

        animation: none !important;

    }

}/* End custom CSS */