

.question-item {
      background: var(--color-gray);
    border-radius: 24px;
    margin: 1rem 0 1rem 0;
     padding: 2rem 4rem 2rem 4rem;
  display:block!important;
    cursor: pointer;
  color:var(--color-blue-dark);
  font-weight:bold;
}
.answer-item {
  display:none;
   font-weight:normal;
      margin: 3rem 0 1rem;
}
.answer-item.active {
  display:block;
}

.question-text{
  flex:1;
}
.question {
  display:flex;
}
.question-item .question:after {
flex:0;    content: '';
    display: inline-block;
    min-width: 2.4rem;
    height: 2.4rem;
    background: url(../svg/down.svg) no-repeat 50% 50%;
    background-size: 1.6rem;
    position: relative;
    left: 1rem;
  border-radius:5px;
    top: 0.5rem;
  background-color:var(--color-blue);
}

@media screen and (min-width: 640px) {
   .question-item:after {
        right: 2.4rem;
    }
}

.question-item.active .question:after {
    background: url("../svg/times.svg") no-repeat 50% 50%;
    background-color:var(--color-orange);
}

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:project-qa-block] [36.245] DESIGN*/
/*******************************************************************/
/* 0.3 D>D */
/* db 143 */