.elementor-2850 .elementor-element.elementor-element-5cfe7ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2850 .elementor-element.elementor-element-b66e9d4{--display:flex;}/* Start custom CSS for html, class: .elementor-element-07e50fd *//* Main Container */
.main-container {
  max-width: 100% ;
  margin: auto;
  padding: 0px 20px;
  background: #f8f9fc;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* Heading Section */
.heading-section {
  text-align: center;
  margin-top: 0%;
  margin-bottom: 50px;
  padding: 40px 20px 20px;
}

.heading-section h2 {
  font-size: 36px;
  margin-top: 0%;
  font-weight: bold;
  color: #222;
  margin-bottom: 10px;
}

.heading-section p {
  font-size: 18px;
  color: #666;
  max-width: 600px;
  margin: 0 auto;
}

/* Chapter Box */
.chapter-box {
  background: white;
  max-width: 85% ;
  margin: auto;
  border-radius: 10px;
  margin-bottom: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  overflow: hidden;
  transition: all 0.3s ease;
}

/* Chapter Header */
.chapter-header {
  padding: 15px 20px;
  background: linear-gradient(to right, #4CAF50, #E4EB9C);
  color: #1a1a1a;
  font-size: 22px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
}

.chapter-header:hover {
  background: linear-gradient(to right, #45a049, #fda085);
  transform: scale(1.02);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* Topics */
.topics {
  padding: 15px 20px;
  background: #f0f0f0;
  display: none;
  flex-direction: column;
}

.topics button {
  padding: 10px 15px;
  background: #fffaf0;
  margin-right: 10px;
  border: 2px solid #E4EB9C;
  color: #333;
  font-weight: 500;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.topics button:hover {
  background: #fb9b02;
  color: white;
  transform: translateY(-2px);
}

.topics button.active {
  background-color: #007bff;
  color: white;
  border-color: #007bff;
}

/* MCQ Container */
.mcq-container {
  margin-top: 30px;
  padding: 20px;
  background: white;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.mcq-container h3 {
  font-size: 24px;
  color: #222;
  margin-bottom: 20px;
}

/* MCQ Navigation - Bottom and Top */
.mcq-navigation {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 15px 0;
}

.mcq-navigation.top-nav {
  margin-top: 30px;
  margin-bottom: 10px;
  border-top: 1px solid #e0e0e0;
  padding-top: 20px;
}

.mcq-navigation.bottom-nav {
  margin-top: 20px;
}

.mcq-navigation button {
  background-color: #007BFF;
  color: white;
  padding: 12px 18px;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease;
  min-width: 200px;
  text-align: center;
}

.mcq-navigation button:hover {
  background-color: #0056b3;
}

/* Other Subjects Section */
.other-subjects-container {
  max-width: 100%;
  margin: 80px auto 20px;
  padding: 10px 10px;
  background: #fff3cd;
  border-radius: 25px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.subject-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 20px;
}

.subject-buttons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  height: 48px;
  padding: 0 24px;
  background: #28a745;
  color: white;
  border-radius: 8px;
  text-decoration: none !important;
  font-weight: 500;
  transition: 0.3s;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  font-size: 16px;
}

.subject-buttons a:hover {
  background: #218838;
  color: #fff;
}/* End custom CSS */