.layout-interior-nav {
    margin-top: -137px;
}

.interior-nav .accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-width: 0px;
}

.interior-nav .accordion-header,
.interior-nav .accordion-button {
    background-color: transparent;
    box-shadow: none !important;
    border: 0 !important;
}

.interior-nav .accordion-button:focus-visible {
    outline: 2px solid var(--primary-robin);
    outline-offset: 2px;
    transition: 0s !important;
}

.interior-nav .interior-nav-header {
    position: relative;
    background-color: var(--primary-midnight);
    color: var(--white);
    display: flex;
    padding: 8px 0;

    /* p-lg-bold */
    font-family: var(--font-bold);
    font-size: var(--text-lg);
    line-height: 25px;
    letter-spacing: 0.9px;
}

.interior-nav .accordion-button-back {
    position: relative;
    color: var(--white);
    text-decoration: none;
    margin-left: auto;
    padding: 0 10px 0 26px;

    transition: var(--transition-sm);
}

.interior-nav .accordion-button-back:hover {
    color: var(--primary-gold);
}

.interior-nav .accordion-button-back::before {
    font: var(--fa-font-solid);
    content: "\f177";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary-gold);
    font-size: 18px;

    transition: var(--transition-sm);
}

.interior-nav .accordion-button-back:hover::before {
    color: var(--white);
}

.interior-nav .interior-nav-button {
    color: var(--white);
    border-radius: 0 !important;
    padding: 0 36px !important;
    width: 50%;

    transition: var(--transition-sm);
}

.interior-nav .interior-nav-button:hover {
    color: var(--primary-gold);
}

.interior-nav .interior-nav-button::after {
    display: none;
}

.interior-nav .interior-nav-button::before {
    font: var(--fa-font-solid);
    content: "\f0c9";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary-gold);
    font-size: 18px;

    transition: var(--transition-sm);
}

.interior-nav .interior-nav-button:not(.collapsed)::before {
    font: var(--fa-font-regular);
    content: "\f057";
    font-size: 18px;
}

.interior-nav .interior-nav-button:hover::before {
    color: var(--white);
}

.interior-nav .interior-nav-body {
    background-image: url('../img/bg-pattern/bg-20.svg'), linear-gradient(90deg, var(--secondary-light-grey) 50%, var(--primary-robin) 50%);
    background-size: cover, 100% 100%;
    background-position: center, 0;
    background-repeat: no-repeat, no-repeat;
    padding: 0;
    border: none;
}

.interior-nav .search-section {
    display: grid;
    align-items: end;
    justify-items: end;
    min-height: 300px;
}

.interior-nav form {
    width: 90%;
    max-width: 318px;
    margin: 20px;
}

/* interior sm - start */
.interior-nav.sm .interior-nav-body {
    background-image:
        url('../img/bg-pattern/bg-20.svg'),
        linear-gradient(180deg, var(--secondary-light-grey) calc(100% - 84px), var(--primary-robin) 84px);
}

.interior-nav.sm .search-section {
    min-height: 84px;
    margin-top: -1px;
}


/* sub interior nav - start */
.sub-interior-nav-container {
    position: relative;
    min-height: 300px;
}

.sub-interior-nav .accordion-header {
    color: var(--primary-brown);

    /* nav-md-bold-up */
    font-family: var(--font-bold);
    font-size: var(--text-md);
    line-height: 20px;
    letter-spacing: -0.1px;
    text-transform: capitalize;
}

.sub-interior-nav .accordion-button {
    position: relative;
    color: var(--primary-brown);
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 12px 20px !important;
    width: 50%;

    text-transform: uppercase !important;
    text-decoration: none !important;
}

.sub-interior-nav .accordion-button:hover,
.sub-interior-nav .accordion-button[aria-expanded="true"] {
    background-color: var(--white);
}

.sub-interior-nav .accordion-button-link:hover,
.sub-interior-nav .accordion-button-link:focus {
    text-decoration: underline !important;
}

.sub-interior-nav .accordion-button:hover::before,
.sub-interior-nav .accordion-button[aria-expanded="true"]::before {
    position: absolute;
    top: 0;
    left: 0;

    content: '';
    width: 10px;
    height: 100%;
}

.sub-interior-nav .accordion-button:hover::before {
    background-color: var(--primary-robin);
}

.sub-interior-nav .accordion-button[aria-expanded="true"]::before {
    background-color: var(--primary-midnight);
}

.sub-interior-nav .accordion-button::after {
    background-image: none;

    font: var(--fa-font-solid);
    content: "\2b";
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--secondary-dark-grey);
    font-size: 18px;
}

.sub-interior-nav .accordion-button:not(.collapsed)::after {
    display: none;
}

.sub-interior-nav .accordion-collapse {
    position: absolute;
    top: 0;
    right: 0;

    background-color: var(--white);
    width: 50%;
    height: 100%;

    transition: 0s;
}

.sub-interior-nav .sub-nav-links {
    height: 100%;
    overflow-y: auto;
}

.sub-interior-nav .sub-nav-links>.hyperlink.hyperlink-arrow {
    width: 100%;
    max-width: 100%;

    /* nav-sm-bold */
    font-family: var(--font-bold);
    font-size: var(--text-md);
    line-height: 20px;
    letter-spacing: -0.1px;
}

.sub-interior-nav .sub-nav-links>.hyperlink.hyperlink-arrow:hover {
    color: var(--hyperlink) !important;
}

.sub-interior-nav .sub-nav-links>.hyperlink.hyperlink-arrow::after {
    right: 20px;
}

.sub-interior-nav .sub-nav-links a {
    display: block;
    color: var(--primary-brown);
    text-decoration: none;
    padding: 12px 20px;
    transition: var(--transition-sm);

    /* nav-sm-regular */
    font-family: var(--font-medium);
    font-size: var(--text-md);
    line-height: 20px;
    letter-spacing: -0.1px;
}

.sub-interior-nav .sub-nav-links a:hover,
.sub-interior-nav .sub-nav-links a:focus {
    background-color: var(--secondary-light-grey);

    /* nav-sm-bold */
    font-family: var(--font-semibold);
    font-size: var(--text-md);
    line-height: 20px;
    letter-spacing: -0.1px;
}

@media (max-width: 1199.5px) {
    .interior-nav.sm {
        margin-top: 85px;
    }
}


@media (max-width: 991.5px) {
    .layout-interior-nav {
        margin-top: -127px;
    }

    .interior-nav form {
        margin-right: auto;
    }

    .interior-nav .interior-nav-body {
        background-image:
            url('../img/bg-pattern/bg-20.svg'),
            linear-gradient(180deg, var(--secondary-light-grey) calc(100% - 84px), var(--primary-robin) 84px);
    }

    .interior-nav .search-section {
        min-height: 84px;
    }

    /* sub interior nav - start */
    .sub-interior-nav .accordion-button {
        width: 100%;
    }

    .sub-interior-nav .accordion-collapse {
        position: unset;
        width: inherit;
        height: auto;
    }

}