.subtitle-time{ color:#CB007B;font-weight: bold;}
.none, .question{ display:none;}
#output { font-weight: bold; color:#CB007B}
.question.active-slide{ display: block;}
div.p .question{
    text-align: center;
    background: #f9f9f9;
    padding: 10px;
}        
div.p .question h1{
    font-size:34px;color:#282828;text-align: center;
}
.quiz-buttons { padding: 10px 0;text-align: center; display: flex;aling-items:center;justify-content: center;flex-wrap:wrap;}
.quiz-buttons .btn{ margin: 5px;}

#quiz .question .form-check{
    color: #CB007B;
    position: relative;
    display: inline-block;
}

#quiz .question .form-check input[type=checkbox],
#quiz .question .form-check input[type=radio]{
    position: absolute;
    visibility: hidden;
    display: none;
    opacity: 0;
}

#quiz .question .form-check label{
    position: relative;
    font-weight: 500;
    font-size: 1.25em;
    padding: 10px 15px 10px 40px;
    margin: 5px auto;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}
#quiz .form-check-desc{
    padding: 0px 15px 0px 40px;
    padding-left: calc(1.25rem + 40px);
    margin-top: -10px;
    font-size: 15px;
}
#quiz .question .form-check:hover label{
    color: #CB007B;
}

#quiz .question .form-check .check{
    display: block;
    position: absolute;
    border: 2px solid #CB007B;
    border-radius: 100%;
    height: 22px;
    width: 22px;
    top: 50%;
    left: 26px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
    transform: translateY(-50%);
}

#quiz .question .form-check:hover .check {
    border: 4px solid #CB007B;
}

#quiz .question .form-check .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 50%;
    left: 50%;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
    transform: translate(-50%,-50%);
}

#quiz .question .form-check input[type=checkbox]:checked ~ .check ,
#quiz .question .form-check input[type=radio]:checked ~ .check {
    border: 4px solid #48484A;
}

#quiz .question .form-check input[type=checkbox]:checked ~ .check::before,
#quiz .question .form-check input[type=radio]:checked ~ .check::before{
    background: #CB007B;
}

#quiz .question .form-check input[type=checkbox]:checked ~ label,
#quiz .question .form-check input[type=radio]:checked ~ label{
    color: #CB007B;
}


div.p .question div.row{
    margin:0;
}