#div1 {
  width: 600px;
  height: 670px;
  padding: 10px;
  border: 1px solid #aaaaaa;
}
/* #modelTitle{ */
/* 	background-color: #244f56; */
/*     padding: 7px; */
/*     color: #fff; */
/*     font-size: 17px; */
/*     margin:10px;} */
#modelTitle{
	background-color:#a4b5b9;
    padding: 7px;
    color: #000;
    font-size: 17px;
    margin:10px;}

#imgb1{
	background-image: url("images/b1.jpg");
	 background-color: #cccccc;
}
#div1 {
  width: 600px;
  height: 670px;
  padding: 10px;
  border: 1px solid #aaaaaa;
}
#timeAnswer,#timeAnswerLvl,#timeAnswerFlow
{
			background-color: #31717b;
			color:#fff;
			padding:10px;
			margin: 5px;
}
#imgb1{
	background-image: url("images/b1.jpg");
	 background-color: #cccccc;
}
 
.QueHead{font-size: 18px;
      font-size: 22px;
    font-weight: bold;
    color: #fff;
    background-color: #333;
    margin: 5px 0;
    border-radius: 10px;
    padding: 10px 0;
    font-family: Cambria, Georgia, serif;
	}

#questionDiv .queTitle {
	padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0;
}



#testSubmit:hover{
	background-color: #05aaa5
}

#testSubmit:active {
	background-color: #05aaa5;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}
footer {
	background: rgb(125,176,169);
background: linear-gradient(90deg, rgba(125,176,169,1) 0%, rgba(78,109,114,1) 31%, rgba(33,44,62,1) 100%);
	padding: 2px 10px;
	border-top: 5px solid #2a333c;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

  .my-swal-popup {
      width: 500px !important;   /* set width */
      height: 500px !important;  /* set height */
      font-size: 18px;           /* optional: bigger text */
    }
    
    .btn1 {
        margin-left:10px;
        margin-right: 10px;
        margin-top:7px;
        float:right;
        margin-bottom:10px;
        padding: 7px; 
        border:none; 
        border-radius: 5px;
        }
.btn{
	 border-color: teal;
    background-color: teal;
}
.timerStyle{
	       background-color: #42494f;
    color: #e8ac6e;
    font-weight: 700;
    font-family: 'digital-clock-font';
    letter-spacing: 1px;
}

.scrollable-text-container {
  max-height: 500px; /* Set a maximum height for the container */
  overflow-y: auto; /* Enable vertical scrolling when content exceeds max-height */
  border: 1px solid #ccc; /* Optional: Add a border for visual clarity */
  padding: 10px; /* Optional: Add padding inside the container */
}