.dialogue-scene {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 300px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  font-family: 'IRANSans', sans-serif;
  border-radius: 5px;
  overflow: hidden;
}
.dialogue-quiz{
  display: block;	
}
.un-quiz-question{
    background: rgb(255 255 255 / 90%);
    margin-top: 10px;
    padding: 10px 15px;
    border-radius: 15px;
	font-size: 17px;
}
.un-quiz-options {
    background: rgb(255 255 255 / 90%);
    margin-top: 10px;
    padding: 10px 15px;
    border-radius: 15px;
}
.un-quiz-options li {
    padding: 15px;
    background-color: #e5e5e5b0;
    border-radius: 10px;
    margin-bottom: 10px;
    border-bottom: dashed 1px #4779a0;
	font-size: 17px;
	list-style-type: none;
	cursor: pointer;
	transition: all .4s ease;
-webkit-transition: all .4s ease;
}
.un-quiz-options li:hover {
    background-color: #94b3c0b0;
}




.character {
    width: 50%;
    text-align: left;
    position: relative;
    margin: 0px;
    padding: 0px;
    margin-bottom: -30vh;
}

.character img {
   max-height: 420px;
}
.char-left{
	text-align: left;
	padding: 0px 2.5%;
}
.char-right{
	text-align: right;
	padding: 0px 2.5%;
}
.speech {
    background: rgba(255, 255, 255, 0.85);
    margin-top: 10px;
    padding: 10px 15px;
    border-radius: 15px;
    opacity: 1;
    position: absolute;
    top: -15vh;
}
html:lang(fa-IR) .speech {
    text-align: right;
}
.speech-left {
  border-right: 5px solid #00a594;
}

.speech-right {
  border-left: 5px solid #d99058;
}

.line {
  margin: 5px 0;
}



.un-stage-text h2 {
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    color: #333;
	margin: 10px 0px;
}


@media only screen and (max-width: 994px) {
.character img {
    max-height: 350px;
}
.character {
    margin-bottom: -25vh;
}

}