#help-list{
    background-color: var(--ice-blue);
    padding: 16px;
}
#top-nav{
    background-color: var(--primary-color-dark) !important;
    padding-top: 8px  !important;
    padding-bottom: 8px  !important;
    justify-content: left !important;
}
.desc-ol li i{
    padding: 8px;
    display: block;
    float: left !important;
}
.desc-ol b{
    width: 100%;
}
#help-list li{
    padding: 8px;
}
#help-list li span{
    text-align: left;
    width: 100%;
    margin-top: 8px;
}
.next-link{
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: small;
    width: fit-content;
}
.desc-ol li a{
    display: flex;
    align-items: start;
    flex-direction: column;
}
.desc-ol li{
    margin-top: 8px;
}
#help-list li{
    background-color: #f4f5fa;
}
.h_content{
    display: flex;
    align-items: start;
    justify-content: space-between;
}
@media (max-width: 525px) {
    .h_content{
        flex-direction: column;
        align-items: center;
        font-size: small;
    }
    .right-side{
        order: 2;
        margin: 16px auto !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px;
    }
    .left-side{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100% !important;
        order: 1;
        margin: 0 16px !important;
    }

}
@media (max-width: 768px) {
    #title{
        font-size:x-large;
        padding: 16px;
    }
    #header {
        padding: 16px !important;
    }
}