.template-77__title {
    position: relative;
    padding-right: 30px;
}

.template-77__title:before {
    content: '';
    position: absolute;
    width: 60px;
    background: #8e6e34;
    left: 0;
    top: 100%;
    height: 1px;
}

.template-77__title.list__title.list__title--color-3 {
    position: relative !important;
    padding-right: 30px !important;
}

.template-77__title.list__title.list__title--color-3:before {
    width: 110px !important;
    background: var(--color-3);
    height: 3px !important;
    top: 99% !important;
    content: '';
    position: absolute;
    left: 0;
}

.template-77__title.list__title.list__title--color-7:before {
    width: 110px !important;
    background: var(--color-7) !important;
    height: 3px !important;
    top: 99% !important;
    content: '';
    position: absolute;
    left: 0;
}

.template-77__title.list__title.list__title--color-9:before {
    width: 110px !important;
    background: var(--color-9) !important;
    height: 3px !important;
    top: 99% !important;
    content: '';
    position: absolute;
    left: 0;
}

.template-77__title.list__title.list__title--color-4 {
    position: relative !important;
    padding-right: 30px !important;
}

    .template-77__title.list__title.list__title--color-4:before {
    width: 110px !important;
    background: var(--color-4);
    height: 3px !important;
    top: 99% !important;
    content: '';
    position: absolute;
    left: 0;
}