#hs_cos_wrapper_module_176497167183385,
header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    transition: 0.3s;
    background-color: var(--purple-10);
}
.navbar .brand { display: inline-block; width: 160px; }
header .navbar .container-fluid { padding: 0; }
header .hs_cos_wrapper:first-child { margin-right: auto; }

/* ---- GROUP: MENU TOGGLER; ---- */
header .navbar {
    margin: 0;
    padding: 16px 0;
    justify-content: center!important;
}
@media (min-width: 992px) {
    header .navbar .row > .col-12:first-child { max-width: 136px }
}

.navbar .navbar-toggler {
    padding: 4px 8px 2px;
    color: var(--purple-60);
    text-align: center;
    border: none;
    border-radius: 64px;
    transition: 0.3s;
}
.navbar .navbar-toggler span { font-size: 32px; }
.navbar .navbar-toggler:hover,
.navbar .navbar-toggler:active { background-color: var(--purple-30); }
.navbar .navbar-toggler:focus,
.navbar .navbar-toggler:focus-visible {
    outline: var(--purple-30) auto 1px !important;
    box-shadow: var(--focus); !important;
}

/* ---- GROUP: MENU OPTIONS; ---- */
#main-menu { margin: 0; padding-left: 16px; }
#main-menu a.nav-link { padding: 4px 8px; }
#main-menu a.nav-link.active { color: var(--purple-60); font-weight: 700; }
#main-menu .nav-item:not(:last-child) { padding-right: 8px; }

@media (max-width: 991px) {
    #main-menu { margin: 8px 0; padding: 0; }

    #main-menu .nav-item { display: block; width: 100%; padding: 8px 0; }
    #main-menu .nav-item:not(:last-child) {
        border-bottom: 1px solid var(--purple-30);
    }
    #main-menu a.nav-link { display: block; width: 100%; }
    #main-menu a.nav-link:hover,
    #main-menu a.nav-link:active {
        text-decoration: none;
        background-color: var(--gray-10);
        border-radius: 16px;
    }
}