.header {
    margin: 12px 104px 13px;
}
.menu-inline {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
    align-items: center;
    justify-content: center;
}

.menu-inline>li {
    position: relative;
    display: flex;
    align-items: center;
}

.menu-inline>li>a {
    display: block;
    font-weight: 500;
    color: #222;
    text-decoration: none;
    border-radius: 0.25rem;
    transition: background .2s, color .2s;
}

.menu-inline>li>a:hover,
.menu-inline>li.current-menu-item>a,
.menu-inline>li.current-menu-ancestor>a {
    background: #f0f0f0;
    color: #0056b3;
}

.menu-inline .sub-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 180px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    padding: 0.5rem 0;
    z-index: 1000;
    border-radius: 0.25rem;
}

.menu-inline li:hover>.sub-menu,
.menu-inline li:focus-within>.sub-menu {
    display: block;
}

.menu-inline .sub-menu li {
    display: block;
    width: 100%;
}

.menu-inline .sub-menu li a {
    color: #222;
    padding: 0.5rem 1.25rem;
    border-radius: 0;
    font-size: 0.99em;
}

.menu-inline .sub-menu li a:hover,
.menu-inline .sub-menu li.current-menu-item>a {
    background: #f8f9fa;
    color: #0056b3;
}

@media (max-width: 991.98px) {
    .main-menu {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .main-menu {
        display: flex !important;
    }
}

/* Orange chevron for menu items that have sub-menus */
.menu-inline li.menu-item-has-children>a::after {
    content: "\25BC" !important;
    /* ▼ down arrow */
    display: inline-block !important;
    margin-right: 0.45rem !important;
    color: #F47721 !important;
    font-size: 0.5em !important;
    vertical-align: middle !important;
}
.call-us {
    background: #F47721;
    box-shadow: 0px 16px 24px -8px rgba(250, 170, 87, 0.28);
    border-radius: 4px;
    color: #FFF;
}