.offcanvas {
    width: 15%;
    background: var(--theme-primary-color);
    
}

.offcanvas-header {
    border-top: 2px solid var(--theme-secondary-color);
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF;
}

.btn-close {
    /* background: url('../images/help/close-circle.svg') no-repeat; */
    cursor: pointer;
}
.help-canvas {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
}

.help-canvas.active {
    border-left: 2px solid #8cd747;
}