.elementor-289 .elementor-element.elementor-element-6254ab6{--display:flex;--min-height:100vh;--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;}.elementor-widget-image .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-289 .elementor-element.elementor-element-34bd9d1 img{width:40%;}.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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-289 .elementor-element.elementor-element-d79288a{text-align:center;}.elementor-289 .elementor-element.elementor-element-d79288a .elementor-heading-title{font-family:"Trebuchet MS", Sans-serif;font-size:24px;font-weight:500;color:var( --e-global-color-secondary );}.elementor-289 .elementor-element.elementor-element-2625b7d img{width:40%;}#elementor-popup-modal-289{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-289 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-289 .dialog-close-button{display:flex;}#elementor-popup-modal-289 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for nav-menu, class: .elementor-element-270b938 *//* Hide the redundant primary arrow */
.elementor-289 .elementor-element.elementor-element-270b938 .elementor-item .sub-arrow:first-child {
    display: none !important;
}

/* Style the secondary arrow and make it the toggle */
.elementor-289 .elementor-element.elementor-element-270b938 .elementor-item .sub-arrow {
    font-size: 12px;
    margin-left: auto; /* Pushes it to the right */
    padding: 10px;
    cursor: pointer;
}

/* Ensure the parent item stays on one line */
.elementor-289 .elementor-element.elementor-element-270b938 .elementor-nav-menu--main .elementor-item {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    justify-content: space-between;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #555555 !important;
    padding: 18px 25px !important;
    border-bottom: 1px solid #f8f8f8 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Fix for the Red Skew Box showing on Home (Active State) */
/* This ensures 'Home' doesn't stay red if you are on the homepage */
.elementor-289 .elementor-element.elementor-element-270b938 .elementor-item.elementor-item-active::before {
    display: none !important;
}

/* Keep the skew background for HOVER ONLY */
.elementor-289 .elementor-element.elementor-element-270b938 .elementor-item:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 92%;
    height: 100%;
    background-color: #b22222 !important;
    transform: skewX(-15deg);
    transform-origin: left;
    z-index: -1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6254ab6 *//* 1. Isolate the Modal Content */
.elementor-289 .elementor-element.elementor-element-6254ab6 .dialog-widget-content {
    background-color: #ffffff !important;
    border-left: 5px solid #2D3A8C !important;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1) !important;
}

/* 2. Isolate the Navigation Menu Styles */
/* We target the specific mobile nav wrap to prevent affecting desktop menus */
.elementor-289 .elementor-element.elementor-element-6254ab6 .elementor-nav-menu--main {
    padding-top: 20px;
}

.elementor-289 .elementor-element.elementor-element-6254ab6 .elementor-nav-menu--main .elementor-item {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #555555 !important;
    padding: 18px 25px !important;
    border-bottom: 1px solid #f8f8f8 !important;
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100%;
}

/* 3. The Skewed Background (Strictly Local) */
/* Using '.elementor-289 .elementor-element.elementor-element-6254ab6' ensures this pseudo-element only exists inside this popup */
.elementor-289 .elementor-element.elementor-element-6254ab6 .elementor-item.elementor-item-active::before,
.elementor-289 .elementor-element.elementor-element-6254ab6 .elementor-item:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 92%; /* Slightly narrower to prevent edge clipping */
    height: 100%;
    background-color: #b22222 !important;
    transform: skewX(-15deg);
    transform-origin: left;
    z-index: -1;
}

/* 4. Text color change on active/hover */
.elementor-289 .elementor-element.elementor-element-6254ab6 .elementor-item.elementor-item-active,
.elementor-289 .elementor-element.elementor-element-6254ab6 .elementor-item:hover {
    color: #ffffff !important;
}

/* 5. Sub-menu isolation */
.elementor-289 .elementor-element.elementor-element-6254ab6 .elementor-nav-menu--main .sub-menu .elementor-item {
    padding-left: 45px !important;
    background-color: #fafafa !important;
    border-bottom: 1px solid #eee !important;
    transform: none !important; /* No skew for sub-items */
}

/* 6. Isolated Close Button */
.elementor-289 .elementor-element.elementor-element-6254ab6 .dialog-close-button {
    color: #333 !important;
    background: #f0f0f0 !important;
    border-radius: 50% !important;
    padding: 8px !important;
    top: 20px !important;
    right: 20px !important;
}
/* Fix for Submenu Indicator Alignment */
.elementor-289 .elementor-element.elementor-element-6254ab6 .elementor-nav-menu--main .elementor-item {
    display: flex !important;
    align-items: center !important;
    justify-content:间; /* This pushes the arrow to the far right */
    width: 100% !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #555555 !important;
    padding: 18px 25px !important;
    border-bottom: 1px solid #f8f8f8 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Ensure the arrow doesn't inherit the skew effect background */
.elementor-289 .elementor-element.elementor-element-6254ab6 .elementor-sub-arrow {
    position: relative;
    z-index: 2;
    margin-left: 10px;
    font-size: 12px;
}

/* Adjust the skew background to cover the full flex width */
.elementor-289 .elementor-element.elementor-element-6254ab6 .elementor-item.elementor-item-active::before,
.elementor-289 .elementor-element.elementor-element-6254ab6 .elementor-item:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 95%; 
    height: 100%;
    background-color: #b22222 !important;
    transform: skewX(-15deg);
    transform-origin: left;
    z-index: -1;
}/* End custom CSS */