.elementor-192 .elementor-element.elementor-element-f3ac9cb{margin-top:-1px;margin-bottom:0px;}.elementor-192 .elementor-element.elementor-element-20a0612 .main-header-two__contact-list li .icon i,.elementor-192 .elementor-element.elementor-element-20a0612 .main-header-three__contact-list li .icon i{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-192 .elementor-element.elementor-element-20a0612 .main-header-two__contact-list li .text p,.elementor-192 .elementor-element.elementor-element-20a0612 .main-header-three__contact-list .text p{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-192 .elementor-element.elementor-element-20a0612 .main-header-two__social a,.elementor-192 .elementor-element.elementor-element-20a0612 .main-header-three__social a{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-192 .elementor-element.elementor-element-20a0612 .main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a,.elementor-192 .elementor-element.elementor-element-20a0612 .main-menu-two .main-menu__list>li>a, .stricky-header.main-menu-two .main-menu__list>li>a{margin:0px 0px 0px 0px;}/* Start custom CSS for jetly-header, class: .elementor-element-20a0612 */.elementor-192 .elementor-element.elementor-element-20a0612 #thm-logo{
    height: 60px;
    object-fit: contain;
    width: auto;
}


/* ═══════════════════════════════════════════
   Nav: Center menu, last item as button.
   wrapper-inner is left completely untouched
   (display/flex/justify-content unchanged)
   so sticky header behavior stays intact.
   Paste in: Appearance → Customize → Additional CSS
═══════════════════════════════════════════ */

/* .main-menu-two__wrapper-inner is already position:relative
   in the theme, so we can absolutely position .right inside it
   without affecting wrapper-inner's own flex/height */

/* Establish wrapper-inner as the positioning context so
   .main-menu-two__right's absolute left:0/right:0 aligns
   to the actual container width, not a wider ancestor */
.main-menu-two__wrapper-inner {
    position: relative;
}

/* ── Desktop only — center the menu, position last item ──
   Scoped with min-width so nothing here ever touches mobile,
   leaving the theme's native mobile dropdown completely intact */
@media (min-width: 1200px) {

    .main-menu-two__right {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        pointer-events: none;
    }

    .main-menu-two__right .main-menu-two__main-menu-box,
    .main-menu-two__right .mobile-nav__toggler {
        pointer-events: auto;
    }

    /* Push last item to the far right, away from centered group */
    .main-menu-two__main-menu-box .main-menu__list {
        display: flex;
        align-items: center;
    }

    .main-menu-two__main-menu-box .main-menu__list > li:last-child {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

}

/* Need wrapper-inner's container width as reference for "far right" —
   since .main-menu-two__right is now full-width (left:0; right:0),
   the last li's "right:0" already lands at the true right edge. */

/* Base style — gold background button */
.main-menu-two__main-menu-box .main-menu__list > li:last-child > a {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
    z-index: 1 !important;
    background-color: var(--jetly-base, #a79132) !important;
    color: var(--jetly-white, #ffffff) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase !important;
    padding: 12px 32px !important;
    border-radius: 30px !important;
    text-shadow: none !important;
    transition: color 0.8s ease !important;
}

/* ::before — shimmer sweep, same gold so bg doesn't change on hover */
.main-menu-two__main-menu-box .main-menu__list > li:last-child > a::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -120% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(
        120deg,
        transparent 0%,
        transparent 25%,
        var(--jetly-base, #a79132) 25%,
        var(--jetly-base, #a79132) 75%,
        transparent 75%,
        transparent 100%
    ) !important;
    z-index: -1 !important;
    border-radius: 30px !important;
    transform: none !important;
    transition: left 1.1s cubic-bezier(0.25, 1, 0.4, 1) !important;
    bottom: auto !important;
    right: auto !important;
    opacity: 1 !important;
}

/* ::after — white shimmer layer */
.main-menu-two__main-menu-box .main-menu__list > li:last-child > a::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -150% !important;
    width: 60% !important;
    height: 100% !important;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255, 255, 255, 0.45) 50%,
        transparent 100%
    ) !important;
    z-index: 2 !important;
    transform: skewX(-20deg) !important;
    transition: none !important;
    pointer-events: none !important;
    border-radius: 0 !important;
}

/* Hover — keep gold bg, only shimmer plays */
.main-menu-two__main-menu-box .main-menu__list > li:last-child > a:hover {
    background-color: var(--jetly-base, #a79132) !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

.main-menu-two__main-menu-box .main-menu__list > li:last-child > a:hover::before {
    left: 120% !important;
    transform: none !important;
}

.main-menu-two__main-menu-box .main-menu__list > li:last-child > a:hover::after {
    left: 150% !important;
    transition: left 1.3s cubic-bezier(0.25, 1, 0.4, 1) !important;
}

/* Mobile — strip the button look so it reverts to a plain
   nav link inside the theme's native mobile dropdown */
@media (max-width: 1199px) {
    .main-menu-two__main-menu-box .main-menu__list > li:last-child > a {
        background-color: transparent !important;
        color: #ffffff !important;
        padding: 0 !important;
        border-radius: 0 !important;
        line-height: 30px !important;
        font-size: 14px !important;
        overflow: visible !important;
    }
    .main-menu-two__main-menu-box .main-menu__list > li:last-child > a::before,
    .main-menu-two__main-menu-box .main-menu__list > li:last-child > a::after {
        display: none !important;
    }
}/* End custom CSS */