.item {
  height: 100%;
}

.questions {
  display: flex;
  background: #80808021;
  width: 400px;
  justify-content: space-around;
  align-items: center;
  margin: 2rem auto;
  font-size: 3.5rem;
  border-radius: 28px;
  padding: 5px 10px;
  border: 3px solid gray;
}

.questions .ques {
  cursor: pointer;
  padding: 5px 25px;
  padding-top: 16px;
}

.options {
  display: flex;
  justify-content: space-around;
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translate(-50%);
  width: 80%;
  flex-direction: column;
  align-items: center;
}

.method {
  display: flex;
}
.options.diff {
  flex-direction: row;
}
.options.diff .method {
  display: flex;
  flex-direction: column;
}
.options.diff .box {
  border-bottom: none;
  border-right: 3px solid;
}
.options.diff .with_answer_box {
  /* background-color: red !important; */
  max-height: fit-content;
  border-bottom: none;
}
.options.diff .box:nth-child(2),
.options.diff .box:nth-child(3) {
  border-top: none;
}
.options.diff .box:last-child {
  border-bottom: 3px solid;
}
.options.diff .method,
.options.diff .method .box {
  width: 200px;
}
.options .box {
  width: 120px;
  gap: 0;
  text-align: center;
  font-size: 3.5rem;
  border: 3px solid;
  border-right: none;
}
.options .box:first-child {
  border-right: 3px solid;
}

.options .box img {
  width: 100%;
  border-radius: 30px 30px 0 0;
}

.options .box .answer_box {
  background-color: #c5c5c57d;
  width: 100%;
  min-height: 100%;
  cursor: pointer;
  /* border-bottom: 3px solid gray; */
  display: flex;
  justify-content: center;
  align-items: flex-end;
  /* font-size: 2rem; */
  text-transform: capitalize;
  align-items: center;
  /* padding-top: 18px; */
  /* padding-bottom: 30px; */
}

.letter {
  /* font-size: 500%; */
}