.mc-products-intentions a {
    text-decoration: none;
}
.mc-products-intentions a:hover {
    color: var(--design-sys-sec-color__grey--3);
}

.mc-products-intentions--desktop .mc-products-intentions__navigate-by-container {
    margin: 0;
    padding: 22px 0 16px 36px;
    border-bottom: 1px solid var(--design-sys-sec-color__grey--8);
}

.mc-products-intentions__navigate-by-container > p {
    color: var(--design-sys-sec-color__grey--3);
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
}

.mc-products-intentions__navigate-by-buttons-container {
    display: flex;
    gap: 16px;
    margin-top: 8px;
}

.mc-products-intentions__navigate-by-switch {
    display: flex;
    outline: 2px solid #deeaf5;
    border-radius: 8px;
    padding: 2px;
}

.mc-products-intentions__switch-btn {
    height: 100%;
    color: var(--design-sys-sec-color__grey--5);
    background-color: white;
    border-radius: 7px;
    border: 1px solid white;
    padding: 5px 15px 6px;
    font-family: Inter;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.12px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s ease-out;
}

.mc-products-intentions__switch-btn--active {
    color: var(--design-sys-sec-color__grey--3);
    border: 1px solid #327fc2;
}

.mc-products-intentions__filter-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 16px;
    padding-right: 18px;
}

.mc-products-intentions__filter-btn img {
    width: 16px;
    height: 16px;
    filter: brightness(0) saturate(100%) invert(100%);
}

.mc-products-intentions__accordion-container {
    display: grid;
    max-height: calc(100vh - 54px - 115px);
    padding-left: 48px;
    padding-top: 16px;
    padding-bottom: 16px;
    overflow-y: auto;
}

/* scrollbar width */
.mc-products-intentions__accordion-container::-webkit-scrollbar {
    width: 5px;
}

/* scrollbar Handle */
.mc-products-intentions__accordion-container::-webkit-scrollbar-thumb {
    background: var(--design-sys-sec-color__grey--9);
    border-right: 1px solid white;
    border-radius: 2.5px;
}

.mc-products-intentions__accordion-container > ul {
    margin-top: 0;
}

.mc-products-intentions__accordion.mc-products-intentions__accordion--show {
    opacity: 1;
    pointer-events: all;
}
.mc-products-intentions__accordion {
    opacity: 0;
    transition: opacity 300ms ease-out;
    grid-row: 1;
    grid-column: 1;
    pointer-events: none;
}

.mc-products-intentions__category-container {
    min-height: 40px;
    display: flex;
    align-items: center;
}
.mc-products-intentions__category-container:hover {
    background-color: var(--design-sys-sec-color__grey--10);
}
.mc-products-intentions__category-container:hover .mc-products-intentions__arrow-icon {
    opacity: 1;
}

.mc-products-intentions__category-container--toggled {
    background-color: var(--design-sys-sec-color__blue--1);
}
.mc-products-intentions__category-container--toggled:hover {
    background-color: var(--design-sys-sec-color__blue--1);
}

.mc-products-intentions__category-container--toggled .mc-products-intentions__arrow-icon,
.products-intentions-offcanvas .mc-products-intentions__arrow-icon {
    opacity: 1;
}
.mc-products-intentions__category-container--toggled .mc-products-intentions__arrow-icon-container:hover {
    background-color: #c2e3fa;
}

.mc-products-intentions__arrow-icon {
    width: 40px;
    height: 40px;
    background-image: url(https://cdn.breakthroughbroker.com/assets/bb/icons/SolidSVG/chevron-down.svg);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    filter: brightness(0) saturate(100%) invert(27%) sepia(3%) saturate(349%) hue-rotate(202deg) brightness(95%)
        contrast(87%);
    cursor: pointer;
}
.mc-products-intentions__arrow-icon-container:hover {
    background-color: var(--design-sys-sec-color__grey--9);
}
.mc-products-intentions__accordion .uk-open .mc-products-intentions__arrow-icon {
    background-image: url(https://cdn.breakthroughbroker.com/assets/bb/icons/SolidSVG/chevron-up.svg);
    opacity: 1;
}

.mc-products-intentions__category-title {
    min-height: 40px;
    width: calc(100% - 40px);
    padding: 11px 8px;
    line-height: 17px;
    cursor: pointer;
}

.mc-products-intentions__accordion > li,
.mc-products-intentions__accordion .uk-accordion-content {
    margin-top: 0 !important;
}

.mc-products-intentions__accordion .uk-accordion-content ul {
    padding-left: 0;
    list-style-type: none;
}

.mc-products-intentions__subcategory-container:hover {
    background-color: var(--design-sys-sec-color__grey--10);
}

.mc-products-intentions__subcategory-container--toogled {
    background-color: var(--design-sys-sec-color__blue--1);
}
.mc-products-intentions__subcategory-container--toogled:hover {
    background-color: var(--design-sys-sec-color__blue--1);
}

.mc-products-intentions__subcategory-container p {
    display: block;
    min-height: 40px;
    line-height: 21px;
    padding: 9px 0;
    padding-left: 58px;
    cursor: pointer;
}

/* Off canvas menu */
.products-intentions-offcanvas {
    z-index: 4001;
}

.products-intentions-offcanvas::before {
    background-color: transparent;
}

.products-intentions-offcanvas .uk-offcanvas-bar {
    display: grid;
    grid-template-rows: min-content auto;
    width: min(259px, 100vw);
    padding: 0;
    border-right: 1px solid var(--design-sys-sec-color__grey--8);
    background-color: #ffffff;
    box-shadow: 4px 0px 25px 3px #00000040;
}

.products-intentions-offcanvas__close-container {
    height: 55px;
    border-bottom: 2px solid #d1d2d9;
}

.products-intentions-offcanvas__close-container > img {
    position: absolute;
    padding: 0;
    width: 24px;
    height: 24px;
    top: 16px;
    right: 16px;
    filter: brightness(0) saturate(100%) invert(41%) sepia(4%) saturate(240%) hue-rotate(182deg) brightness(89%)
        contrast(84%);
    cursor: pointer;
}

.products-intentions-offcanvas .mc-products-intentions__accordion-container {
    max-height: 100%;
    padding-left: 0px;
}

/* Smallest mobile */
@media (max-width: 767px) {
    .mc-products-intentions__navigate-by-buttons-container {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .mc-products-intentions__navigate-by-switch {
        outline: 0;
    }
}