.handbook-wrapper .block-wrapper-content .block.mc .add-header-mc {
  top: 60px;
  width: 200px;
  padding: 20px 40px;
}

.handbook-wrapper .block-wrapper-content .block.mc .add-text-box-mc {
  bottom: 60px;
}

.handbook-wrapper .block-wrapper-content .block.mc .add-line-item {
  right: 0;
  left: auto;
  bottom: 0;
  padding: 10px;
  max-width: 135px;
}

.handbook-wrapper .block-wrapper-content .block.mc .questions-wrapper {
  position: relative;
  margin-bottom: 60px;
}

.handbook-wrapper .block-wrapper-content .block.mc .value {
  max-width: 550px;
  margin: 20px auto;
  padding: 15px;
  border: 2px solid #00a7ff;
  border-radius: 15px;
  background-color: #ffffff;
}

.handbook-wrapper .block-wrapper-content .block.mc .value .mc-item-wrapper {
  display: flex;
  align-items: center;
}

.handbook-wrapper
  .block-wrapper-content
  .block.mc
  .value
  .mc-item-wrapper
  .question-item {
  font-size: 22px;
  color: #00a7ff;
  padding-right: 30px;
  padding-left: 15px;
  text-transform: capitalize;
}

.handbook-wrapper .block-wrapper-content .block.mc .value p {
  margin-bottom: 0;
}

/* handbook-mc-section-previewing  */
.handbook-previewing .block.mc .value {
  cursor: pointer;
}

.handbook-previewing .block.mc .value.right {
  border-color: #53dc53 !important;
}

.handbook-previewing .block.mc .value.right::before,
.handbook-previewing .block.mc .value.wrong::before {
  content: '';
  width: 16px;
  height: 16px;
  right: -50px;
  top: 50%;
  position: absolute;
  transform: translatey(-50%);
}

.handbook-previewing .block.mc .value.right::before {
  background: url(../../images/icons/correct_icon.svg) center center / contain
    no-repeat;
}

.handbook-previewing .block.mc .value.wrong {
  border-color: red !important;
}

.handbook-previewing .block.mc .value.wrong::before {
  background: url(../../images/icons/incorrect_icon.svg) center center / contain
    no-repeat;
}

.handbook-wrapper.handbook-previewing
  .block-wrapper-content
  .block.mc
  .add-line-item {
  display: none;
} /* end handbook-mc-section-previewing  */

@media screen and (max-width: 540px) {
  .handbook-previewing .block.mc .value.right::before,
  .handbook-previewing .block.mc .value.wrong::before {
    right: -30px;
    width: 14px;
    height: 14px;
  }
}