.portal-section .rubric__list {
        list-style-type: none;
        /* background: #fff; */
    }

    .portal-section .cat-item {
        position: relative;
        display: flex;
        flex-direction: column;
        padding: 5px 0;
    }

    .portal-section .cat-item:not(:last-child) {
        border-bottom: 1px dashed #1F6E5B;
        margin-bottom: 15px;
    }

    .portal-section .cat-item>span {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 10rem;
    }

    .category_arrow {
        position: relative;
        display: flex;
        align-items: center;
        height: auto;
        margin-left: auto;
        margin-right: 1em;
    }

    .category_arrow svg {
        width: 100%;
        height: 100%;
    }

    .portal-section .cat-item .subcategories {
        /* display: none; */
        visibility: hidden;
        visibility: visible;
        height: 0;
        opacity: 0;
        transition: opacity .5s ease-out height .5s ease-out;
    }

    .portal-section .cat-item .subcategories li {
        margin-left: 1em;
    }

    .portal-section .cat-item .subcategories.subshow {
        /* display: block; */
        margin-top: 15rem;
        height: 100%;
        opacity: 1;
        transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    }

    .portal-section .cat-item a {
        display: inline-flex;
        align-items: center;
        color: #363636;
        font-size: 18rem;
        font-weight: 400;
        font-family: "Montserrat", sans-serif;
        position: relative;
    }

    .portal-section .cat-item a:hover {
        color: #2F6E5B;
    }

    .portal-section .cat-item a .fa-check {
        margin-right: 8px;
        padding-left: 5px;
        color: #1F6E5B;
    }

    .portal-section .cat-item>span svg {
        cursor: pointer;
        width: 20px;
        fill: #fff;
        /* font-size: 26rem; */
        transform: rotate(90deg);
        transition: .5s ease all;
    }

    .portal-section .cat-item>span svg:hover path {
        stroke: #66A692 !important;
    }

    .portal-section .cat-item>span svg.open path {
        stroke: #66A692 !important;
    }

    .portal-section .cat-item>span svg.open {
        transform: rotate(270deg);
        transition: .5s ease all;
    }

    .portal-section .cat-item :hover .rubric__link {
        color: #4F4F4F;
    }

    @media screen and ( max-width: 1024px) {
        .portal-section .cat-item a {
            font-size: 30rem;
        }
    }

    @media screen and (max-width: 649px) {
        .portal-section .cat-item a {
            font-size: 12rem;
        }
    }