#dashboard-help, #help-center {
	& a {
        color: var(--jl-link) !important;
        text-decoration: none;
    }
    & a:hover {
        text-decoration: underline;
    }

    & .dashboard-help-container {
        background-color: var(--jl-bg-light);
        box-shadow:  var(--jl-table-box-shadow2);
        border-radius: var(--jl-border-radius);
        border: var(--jl-border-card);
        min-height: 900px; 
        height: calc(100svh - 20px);    
        max-height: 1000px;
    }
    & .help-container {
        border-radius: var(--jl-border-radius);
        border: var(--jl-border-card);
        background-color: var(--jl-bg-light);
        height: calc(100svh - 150px);    
        @media (max-height: 800px) {
            height: 800px;    
        }
        
        max-height: 1200px;
    }
    & .qualityscore-help-container {
       background-color: var(--jl-bg-light);
       box-shadow:  var(--jl-table-box-shadow2);
       border-radius: var(--jl-border-radius);
       border: var(--jl-border-card);
       height: 494px;
       padding-bottom: var(--jl-padding-xl);
    }

    & .terms-and-conditions-container {
        border-radius: var(--jl-border-radius);
        border: var(--jl-border-card);
        background-color: var(--jl-bg-light);
        
        max-height: 1200px;
        width: 560px;
    }
    & .dashboard-help-content,
    & .help-content {
        column-count: 4;
        column-gap: 2em;
        column-fill: auto;
        text-align: start;
        padding: var(--jl-padding-m);
        padding-top: var(--jl-padding-m);
        color: var(--jl-text-muted);
        
        text-align: justify;
        height: 100%;
        line-height: var(--jl-line-height-xs);

        & p {
            margin-bottom: var(--jl-margin-s);
        }
        & p, & li {
            font-size: var(--jl-font-xs); 
            /* line-height: 1.4; */
        }
        

        & .legal, & .first-title {
            padding-top: 0px !important;
            margin-top: 0px !important;
            text-transform: uppercase;
        }

        & a > span {
            color: var(--jl-bg-dark);
            background-color: var(--jl-link);
            border-radius: 15px;
            padding-inline: 3px;
            font-size: 10px;
        }
    }
    & .help-content {
        max-width: 1748;
        width: 1748px;
        min-width: 1748px;
        /* font-size: var(--jl-font-xs);  */
    }
    & .dashboard-help-content {
        column-count: 4;
    }
    & .qualityscore-help-content {
        column-count: 2;
        column-fill: auto;
    }
    & .terms-and-conditions {
        column-count: 1;
        max-width: 545px;
        width: 545px;
        min-width: 545px;
        font-size: var(--jl-font-m); 

    }
    & .button-row {
        display: inline-flex;
        justify-content: space-between;
        width: 100%;

        & .button {
            padding: var(--jl-padding-m);
            background-color: hsl(from var(--jl-primary) h s l / 90%);
            cursor: pointer;
            color: var(--jl-bg-dark);
            font-weight: bold;
        }
        & .button:hover {
            background-color: var(--jl-primary);      
        }
    }
    & .navbar-brand {
        margin-top: -50px;
        margin-bottom: 50px;
        margin-left: 1em;
        
    }
    & .navbar-brand:hover {
        color:  var(--jl-brand);
        text-decoration: none;
        cursor: unset;
    }
    & .dashboard-help-content {
        font-size: var(--jl-font-xs);
    }

    & hr {
        border: var(--jl-border-card) !important;
        height: 0px;        
    }
}