#side-menu {
    transition: opacity 0.3s ease-in-out;
}

@media (max-width: 1020px) {
    #side-menu {
        display: none;
    }
}

#side-menu ul {
    position: sticky;
    top: 140px;
    width: 250px;
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

#side-menu ul li {
    display: block;
    text-decoration: none;
    font-size: 20px;
    font-style: normal;
    font-weight: 450;
    line-height: 140%;
    color: rgba(0, 21, 74, 1);
    opacity: 0.6;
    margin-bottom: 36px;
    cursor: pointer;
}

#side-menu ul li.side-menu-faq-link.active {
    opacity: 1;
}

#side-menu ul li.side-menu-faq-link.all-faq {
    font-family: CircularXX, sans-serif;
    font-weight: 450;
    font-size: 60px;
    line-height: 100%;
    color: var(--text-color);
    margin-bottom: 52px;
    opacity: 1;
}



@media(min-width: 1020px) {
    #side-menu li#side-menu-faq-link {
        font-size: 44px;
        padding-top: 0;
    }
}