
	.testcontainer {
	  display: block;
      max-width: var(--main-width);
      width: 100%;
      background-color: var(--bg-color);
      padding: 10px 30px;
      box-sizing: border-box;
      margin: 20px 0;
	  border-radius: 18px;
	}

    .flash-title {
      display: flex;
      align-items: center;
      gap: 8px;
      font-family: 'Open Sans', sans-serif;
	  padding: 10px 30px;
    }
    @media (max-width: 768px) {
      .flash-title {
        justify-content: center;
        text-align: center;
        flex-wrap: wrap;
      }
    }
	
    .card {
      font-family: sans-serif;
      background: #262421;
      padding: 20px;
      border-radius: 18px;
      max-width: 1000px;
      margin: auto;
	  padding: 10px 30px;
	  justify-content: space-between;
	  display: flex;
	  flex-wrap: wrap;
	  gap: 20px;
    }
	@media (max-width: 768px) {
	  .card {
		padding: 10px 1px;
		justify-content: center;
	  }
	}
	.qno {
	  font-family: 'Open Sans', sans-serif;
	  font-size: 18px;
	  color: #3692E7;
	  background-color: #262421;
	  padding: 4px 12px;
	  border-radius: 10px;
	  display: inline-block;
	  margin-left: 10px;
	  margin-top: 10px;
	  margin-bottom: 8px;
	  user-select: none;
	  border: 1px solid rgba(54, 146, 231, 0.2);
	}
	
    .question-block {
	  flex: 1 1 48%;
      margin-top: 10px;
	  background-color: #283139; 
	  border-radius: 12px;
	  max-width: 450px;
	  border: 1px solid rgba(54, 146, 231, 0.1);
    }
	@media (max-width: 768px) {
	  .question-block {
		flex: 1 1 100%;
	  }
	}

	.question-wrapper {
	  display: flex;
	  align-items: center;
	  gap: 10px;
	  margin-bottom: 10px;
	}	

    .question-text {
      font-family: 'Tiro Bangla', serif;
      font-size: 22px;
      margin-bottom: 10px;
	  margin-left:15px;
	  margin-right:15px;
      color: #bababa;
	  text-align: justify;
    }

    .options label {
      display: flex;
      margin: 8px 0;
      cursor: pointer;
      font-family: 'Tiro Bangla', serif;
      color: #bababa;
	  margin-left:15px;
	  margin-right:15px;
	  align-items: flex-start;
	  text-align: justify;
    }

    .options input[type="radio"] {
      margin-right: 8px;
    }

    .correct {
      color: #4CAF50 !important;
	  transition: color 0.3s ease;
    }

    .incorrect {
      color: #F44336 !important;
	  transition: color 0.3s ease;
    }

	.options {
	  -webkit-tap-highlight-color: transparent; 
	}
	.options:focus {
	  outline: none;
	}
	