/* =============================================================================
   STICKY HEADER - HOMEPAGE ONLY
   Copy this CSS to your theme's CSS file or add as custom CSS
   ============================================================================= */

/* Only apply on homepage */
.home header.semplice-navbar,
.home .semplice-navbar.active-navbar,
.home .semplice-navbar,
body.home header.semplice-navbar,
body.home .semplice-navbar.active-navbar,
body.home .semplice-navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    opacity: 1;
    background-color: transparent !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1), background-image 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
    backdrop-filter: blur(0px) !important;
    transform: translateY(0) !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    /* Header padding and spacing - desktop default */
    padding: 1.5rem 0 !important;
    min-height: 80px !important;
}

/* Container-fluid padding and spacing - desktop default */
.home header.semplice-navbar .container-fluid,
.home .semplice-navbar.active-navbar .container-fluid,
.home .semplice-navbar .container-fluid,
body.home header.semplice-navbar .container-fluid,
body.home .semplice-navbar.active-navbar .container-fluid,
body.home .semplice-navbar .container-fluid {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Hide the main header when scrolled - we'll use bottom hamburger instead */
.home header.semplice-navbar.scrolled,
.home .semplice-navbar.active-navbar.scrolled,
.home .semplice-navbar.scrolled,
body.home header.semplice-navbar.scrolled,
body.home .semplice-navbar.active-navbar.scrolled,
body.home .semplice-navbar.scrolled {
    transform: translateY(-100%) !important;
    opacity: 0 !important;
}

/* Bottom hamburger menu that slides up from bottom */
.home .bottom-hamburger-menu,
body.home .bottom-hamburger-menu {
    position: fixed !important;
    bottom: -80px !important;
    left: 2rem !important;
    z-index: 1001 !important;
    background: rgba(0, 0, 0, 0.9) !important;
    backdrop-filter: blur(15px) !important;
    border-radius: 50px !important;
    padding: 1rem 1.5rem !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transform: translateY(0) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Show bottom hamburger menu when scrolled */
.home .bottom-hamburger-menu.visible,
body.home .bottom-hamburger-menu.visible {
    bottom: 2rem !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Hamburger icon styling for bottom menu */
.home .bottom-hamburger-menu .hamburger-icon,
body.home .bottom-hamburger-menu .hamburger-icon {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    cursor: pointer !important;
}

.home .bottom-hamburger-menu .hamburger-icon span,
body.home .bottom-hamburger-menu .hamburger-icon span {
    width: 24px !important;
    height: 3px !important;
    background-color: #ffffff !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
}

/* Hamburger animation on hover */
.home .bottom-hamburger-menu:hover .hamburger-icon span:nth-child(1),
body.home .bottom-hamburger-menu:hover .hamburger-icon span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
}

.home .bottom-hamburger-menu:hover .hamburger-icon span:nth-child(2),
body.home .bottom-hamburger-menu:hover .hamburger-icon span:nth-child(2) {
    opacity: 0 !important;
}

.home .bottom-hamburger-menu:hover .hamburger-icon span:nth-child(3),
body.home .bottom-hamburger-menu:hover .hamburger-icon span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
}

/* Hide bottom hamburger menu when theme's mobile menu is open */
.home body.mobile-menu-open .bottom-hamburger-menu,
.home body.menu-open .bottom-hamburger-menu,
.home body.nav-open .bottom-hamburger-menu,
body.home.mobile-menu-open .bottom-hamburger-menu,
body.home.menu-open .bottom-hamburger-menu,
body.home.nav-open .bottom-hamburger-menu {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(20px) !important;
}

/* Add a subtle overlay for better background transition using ::after */
.home header.semplice-navbar::after,
.home .semplice-navbar.active-navbar::after,
.home .semplice-navbar::after,
body.home header.semplice-navbar::after,
body.home .semplice-navbar.active-navbar::after,
body.home .semplice-navbar::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0) !important;
    transition: background 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* Add overlay when scrolled */
.home header.semplice-navbar.scrolled::after,
.home .semplice-navbar.active-navbar.scrolled::after,
.home .semplice-navbar.scrolled::after,
body.home header.semplice-navbar.scrolled::after,
body.home .semplice-navbar.active-navbar.scrolled::after,
body.home .semplice-navbar.scrolled::after {
    background: rgba(0, 0, 0, 0.1) !important;
}

/* Container-fluid padding when scrolled - reduced padding */
.home header.semplice-navbar.scrolled .container-fluid,
.home .semplice-navbar.active-navbar.scrolled .container-fluid,
.home .semplice-navbar.scrolled .container-fluid,
body.home header.semplice-navbar.scrolled .container-fluid,
body.home .semplice-navbar.active-navbar.scrolled .container-fluid,
body.home .semplice-navbar.scrolled .container-fluid {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Position nav-top-bar when scrolled */
.home header.semplice-navbar.scrolled .menu .nav-top-bar,
.home .semplice-navbar.active-navbar.scrolled .menu .nav-top-bar,
.home .semplice-navbar.scrolled .menu .nav-top-bar,
body.home header.semplice-navbar.scrolled .menu .nav-top-bar,
body.home .semplice-navbar.active-navbar.scrolled .menu .nav-top-bar,
body.home .semplice-navbar.scrolled .menu .nav-top-bar {
    top: 0.9rem !important;
}

/* Ensure navbar inner elements are properly aligned */
.home header.semplice-navbar .navbar-inner,
.home .semplice-navbar.active-navbar .navbar-inner,
.home .semplice-navbar .navbar-inner,
.home header.semplice-navbar.scrolled .navbar-inner,
.home .semplice-navbar.active-navbar.scrolled .navbar-inner,
.home .semplice-navbar.scrolled .navbar-inner,
body.home header.semplice-navbar .navbar-inner,
body.home .semplice-navbar.active-navbar .navbar-inner,
body.home .semplice-navbar .navbar-inner,
body.home header.semplice-navbar.scrolled .navbar-inner,
body.home .semplice-navbar.active-navbar.scrolled .navbar-inner,
body.home .semplice-navbar.scrolled .navbar-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}

/* Center align logo vertically */
.home header.semplice-navbar .navbar-left,
.home .semplice-navbar.active-navbar .navbar-left,
.home .semplice-navbar .navbar-left,
.home header.semplice-navbar.scrolled .navbar-left,
.home .semplice-navbar.active-navbar.scrolled .navbar-left,
.home .semplice-navbar.scrolled .navbar-left,
body.home header.semplice-navbar .navbar-left,
body.home .semplice-navbar.active-navbar .navbar-left,
body.home .semplice-navbar .navbar-left,
body.home header.semplice-navbar.scrolled .navbar-left,
body.home .semplice-navbar.active-navbar.scrolled .navbar-left,
body.home .semplice-navbar.scrolled .navbar-left {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 !important;
    height: 100% !important;
}

/* Logo sizing and scaling for different screen sizes */
.home header.semplice-navbar .navbar-left .logo,
.home .semplice-navbar.active-navbar .navbar-left .logo,
.home .semplice-navbar .navbar-left .logo,
.home header.semplice-navbar.scrolled .navbar-left .logo,
.home .semplice-navbar.active-navbar.scrolled .navbar-left .logo,
.home .semplice-navbar.scrolled .navbar-left .logo,
body.home header.semplice-navbar .navbar-left .logo,
body.home .semplice-navbar.active-navbar .navbar-left .logo,
body.home .semplice-navbar .navbar-left .logo,
body.home header.semplice-navbar.scrolled .navbar-left .logo,
body.home .semplice-navbar.active-navbar.scrolled .navbar-left .logo,
body.home .semplice-navbar.scrolled .navbar-left .logo {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    /* Logo size settings - desktop default */
    width: auto !important;
    max-width: 200px !important;
    max-height: 60px !important;
}

/* Logo image sizing */
.home header.semplice-navbar .navbar-left .logo img,
.home .semplice-navbar.active-navbar .navbar-left .logo img,
.home .semplice-navbar .navbar-left .logo img,
.home header.semplice-navbar.scrolled .navbar-left .logo img,
.home .semplice-navbar.active-navbar.scrolled .navbar-left .logo img,
.home .semplice-navbar.scrolled .navbar-left .logo img,
body.home header.semplice-navbar .navbar-left .logo img,
body.home .semplice-navbar.active-navbar .navbar-left .logo img,
body.home .semplice-navbar .navbar-left .logo img,
body.home header.semplice-navbar.scrolled .navbar-left .logo img,
body.home .semplice-navbar.active-navbar.scrolled .navbar-left .logo img,
body.home .semplice-navbar.scrolled .navbar-left .logo img {
    width: auto !important;
    height: auto !important;
    max-width: 200px !important;
    max-height: 60px !important;
    object-fit: contain !important;
}

/* Logo scaling for tablet sizes */
@media (max-width: 1200px) {
    .home header.semplice-navbar .navbar-left .logo,
    .home .semplice-navbar.active-navbar .navbar-left .logo,
    .home .semplice-navbar .navbar-left .logo,
    .home header.semplice-navbar.scrolled .navbar-left .logo,
    .home .semplice-navbar.active-navbar.scrolled .navbar-left .logo,
    .home .semplice-navbar.scrolled .navbar-left .logo,
    body.home header.semplice-navbar .navbar-left .logo,
    body.home .semplice-navbar.active-navbar .navbar-left .logo,
    body.home .semplice-navbar .navbar-left .logo,
    body.home header.semplice-navbar.scrolled .navbar-left .logo,
    body.home .semplice-navbar.active-navbar.scrolled .navbar-left .logo,
    body.home .semplice-navbar.scrolled .navbar-left .logo {
        transform: scale(0.9) !important;
        max-width: 180px !important;
        max-height: 54px !important;
    }
    
    .home header.semplice-navbar .navbar-left .logo img,
    .home .semplice-navbar.active-navbar .navbar-left .logo img,
    .home .semplice-navbar .navbar-left .logo img,
    .home header.semplice-navbar.scrolled .navbar-left .logo img,
    .home .semplice-navbar.active-navbar.scrolled .navbar-left .logo img,
    .home .semplice-navbar.scrolled .navbar-left .logo img,
    body.home header.semplice-navbar .navbar-left .logo img,
    body.home .semplice-navbar.active-navbar .navbar-left .logo img,
    body.home .semplice-navbar .navbar-left .logo img,
    body.home header.semplice-navbar.scrolled .navbar-left .logo img,
    body.home .semplice-navbar.active-navbar.scrolled .navbar-left .logo img,
    body.home .semplice-navbar.scrolled .navbar-left .logo img {
        max-width: 180px !important;
        max-height: 54px !important;
    }
}

/* Logo scaling for smaller screens */
@media (max-width: 990px) {
    .home header.semplice-navbar .navbar-left .logo,
    .home .semplice-navbar.active-navbar .navbar-left .logo,
    .home .semplice-navbar .navbar-left .logo,
    .home header.semplice-navbar.scrolled .navbar-left .logo,
    .home .semplice-navbar.active-navbar.scrolled .navbar-left .logo,
    .home .semplice-navbar.scrolled .navbar-left .logo,
    body.home header.semplice-navbar .navbar-left .logo,
    body.home .semplice-navbar.active-navbar .navbar-left .logo,
    body.home .semplice-navbar .navbar-left .logo,
    body.home header.semplice-navbar.scrolled .navbar-left .logo,
    body.home .semplice-navbar.active-navbar.scrolled .navbar-left .logo,
    body.home .semplice-navbar.scrolled .navbar-left .logo {
        transform: scale(0.8) !important;
        max-width: 160px !important;
        max-height: 48px !important;
    }
    
    .home header.semplice-navbar .navbar-left .logo img,
    .home .semplice-navbar.active-navbar .navbar-left .logo img,
    .home .semplice-navbar .navbar-left .logo img,
    .home header.semplice-navbar.scrolled .navbar-left .logo img,
    .home .semplice-navbar.active-navbar.scrolled .navbar-left .logo img,
    .home .semplice-navbar.scrolled .navbar-left .logo img,
    body.home header.semplice-navbar .navbar-left .logo img,
    body.home .semplice-navbar.active-navbar .navbar-left .logo img,
    body.home .semplice-navbar .navbar-left .logo img,
    body.home header.semplice-navbar.scrolled .navbar-left .logo img,
    body.home .semplice-navbar.active-navbar.scrolled .navbar-left .logo img,
    body.home .semplice-navbar.scrolled .navbar-left .logo img {
        max-width: 160px !important;
        max-height: 48px !important;
    }
}

/* Logo scaling for mobile */
@media (max-width: 768px) {
    .home header.semplice-navbar .navbar-left .logo,
    .home .semplice-navbar.active-navbar .navbar-left .logo,
    .home .semplice-navbar .navbar-left .logo,
    .home header.semplice-navbar.scrolled .navbar-left .logo,
    .home .semplice-navbar.active-navbar.scrolled .navbar-left .logo,
    .home .semplice-navbar.scrolled .navbar-left .logo,
    body.home header.semplice-navbar .navbar-left .logo,
    body.home .semplice-navbar.active-navbar .navbar-left .logo,
    body.home .semplice-navbar .navbar-left .logo,
    body.home header.semplice-navbar.scrolled .navbar-left .logo,
    body.home .semplice-navbar.active-navbar.scrolled .navbar-left .logo,
    body.home .semplice-navbar.scrolled .navbar-left .logo {
        transform: scale(0.7) !important;
        max-width: 140px !important;
        max-height: 42px !important;
    }
    
    .home header.semplice-navbar .navbar-left .logo img,
    .home .semplice-navbar.active-navbar .navbar-left .logo img,
    .home .semplice-navbar .navbar-left .logo img,
    .home header.semplice-navbar.scrolled .navbar-left .logo img,
    .home .semplice-navbar.active-navbar.scrolled .navbar-left .logo img,
    .home .semplice-navbar.scrolled .navbar-left .logo img,
    body.home header.semplice-navbar .navbar-left .logo img,
    body.home .semplice-navbar.active-navbar .navbar-left .logo img,
    body.home .semplice-navbar .navbar-left .logo img,
    body.home header.semplice-navbar.scrolled .navbar-left .logo img,
    body.home .semplice-navbar.active-navbar.scrolled .navbar-left .logo img,
    body.home .semplice-navbar.scrolled .navbar-left .logo img {
        max-width: 140px !important;
        max-height: 42px !important;
    }
}

/* Center align the right menu vertically */
.home header.semplice-navbar .navbar-right,
.home .semplice-navbar.active-navbar .navbar-right,
.home .semplice-navbar .navbar-right,
.home header.semplice-navbar.scrolled .navbar-right,
.home .semplice-navbar.active-navbar.scrolled .navbar-right,
.home .semplice-navbar.scrolled .navbar-right,
body.home header.semplice-navbar .navbar-right,
body.home .semplice-navbar.active-navbar .navbar-right,
body.home .semplice-navbar .navbar-right,
body.home header.semplice-navbar.scrolled .navbar-right,
body.home .semplice-navbar.active-navbar.scrolled .navbar-right,
body.home .semplice-navbar.scrolled .navbar-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 1 !important;
    height: 100% !important;
}

/* Position ::before pseudo-element when scrolled */
.home header.semplice-navbar.scrolled::before,
.home .semplice-navbar.active-navbar.scrolled::before,
.home .semplice-navbar.scrolled::before,
body.home header.semplice-navbar.scrolled::before,
body.home .semplice-navbar.active-navbar.scrolled::before,
body.home .semplice-navbar.scrolled::before {
    top: 42% !important;
    left: 85% !important;
}

/* Ensure text remains visible on transparent background */
.home header.semplice-navbar .navbar-inner nav ul li a span,
.home .semplice-navbar.active-navbar .navbar-inner nav ul li a span,
.home .semplice-navbar .navbar-inner nav ul li a span,
.home header.semplice-navbar .navbar-inner .logo a,
.home .semplice-navbar.active-navbar .navbar-inner .logo a,
.home .semplice-navbar .navbar-inner .logo a,
body.home header.semplice-navbar .navbar-inner nav ul li a span,
body.home .semplice-navbar.active-navbar .navbar-inner nav ul li a span,
body.home .semplice-navbar .navbar-inner nav ul li a span,
body.home header.semplice-navbar .navbar-inner .logo a,
body.home .semplice-navbar.active-navbar .navbar-inner .logo a,
body.home .semplice-navbar .navbar-inner .logo a {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7) !important;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transform: translateY(0) !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Remove text shadow when scrolled for cleaner look */
.home header.semplice-navbar.scrolled .navbar-inner nav ul li a span,
.home .semplice-navbar.active-navbar.scrolled .navbar-inner nav ul li a span,
.home .semplice-navbar.scrolled .navbar-inner nav ul li a span,
.home header.semplice-navbar.scrolled .navbar-inner .logo a,
.home .semplice-navbar.active-navbar.scrolled .navbar-inner .logo a,
.home .semplice-navbar.scrolled .navbar-inner .logo a,
body.home header.semplice-navbar.scrolled .navbar-inner nav ul li a span,
body.home .semplice-navbar.active-navbar.scrolled .navbar-inner nav ul li a span,
body.home .semplice-navbar.scrolled .navbar-inner nav ul li a span,
body.home header.semplice-navbar.scrolled .navbar-inner .logo a,
body.home .semplice-navbar.active-navbar.scrolled .navbar-inner .logo a,
body.home .semplice-navbar.scrolled .navbar-inner .logo a {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    transform: translateY(0) scale(1) !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Hide hamburger menu on desktop - all states */
.home header.semplice-navbar .hamburger,
.home .semplice-navbar.active-navbar .hamburger,
.home .semplice-navbar .hamburger,
body.home header.semplice-navbar .hamburger,
body.home .semplice-navbar.active-navbar .hamburger,
body.home .semplice-navbar .hamburger {
    display: none !important;
}

/* Ensure hamburger menu is hidden on desktop at all screen sizes above 990px */
@media (min-width: 991px) {
    .home header.semplice-navbar .hamburger,
    .home .semplice-navbar.active-navbar .hamburger,
    .home .semplice-navbar .hamburger,
    body.home header.semplice-navbar .hamburger,
    body.home .semplice-navbar.active-navbar .hamburger,
    body.home .semplice-navbar .hamburger {
        display: none !important;
    }
}

/* Hamburger menu styling - show at 990px and below */
@media (max-width: 990px) {
    
    /* Hide hamburger menu when scrolled (bottom menu will show instead) */
    .home header.semplice-navbar.scrolled .hamburger,
    .home .semplice-navbar.active-navbar.scrolled .hamburger,
    .home .semplice-navbar.scrolled .hamburger,
    body.home header.semplice-navbar.scrolled .hamburger,
    body.home .semplice-navbar.active-navbar.scrolled .hamburger,
    body.home .semplice-navbar.scrolled .hamburger {
        display: none !important;
    }
    
    /* Hide navigation menu on mobile - only show logo and hamburger */
    .home header.semplice-navbar .navbar-right nav,
    .home .semplice-navbar.active-navbar .navbar-right nav,
    .home .semplice-navbar .navbar-right nav,
    .home header.semplice-navbar .navbar-right,
    .home .semplice-navbar.active-navbar .navbar-right,
    .home .semplice-navbar .navbar-right,
    .home header.semplice-navbar .navbar-right ul,
    .home .semplice-navbar.active-navbar .navbar-right ul,
    .home .semplice-navbar .navbar-right ul,
    .home header.semplice-navbar .navbar-right li,
    .home .semplice-navbar.active-navbar .navbar-right li,
    .home .semplice-navbar .navbar-right li,
    body.home header.semplice-navbar .navbar-right nav,
    body.home .semplice-navbar.active-navbar .navbar-right nav,
    body.home .semplice-navbar .navbar-right nav,
    body.home header.semplice-navbar .navbar-right,
    body.home .semplice-navbar.active-navbar .navbar-right,
    body.home .semplice-navbar .navbar-right,
    body.home header.semplice-navbar .navbar-right ul,
    body.home .semplice-navbar.active-navbar .navbar-right ul,
    body.home .semplice-navbar .navbar-right ul,
    body.home header.semplice-navbar .navbar-right li,
    body.home .semplice-navbar.active-navbar .navbar-right li,
    body.home .semplice-navbar .navbar-right li {
        display: none !important;
    }
    
    /* Hide any other navigation elements that might be showing */
    .home header.semplice-navbar .menu,
    .home .semplice-navbar.active-navbar .menu,
    .home .semplice-navbar .menu,
    body.home header.semplice-navbar .menu,
    body.home .semplice-navbar.active-navbar .menu,
    body.home .semplice-navbar .menu {
        display: none !important;
    }
    
    /* Show only hamburger menu on mobile */
    .home header.semplice-navbar .hamburger,
    .home .semplice-navbar.active-navbar .hamburger,
    .home .semplice-navbar .hamburger,
    body.home header.semplice-navbar .hamburger,
    body.home .semplice-navbar.active-navbar .hamburger,
    body.home .semplice-navbar .hamburger {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 100% !important;
        position: absolute !important;
        right: 2rem !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }
    
    .home header.semplice-navbar .hamburger a.menu-icon span,
    .home .semplice-navbar.active-navbar .hamburger a.menu-icon span,
    .home .semplice-navbar .hamburger a.menu-icon span,
    body.home header.semplice-navbar .hamburger a.menu-icon span,
    body.home .semplice-navbar.active-navbar .hamburger a.menu-icon span,
    body.home .semplice-navbar .hamburger a.menu-icon span {
        background-color: #ffffff !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
        transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
        transform: translateY(0) !important;
        position: relative !important;
        z-index: 2 !important;
    }
    
    /* Scrolled hamburger menu styles for mobile */
    .home header.semplice-navbar.scrolled .hamburger a.menu-icon span,
    .home .semplice-navbar.active-navbar.scrolled .hamburger a.menu-icon span,
    .home .semplice-navbar.scrolled .hamburger a.menu-icon span,
    body.home header.semplice-navbar.scrolled .hamburger a.menu-icon span,
    body.home .semplice-navbar.active-navbar.scrolled .hamburger a.menu-icon span,
    body.home .semplice-navbar.scrolled .hamburger a.menu-icon span {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
        transform: translateY(0) scale(1) !important;
        position: relative !important;
        z-index: 2 !important;
    }
}

/* Mobile responsive adjustments */
@media (max-width: 990px) {
    .home header.semplice-navbar,
    .home .semplice-navbar.active-navbar,
    .home .semplice-navbar,
    body.home header.semplice-navbar,
    body.home .semplice-navbar.active-navbar,
    body.home .semplice-navbar {
        padding: 1rem 0 !important;
        min-height: 60px !important;
    }
    
    .home header.semplice-navbar.scrolled,
    .home .semplice-navbar.active-navbar.scrolled,
    .home .semplice-navbar.scrolled,
    body.home header.semplice-navbar.scrolled,
    body.home .semplice-navbar.active-navbar.scrolled,
    body.home .semplice-navbar.scrolled {
        padding: 0.5rem 0 !important;
        min-height: 50px !important;
    }
    
    /* Mobile adjustments for container-fluid padding */
    .home header.semplice-navbar .container-fluid,
    .home .semplice-navbar.active-navbar .container-fluid,
    .home .semplice-navbar .container-fluid,
    body.home header.semplice-navbar .container-fluid,
    body.home .semplice-navbar.active-navbar .container-fluid,
    body.home .semplice-navbar .container-fluid {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    
    /* Mobile adjustments for scrolled state */
    .home header.semplice-navbar.scrolled .container-fluid,
    .home .semplice-navbar.active-navbar.scrolled .container-fluid,
    .home .semplice-navbar.scrolled .container-fluid,
    body.home header.semplice-navbar.scrolled .container-fluid,
    body.home .semplice-navbar.active-navbar.scrolled .container-fluid,
    body.home .semplice-navbar.scrolled .container-fluid {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .home header.semplice-navbar.scrolled .menu .nav-top-bar,
    .home .semplice-navbar.active-navbar.scrolled .menu .nav-top-bar,
    .home .semplice-navbar.scrolled .menu .nav-top-bar,
    body.home header.semplice-navbar.scrolled .menu .nav-top-bar,
    body.home .semplice-navbar.active-navbar.scrolled .menu .nav-top-bar,
    body.home .semplice-navbar.scrolled .menu .nav-top-bar {
        top: 0.5rem !important;
    }
    
    .home header.semplice-navbar.scrolled::before,
    .home .semplice-navbar.active-navbar.scrolled::before,
    .home .semplice-navbar.scrolled::before,
    body.home header.semplice-navbar.scrolled::before,
    body.home .semplice-navbar.active-navbar.scrolled::before,
    body.home .semplice-navbar.scrolled::before {
        top: 40% !important;
        left: 90% !important;
    }
}

/* Additional mobile adjustments for very small screens */
@media (max-width: 768px) {
    .home header.semplice-navbar,
    .home .semplice-navbar.active-navbar,
    .home .semplice-navbar,
    body.home header.semplice-navbar,
    body.home .semplice-navbar.active-navbar,
    body.home .semplice-navbar {
        padding: 0.8rem 0 !important;
        min-height: 55px !important;
    }
    
    .home header.semplice-navbar.scrolled,
    .home .semplice-navbar.active-navbar.scrolled,
    .home .semplice-navbar.scrolled,
    body.home header.semplice-navbar.scrolled,
    body.home .semplice-navbar.active-navbar.scrolled,
    body.home .semplice-navbar.scrolled {
        padding: 0.5rem 0 !important;
        min-height: 45px !important;
    }
    
    /* Mobile adjustments for container-fluid padding */
    .home header.semplice-navbar .container-fluid,
    .home .semplice-navbar.active-navbar .container-fluid,
    .home .semplice-navbar .container-fluid,
    body.home header.semplice-navbar .container-fluid,
    body.home .semplice-navbar.active-navbar .container-fluid,
    body.home .semplice-navbar .container-fluid {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    /* Mobile adjustments for scrolled state */
    .home header.semplice-navbar.scrolled .container-fluid,
    .home .semplice-navbar.active-navbar.scrolled .container-fluid,
    .home .semplice-navbar.scrolled .container-fluid,
    body.home header.semplice-navbar.scrolled .container-fluid,
    body.home .semplice-navbar.active-navbar.scrolled .container-fluid,
    body.home .semplice-navbar.scrolled .container-fluid {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .home header.semplice-navbar.scrolled .menu .nav-top-bar,
    .home .semplice-navbar.active-navbar.scrolled .menu .nav-top-bar,
    .home .semplice-navbar.scrolled .menu .nav-top-bar,
    body.home header.semplice-navbar.scrolled .menu .nav-top-bar,
    body.home .semplice-navbar.active-navbar.scrolled .menu .nav-top-bar,
    body.home .semplice-navbar.scrolled .menu .nav-top-bar {
        top: 0.5rem !important;
    }
    
    .home header.semplice-navbar.scrolled::before,
    .home .semplice-navbar.active-navbar.scrolled::before,
    .home .semplice-navbar.scrolled::before,
    body.home header.semplice-navbar.scrolled::before,
    body.home .semplice-navbar.active-navbar.scrolled::before,
    body.home .semplice-navbar.scrolled::before {
        top: 40% !important;
        left: 90% !important;
    }
}

/* Smooth transition for all header elements */
.home header.semplice-navbar *,
.home .semplice-navbar.active-navbar *,
.home .semplice-navbar *,
body.home header.semplice-navbar *,
body.home .semplice-navbar.active-navbar *,
body.home .semplice-navbar * {
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Additional transitions for specific elements */
.home header.semplice-navbar .container-fluid,
.home .semplice-navbar.active-navbar .container-fluid,
.home .semplice-navbar .container-fluid,
body.home header.semplice-navbar .container-fluid,
body.home .semplice-navbar.active-navbar .container-fluid,
body.home .semplice-navbar .container-fluid {
    transition: padding 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.home header.semplice-navbar .menu .nav-top-bar,
.home .semplice-navbar.active-navbar .menu .nav-top-bar,
.home .semplice-navbar .menu .nav-top-bar,
body.home header.semplice-navbar .menu .nav-top-bar,
body.home .semplice-navbar.active-navbar .menu .nav-top-bar,
body.home .semplice-navbar .menu .nav-top-bar {
    transition: top 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.home header.semplice-navbar::before,
.home .semplice-navbar.active-navbar::before,
.home .semplice-navbar::before,
body.home header.semplice-navbar::before,
body.home .semplice-navbar.active-navbar::before,
body.home .semplice-navbar::before {
    transition: top 0.8s cubic-bezier(0.4, 0, 0.2, 1), left 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.home header.semplice-navbar::after,
.home .semplice-navbar.active-navbar::after,
.home .semplice-navbar::after,
body.home header.semplice-navbar::after,
body.home .semplice-navbar.active-navbar::after,
body.home .semplice-navbar::after {
    transition: background 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* =============================================================================
   ADDITIONAL HEADER CUSTOM CSS - HOMEPAGE ONLY
   ============================================================================= */

/* Smooth scroll behavior */
.home html,
body.home html {
    scroll-behavior: smooth !important;
}

/* Standard menu item positioning */
.home .semplice-navbar .standard .menu-item,
body.home .semplice-navbar .standard .menu-item {
    position: relative !important;
}

/* Container-fluid padding for desktop */
@media only screen and (min-width: 991px) {
    .home .semplice-navbar .container-fluid,
    body.home .semplice-navbar .container-fluid {
        padding: 50px 56px !important;
    }
}

/* Navbar inner standard nav */
.home .navbar-inner nav.standard ul,
body.home .navbar-inner nav.standard ul {
    margin-top: 16px !important;
}

/* Subnav styling */
.home .semplice-navbar .standard .sub-menu,
body.home .semplice-navbar .standard .sub-menu {
    position: absolute !important;
    background: #1d1d1d !important;
    height: auto !important;
    width: 223px !important;
    padding: 34px 14px !important;
    border-radius: 0px !important;
    box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.05) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease-in, transform 0.5s ease-in !important;
    display: block !important;
    left: 50% !important;
    top: 75px !important;
    transform: translate(-50%, 20px) !important;
    z-index: 0 !important;
    will-change: transform, opacity !important;
}

/* Subnav reveal on hover */
.home .semplice-navbar .standard .menu-item-has-children:hover .sub-menu,
body.home .semplice-navbar .standard .menu-item-has-children:hover .sub-menu {
    opacity: 1 !important;
    z-index: 5 !important;
    transform: translate(-50%, 0px) !important;
    transition: opacity 0.3s ease-out, transform 0.5s ease-out !important;
}

/* Subnav list item spacing */
.home .semplice-navbar .standard .sub-menu li,
body.home .semplice-navbar .standard .sub-menu li {
    margin-bottom: 20px !important;
}

.home .semplice-navbar .standard .sub-menu li:last-child,
body.home .semplice-navbar .standard .sub-menu li:last-child {
    margin-bottom: 0px !important;
}

/* Subnav link styling */
.home .semplice-navbar .standard .sub-menu li a span,
body.home .semplice-navbar .standard .sub-menu li a span {
    color: #808080 !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    font-weight: 400 !important;
    line-height: 14px !important;
    text-transform: uppercase !important;
}

/* Subnav hover effects */
.home .semplice-navbar .standard .sub-menu li:hover a span,
body.home .semplice-navbar .standard .sub-menu li:hover a span {
    color: #0C76DF !important;
}

.home .semplice-navbar .standard .sub-menu li.current_page_item:hover a span,
body.home .semplice-navbar .standard .sub-menu li.current_page_item:hover a span {
    color: #FFFFFF !important;
}

/* Nav top bar positioning */
.home .semplice-navbar .menu .nav-top-bar,
body.home .semplice-navbar .menu .nav-top-bar {
    position: fixed !important;
    top: 50px !important;
}

.home .semplice-navbar .menu .nav-top-bar.menu-item-445,
body.home .semplice-navbar .menu .nav-top-bar.menu-item-445 {
    margin-right: 12.5rem !important;
}

.home .semplice-navbar .menu .nav-top-bar.menu-item-446,
body.home .semplice-navbar .menu .nav-top-bar.menu-item-446 {
    margin-right: 6.5rem !important;
}

.home .semplice-navbar .menu .nav-top-bar.menu-item-447,
body.home .semplice-navbar .menu .nav-top-bar.menu-item-447 {
    margin-right: 1.3rem !important;
}

/* Nav bottom bar */
.home .semplice-navbar .menu .nav-bottom-bar,
body.home .semplice-navbar .menu .nav-bottom-bar {
    padding-top: 4rem !important;
}

.home .semplice-navbar .sub-menu .nav-bottom-bar,
body.home .semplice-navbar .sub-menu .nav-bottom-bar {
    padding-top: 0 !important;
}

/* Navbar height */
.home .semplice-navbar,
body.home .semplice-navbar {
    height: 6.1rem !important;
}

/* Navbar inner flexbox */
.home .navbar-inner,
body.home .navbar-inner {
    display: flex !important;
    justify-content: space-between !important;
}

/* Navbar ::before pseudo-element */
.home .semplice-navbar::before,
body.home .semplice-navbar::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 100% !important;
    height: 1px !important;
    background: rgba(142, 142, 142, 0.5) !important;
    top: 89px !important;
    left: 83% !important;
    max-width: 25% !important;
    transform: translateX(-50%) !important;
    opacity: 0.6 !important;
}

/* Logo margin top */
.home .semplice-navbar .navbar-inner .logo,
body.home .semplice-navbar .navbar-inner .logo {
    margin-top: 1.05rem !important;
}

/* Logo, nav, hamburger positioning */
.home .semplice-navbar .logo,
.home .semplice-navbar nav,
.home .semplice-navbar .hamburger,
body.home .semplice-navbar .logo,
body.home .semplice-navbar nav,
body.home .semplice-navbar .hamburger {
    position: relative !important;
}

/* Container and container-fluid height */
.home .semplice-navbar .container,
.home .semplice-navbar .container-fluid,
body.home .semplice-navbar .container,
body.home .semplice-navbar .container-fluid {
    height: auto !important;
}

/* Mobile adjustments for navbar height and logo */
@media screen and (max-width: 550px) {
    .home .semplice-navbar,
    body.home .semplice-navbar {
        height: 3.144444rem !important;
    }
    
    .home .semplice-navbar .navbar-inner .logo,
    body.home .semplice-navbar .navbar-inner .logo {
        margin-top: 0 !important;
    }
    
    .home .semplice-navbar .navbar-inner .logo img,
    body.home .semplice-navbar .navbar-inner .logo img {
        position: relative !important;
    }
    
    .home .semplice-navbar .navbar-inner .navbar-left,
    .home .semplice-navbar .navbar-inner .navbar-center,
    .home .semplice-navbar .navbar-inner .navbar-distributed,
    body.home .semplice-navbar .navbar-inner .navbar-left,
    body.home .semplice-navbar .navbar-inner .navbar-center,
    body.home .semplice-navbar .navbar-inner .navbar-distributed {
        left: 0.144444rem !important;
    }
}

/* Tablet adjustments for navbar height */
@media screen and (max-width: 991.98px) and (min-width: 768px) {
    .home .semplice-navbar,
    body.home .semplice-navbar {
        height: 5.3em !important;
    }
}

/* Hide ::before pseudo-element on mobile */
@media (max-width: 991px) {
    .home .semplice-navbar::before,
    body.home .semplice-navbar::before {
        display: none !important;
    }
    
    .home .semplice-navbar .navbar-inner .logo,
    body.home .semplice-navbar .navbar-inner .logo {
        margin-top: 0 !important;
    }
}

/* =============================================================================
   VR TEXT AND IMPACT TEXT STYLING - HOMEPAGE ONLY
   ============================================================================= */

/* VR Heading */
.home .vr-heading,
body.home .vr-heading {
    text-align: center !important;
    font-family: "ClashDisplay-Medium" !important;
    font-size: 118px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 101px !important;
    letter-spacing: -2.36px !important;
}

/* VR Text */
.home .vr-text,
body.home .vr-text {
    font-weight: 500 !important;
}

/* Impact Text */
.home .impact-text,
body.home .impact-text {
    background: linear-gradient(180deg, #FFF 25%, #92BCD5 97.8%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-family: "ClashDisplay-Bold" !important;
    font-size: 118px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 101px !important;
    letter-spacing: -2.36px !important;
    display: block !important;
}

/* Tablet (768px and below) */
@media (max-width: 768px) {
    .home .vr-heading,
    .home .impact-text,
    body.home .vr-heading,
    body.home .impact-text {
        font-size: 72px !important;
        line-height: 62px !important;
        letter-spacing: -1.44px !important;
    }
}

/* Mobile (480px and below) */
@media (max-width: 480px) {
    .home .vr-heading,
    .home .impact-text,
    body.home .vr-heading,
    body.home .impact-text {
        font-size: 48px !important;
        line-height: 42px !important;
        letter-spacing: -0.96px !important;
    }
}

/* Small Mobile (320px and below) */
@media (max-width: 320px) {
    .home .vr-heading,
    .home .impact-text,
    body.home .vr-heading,
    body.home .impact-text {
        font-size: 36px !important;
        line-height: 32px !important;
        letter-spacing: -0.72px !important;
    }
}

/* Landscape Mobile (for devices in landscape orientation) */
@media (max-height: 480px) and (orientation: landscape) {
    .home .vr-heading,
    .home .impact-text,
    body.home .vr-heading,
    body.home .impact-text {
        font-size: 56px !important;
        line-height: 48px !important;
        letter-spacing: -1.12px !important;
    }
}

/* =============================================================================
   LOGO HEADER SIZING - HOMEPAGE ONLY
   ============================================================================= */

/* Specific navigation logo sizing */
.home .nav_voe58w1qe .logo img,
.home .nav_voe58w1qe .logo svg,
body.home .nav_voe58w1qe .logo img,
body.home .nav_voe58w1qe .logo svg {
    width: 28.88888888888889rem !important;
}


.is-frontend #content-8 .sections {
    margin-top: 0 !important;
}