.elementor-4871 .elementor-element.elementor-element-d52f525 .main-nav .navbar-brand{max-width:250px;}/* Start custom CSS for section, class: .elementor-element-f181cfc *//* ============================
   HEADER / NAVBAR OVERRIDES
   ============================ */

/* 1. Top-of-page header (before scroll)  */
.nav-area .navbar-area .main-nav {
    background-color: transparent !important;   /* no tint over hero */
    border-bottom: 0px solid rgba(255, 255, 255, 0.08) !important; /* subtle line; change or remove */
}

/* 2. Sticky header (after scroll)  */
.nav-area .navbar-area.is-sticky {
    background-color: #050308 !important;       /* solid bg on scroll – pick your dark color */
}

/* If you also want the border & bg on the inner .main-nav when sticky */
.nav-area .navbar-area.is-sticky .main-nav {
    background-color: #1F2020 !important;       /* same as above, or slightly transparent if you like */
    border-bottom: 1px solid #262623 !important; /* subtle line; change or remove */
}/* End custom CSS */