.quest-title {
    font-weight: 600;
    margin-bottom:30px;
}

.answer {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 20px;
    border: 1px solid #333;
    padding: 5px 15px;
    background:#fff;
}

.answer:hover {
    background:#f03b8c;
    color:#fff;
    border: 1px solid #f03b8c;
}


.steps {
    display:none;
    padding: 20px;
    border: 2px solid #1867a9;
    margin-bottom: 40px;
    background: rgb(238 238 238 / 7%);
}

#step1 {
    display:block;
}

.steps.act {
    display:block;
}

.results {
    padding: 20px;
    border: 2px solid #1867a9;
    margin-bottom: 40px;
    display:none;
}

.results.act {
    display:block;
}

.res-title {
    font-weight: 600;
    margin-bottom:30px;
}

.progress {
    height: 9px;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #f03b8c;
    margin-bottom: 15px;
    position:relative;
}

.progress span {
    position: absolute;
    left: 0;
    top: 0;
    background: #f03b8c;
    width: 0;
    height: 100%;
}

.progress-title {
    font-weight: 600;
    margin-bottom:10px;
}

.itog span {
    font-weight: bold;
    font-size:1.3em;
}

.itog {
    margin-bottom:30px;
}