.elementor-504 .elementor-element.elementor-element-c680568{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-504 .elementor-element.elementor-element-6f3b5fd{--display:flex;}.elementor-504 .elementor-element.elementor-element-e9f164b{text-align:start;}.elementor-504 .elementor-element.elementor-element-e9f164b img{width:148px;}.elementor-504 .elementor-element.elementor-element-8ba9a4d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:27px 27px;--row-gap:27px;--column-gap:27px;}.elementor-504 .elementor-element.elementor-element-44fad83 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-504 .elementor-element.elementor-element-44fad83 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-504 .elementor-element.elementor-element-44fad83 .elementor-button{fill:var( --e-global-color-bba220f );color:var( --e-global-color-bba220f );border-style:solid;border-color:#FFFFFF;padding:13px 24px 13px 24px;}.elementor-504 .elementor-element.elementor-element-44fad83 .elementor-button:hover, .elementor-504 .elementor-element.elementor-element-44fad83 .elementor-button:focus{border-color:var( --e-global-color-accent );}.elementor-504 .elementor-element.elementor-element-0c932b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu .elementor-item{font-size:15px;font-weight:400;text-transform:uppercase;}.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px;}.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--main .elementor-item:hover,
					.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--main .elementor-item:focus{color:#C69941;fill:#C69941;}.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--dropdown a, .elementor-504 .elementor-element.elementor-element-cca6edc .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-radius:0px 20px 0px 20px;}.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--dropdown a:hover,
					.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--dropdown a:focus,
					.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--dropdown a.highlighted,
					.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-menu-toggle:hover,
					.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-menu-toggle:focus{color:var( --e-global-color-accent );}.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--dropdown a:hover,
					.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--dropdown a:focus,
					.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--dropdown a.highlighted{background-color:#02010100;}.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-accent );background-color:#02010100;}.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--dropdown .elementor-item, .elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:15px;font-weight:400;text-transform:uppercase;}.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:20px;}.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:20px;}.elementor-504 .elementor-element.elementor-element-cca6edc .elementor-nav-menu--dropdown a{padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-504 .elementor-element.elementor-element-e9f164b img{width:123px;}}@media(max-width:767px){.elementor-504 .elementor-element.elementor-element-c680568{--flex-wrap:nowrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-504 .elementor-element.elementor-element-e9f164b img{width:102px;}}/* Start custom CSS for button, class: .elementor-element-44fad83 */.elementor-504 .elementor-element.elementor-element-44fad83 .elementor-button-icon {
    margin: -4px 0 0 4px;
}

.elementor-504 .elementor-element.elementor-element-44fad83 svg path {
    stroke: #fff;
    transition: 0.4s ease;
}

@media (max-width: 600px) {
    .elementor-504 .elementor-element.elementor-element-44fad83 {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4b3de6a *//* =========================================
   HAMBURGER MENU
========================================= */

.hamburger-icon {
	height: 20px;
	width: 40px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	display: flex;
	position: relative;
	top: 11px;
}

/* Hamburger lines */
.hamburger-icon .icon-1,
.hamburger-icon .icon-2,
.hamburger-icon .icon-3 {
	position: absolute;
	left: 0;
	top: 50%;
	width: 40px;
	height: 2px;
	background-color: #C69941;
	transition: all 400ms cubic-bezier(.84, .06, .52, 1.8);
}

/* Top line */
.hamburger-icon .icon-1 {
	transform: translateY(-8px);
}

/* Middle line */
.hamburger-icon .icon-2 {
	transform: translateY(0);
}

/* Bottom line */
.hamburger-icon .icon-3 {
	transform: translateY(8px);
}

/* =========================================
   ACTIVE / OPEN STATE
   Body gets .nav-open
========================================= */

/* Top → diagonal */
body.nav-open .hamburger-icon .icon-1 {
	transform: rotate(40deg);
}

/* Middle → hidden */
body.nav-open .hamburger-icon .icon-2 {
	opacity: 0;
}

/* Bottom → diagonal */
body.nav-open .hamburger-icon .icon-3 {
	transform: rotate(-40deg);
}

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

/*.hamburger-icon:hover {*/
/*	transform: scale(1.2);*/
/*	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);*/
/*}*/

/* =========================================
   CLEAR
========================================= */


body.nav-open .nav-opener .icon-1 {
	transform: rotate(40deg);
}

body.nav-open .nav-opener .icon-2 {
	opacity: 0;
}

body.nav-open .nav-opener .icon-3 {
	transform: rotate(-40deg);
}

@media (max-width: 600px) {
    .hamburger-icon {
        top: 2px;
    }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-cca6edc */.elementor-504 .elementor-element.elementor-element-cca6edc .menu-item-has-children .sub-arrow {
    margin: 0;
    padding: 0;
    height: 26px;
    width: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ffffff70;
    transition: 0.4s ease;
}

.elementor-504 .elementor-element.elementor-element-cca6edc .menu-item-has-children .sub-arrow:hover  {
    border: 1px solid #fff;
}

.elementor-504 .elementor-element.elementor-element-cca6edc li.nav-title.menu-item {
    border-bottom: 1px solid #00000029;
    margin-bottom: 10px;
}

.elementor-504 .elementor-element.elementor-element-cca6edc li.nav-title.menu-item a {
    font-weight: 500 !important;
}

.elementor-504 .elementor-element.elementor-element-cca6edc li.nav-title.menu-item a:after {
    content: '';
    position: absolute;
    top: 13px;
    right: 12px;
    height: 15px;
    width: 15px;
    background-image: url('https://tajonluxuryoffices.com/wp-content/uploads/2026/09/icon-arrow01.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.elementor-504 .elementor-element.elementor-element-cca6edc span.sub-arrow:after {
    content: '';
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    bottom: 12px;
    background: transparent;
}

.elementor-504 .elementor-element.elementor-element-cca6edc .menu-item-has-children .sub-arrow svg {
    height: 11px;
}

.elementor-nav-menu--main .submenu-back span {
    color: #000;
    font-size: 14px;
    display: flex;
}

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

.elementor-nav-menu--main {
    position: relative !important;
    overflow: hidden !important;
}


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

.elementor-nav-menu--main > ul {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px !important;
}


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

.elementor-nav-menu--main > ul > li {
    position: static !important;
}

.elementor-nav-menu--main > ul > li {
    transform: none !important;
}


/* =========================================
   SUBMENU PANEL
========================================= */

.elementor-nav-menu--main
> ul
> li.menu-item-has-children
> .sub-menu {

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    display: block !important;

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

    opacity: 0 !important;
    visibility: hidden !important;

    transform: translateX(100%) !important;

    z-index: 999 !important;

    transition:
        transform 0.45s cubic-bezier(0.77, 0, 0.175, 1),
        opacity 0.25s ease,
        visibility 0s linear 0.45s !important;
}


/* =========================================
   ACTIVE SUBMENU
========================================= */

.elementor-nav-menu--main
> ul
> li.menu-item-has-children.submenu-open
> .sub-menu {

    opacity: 1 !important;
    visibility: visible !important;

    transform: translateX(0) !important;

    transition:
        transform 0.45s cubic-bezier(0.77, 0, 0.175, 1),
        opacity 0.25s ease,
        visibility 0s linear 0s !important;
    background: #fff;
}


/* =========================================
   HIDE MAIN MENU WHILE SUBMENU IS OPEN
========================================= */

.elementor-nav-menu--main.submenu-active
> ul
> li:not(.submenu-open) {

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translateX(-40px) !important;

    transition:
        opacity 0.25s ease,
        transform 0.35s ease,
        visibility 0s linear 0.25s !important;
}


/* =========================================
   ACTIVE PARENT
========================================= */

.elementor-nav-menu--main.submenu-active
> ul
> li.submenu-open {

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform: none !important;
}


/* =========================================
   SUBMENU ITEMS
========================================= */

.elementor-nav-menu--main
> ul
> li.menu-item-has-children
> .sub-menu
> li {

    width: 100% !important;
    box-sizing: border-box;
}


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

.elementor-nav-menu--main
.submenu-back {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 12px !important;
}


/* =========================================
   BACK LINK
========================================= */

.elementor-nav-menu--main
.submenu-back-link {

    display: flex !important;

    align-items: center !important;

    gap: 12px !important;

    width: 100% !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    color: #ffffff !important;

    font-size: 18px !important;
    font-weight: 500 !important;

    text-decoration: none !important;

    box-sizing: border-box !important;
}


.back-arrow {

    font-size: 30px !important;
    line-height: 1 !important;
}


/* =========================================
   SCROLLBAR
========================================= */

.elementor-nav-menu--main
.sub-menu::-webkit-scrollbar {

    width: 6px;
}


.elementor-nav-menu--main
.sub-menu::-webkit-scrollbar-track {

    background: rgba(255,255,255,0.08);
}


.elementor-nav-menu--main
.sub-menu::-webkit-scrollbar-thumb {

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

    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c932b8 */.elementor-504 .elementor-element.elementor-element-0c932b8.elementor-element-edit-mode {
    /*display: none;*/
}

.nav-drop {
    position: absolute;
    top: 90px;
    width: 300px;
}

.nav-drop:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    background: #ffffff27;

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

    border-radius: 0 20px 0 20px;
    border: 1px solid #ffffff10;

    transition: background 0.4s ease;
}


.nav-drop.nav-light:after {
    background: #1a1a1a90 !important;
}

.nav-drop.elementor-element-edit-mode:after {
    background: #1a1a1a;
}

.elementor-504 .elementor-element.elementor-element-0c932b8 .menu-item-has-children > a {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 600px) {
    .nav-drop {
        top: 70px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c680568 */.elementor-504 .elementor-element.elementor-element-c680568 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.elementor-504 .elementor-element.elementor-element-c680568.elementor-element-edit-mode {
    position: static;
    background: #1a1a1a;
}

.elementor-504 .elementor-element.elementor-element-c680568.elementor-element-edit-mode:before {
    display: none;
}

.elementor-504 .elementor-element.elementor-element-c680568:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -30%;
    z-index: -1;
    background: linear-gradient(to bottom, rgba(26,26,26,1) 0%,rgba(26,26,26,1) 3%,rgba(26,26,26,0) 95%,rgba(26,26,26,0) 100%);
    opacity: 0.76;
    backdrop-filter: blur(0px);
    transition: 0.3s ease;
}

.header-fixed .elementor-504 .elementor-element.elementor-element-c680568:before {
    opacity: 99;
    height: 100%;
    bottom: 0;
    background: #1a1a1acf;
    backdrop-filter: blur(10px);
}/* End custom CSS */