body.admin-bar .learndash-wrapper .ld-focus-sidebar, body.admin-bar .learndash-wrapper .ld-focus-header, .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1, .wpProQuiz_content h2, .learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress{
display: none;
}
.learndash-wrapper .ld-tabs, .wpProQuiz_content, .learndash-wrapper .wpProQuiz_reviewDiv{
margin: 0!important;
}
body.ld-in-focus-mode.admin-bar{
padding-top: 0!important;
}
.learndash-wrapper .ld-focus .ld-focus-main{
margin-left: 0!important;
    width: 100%!important;
}
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
    margin: 0 auto !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* Container for the quiz and review div */
.wpProQuiz_content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px; /* Adjust the spacing between the quiz and review div */
}

/* Style for the quiz section */
.wpProQuiz_quiz {
    flex: 1; /* Take up remaining space */
    margin: 0!important;
    padding: 20px 50px; /* Add some spacing between the quiz and review div */
}

/* Style for the review section */
.wpProQuiz_reviewDiv {
    width: 380px; /* Set a fixed width for the review div */
    background-color: lightblue; /* Light blue background */
    padding: 15px; /* Add some padding */
    box-sizing: border-box; /* Include padding in the width */
    border-radius: 8px; /* Optional: Add rounded corners */
}

/* Ensure the review div stays on the right */
.wpProQuiz_reviewDiv {
    order: 2; /* Ensure it appears on the right */
}

/* Ensure the quiz section stays on the left */
.wpProQuiz_quiz {
    order: 1; /* Ensure it appears on the left */
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit {
    background-color: #e2e7ed00!important;
    border-radius: 6px!important;
    margin: 1em 0!important;
    padding: 1em!important;
    position: absolute!important;
    top: 0!important;
    right: 50px!important;
}
.wpProQuiz_reviewDiv {
  display: flex;
  flex-direction: column; /* Stack children vertically */
}.wpProQuiz_reviewDiv

/* Set the legend to appear before the question */
.wpProQuiz_reviewLegend {
  order: -1;
}
.learndash-wrapper .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion{
background: #f0f3f600!important;

}
.learndash-wrapper .wpProQuiz_reviewDiv{
padding-top: 50px!important;
}
.wpProQuiz_reviewDiv {
  display: flex;
  flex-direction: column;
  height: 90vh;      /* Full viewport height */
  background-color: #daeeff;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: auto;
  border-radius: 0!important;
  /* Allows internal scrolling */
}

/* Other content inside the review div can be left as-is */

/* Push the review buttons to the bottom */
.wpProQuiz_reviewButtons {
  margin-top: auto;
  padding: 10px;
  background-color: #fff; /* Optional styling */
  text-align: center;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2, .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue{
border-radius: 3px!important;
}
.wpProQuiz_questionListItem span{
display: none!important;
}
.wpProQuiz_text{
position: fixed;
    bottom: 0;
    width: 100%;
    background: #cae1f4;
    padding: 10px;
}
.wpProQuiz_text .wpProQuiz_button{
	margin: 0 auto!important;
}
.learndash-wrapper .ld-tabs{
	padding: 50px 100px;
}
.wpProQuiz_reviewButtons{
position: fixed;
    left: 0;
    bottom: 0;
    background: #daeeff;
    width: 100%;
    z-index: 9;
    padding: 10px 50px;
    border-top: 1px solid #cec8c8;
}
@media screen and (max-width: 767px){
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit{
top: 20px !important;
}
}