.qsm-quiz-container {
  max-width: 100% !important;
  width: 80%;
  margin: 0 auto;
}
.qsm-tabs-wrapper  {
  flex: 60%;
  width: 0;
}
.qsm-quesion-wrap {
  flex: 40%;
  width: 0;
}
.quiz_section.qsm-question-wrapper {
  display: flex;
  gap:20px;
  align-items: flex-start;
 /* padding: 45px 0 45px 0;*/
}



.bowtie-options-wrapper {
  display: flex;
  gap:10px;
}
.bowtie-options-inner {
  text-align: center;
  border: 1px solid #000;
  padding: 5px;
  width: 33.33%;
}
.bowtie-options-inner label {
  /*border: 1px solid #000;*/
}
.bowtie-options {
  border: 1px solid #000;
  margin: 5px 0;
  cursor: move;
}
.bowtie-drag-wrapper {
  display: flex;
  gap:15px;
  margin: 15px;
  position: relative;
}
.grag-content {
  width: 500px;
}
.grag-content.drag-center{
  display: flex;
  align-items: center;
}
.grag-content.drag-left input,.grag-content.drag-right input{
  margin-bottom: 15px
}
.bowtie-options-inner .qsm-column-title {
  border: 1px solid #000;
}
.highlight {
  background: #ffff52; 
  padding: 5px;
}
.highlight-red {
  background: red;
  padding: 5px; 
}
.qsm-highlight-answer {
  padding: 5px 0;
}
.qmn_quiz_container .grag-content input[class*="bow-droppable-"],
.qsm-results-page .grag-content input[class*="bow-droppable-"] {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 2px dashed #9ca3af;
  border-radius: 10px;
  background: #fff;
  color: #111827;
  font-weight: 600;
  box-sizing: border-box;
}
.qmn_quiz_container .grag-content input[class*="bow-droppable-"]::placeholder,
.qsm-results-page .grag-content input[class*="bow-droppable-"]::placeholder {
  color: #6b7280;
  font-weight: 500;
}
.qmn_quiz_container .grag-content .bow-droppable-hover {
  border-color: #2563eb;
  background: #eff6ff;
}
.qmn_quiz_container .grag-content .qsm-wrong-bow-tie,
.qsm-results-page .grag-content .qsm-wrong-bow-tie {
  background: #fee2e2 !important;
  border-color: #dc2626 !important;
  color: #7f1d1d !important;
}
.qmn_quiz_container .grag-content .qsm-right-bow-tie,
.qsm-results-page .grag-content .qsm-right-bow-tie {
  background: #dcfce7 !important;
  border-color: #16a34a !important;
  color: #14532d !important;
}
.qsm-text-correct-option {
  background: #ecfdf5;
  border-color: #16a34a;
  color: #14532d;
  font-weight: 700;
}

.qsm-tabs-wrapper {
  /*border: 1px solid #000;*/
  /*background: #ffffff;*/
}

.qsm-tabs-wrapper .tabs-nav {
  
  margin: 25px 0 0 0;
  padding: 0;
  display: flex;
  gap:5px;
  /*background: #fff;*/
}

.qsm-tabs-wrapper .tab-item {
  cursor: pointer;
  padding: 10px;
  
  border: 1px solid #000;
  position: relative;
  border-radius: 5px 5px 0 0;
  border-bottom: none;
 
}
.qsm-tabs-wrapper .tab-item a {
  text-decoration: none;
}

.qsm-tabs-wrapper .tab-item.active {
  /*background-color: #ccc;*/
  border-bottom: none;
  background-color: #fff;
  top: 1px;
}

.qsm-tabs-wrapper  .tab-content {
  display: none;
  padding: 10px;
}

.qsm-tabs-wrapper .tab-content.active {
  display: block;
}
.tabs-content-wapper {
  /*background: #fff;*/
  border:1px solid #000;
}
.highlighted-text {
  background: yellow;
}