.container h1,
 .container h2,
 .container h3 {
   color: teal;
   margin: 14px 0px;
 }

 h2{
  font-weight: 700!important;
  font-size: 20px!important;
 }
 h3{
  font-weight: 600!important;
  font-size: 18px!important;
 }

 .container p {
   line-height: 1.7
 }

 .container pre {
   background: #1a1a1a;
   padding: 15px;
   border-left: 4px solid teal;
   overflow-x: auto;
   border-radius: 6px;
   font-size: 16px;
   margin: 20px 0px;
   color: white!important;
 }

 .container ul {
   /* background: #f0fffe; */
   /* background: #e6e6e6; */
   background: #ffebcc;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-left: 30px;
   border-radius: 10px;
   border-left: 4px solid #ff6666;
   margin: 20px 0px;
   list-style-type: square;
 }

 .container ul li {
   line-height: 1.7;
   color: #1a1a1a; 
   font-weight: 500;
 }

 .container .highlight {
   background: teal;
   padding: 8px 14px;
   display: inline-block;
   color: #fff;
   border-radius: 6px;
   font-size: 14px;
   margin-bottom: 12px;
 }

 .container strong {
   color: #005454;
 }


 /* MCQ CARD */
 .option_container {
   /* display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 10px; */
 }

 .mcq-card {
   /* background: #1e293b;
   padding: 30px;
   width: 400px;
   border-radius: 12px; */
   animation: fadeIn 0.5s ease;
 }

 .next_btn span {
  animation: right_left 1s ease infinite;
 }

 .option {
   /* background: #334155;
   padding: 10px;
   margin: 10px 0;
   cursor: pointer;
   border-radius: 6px; */
 }

 .option input {
   margin-right: 8px;
 }

 .mcq_button {
   /* margin-top: 15px;
   width: 100%;
   padding: 10px;
   background: #22c55e;
   border: none;
   border-radius: 6px;
   cursor: pointer; */
 }

 @keyframes fadeIn {
   from {
     opacity: 0;
     transform: scale(0.95);
   }

   to {
     opacity: 1;
   }
 }

 @keyframes right_left {
  0%, 100% {
    transform: translateX(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

@media (max-width: 768px) {
  h1 {
    font-size: 30px!important;
  }
}

@media (max-width: 576px) {
  h1 {
    font-size: 18px!important;
  }
}