.elementor-3274 .elementor-element.elementor-element-ee41944{--display:flex;}.elementor-3274 .elementor-element.elementor-element-aef5758{--display:flex;}.elementor-3274 .elementor-element.elementor-element-9b3fcb2{--display:flex;}.elementor-3274 .elementor-element.elementor-element-e3d8806{--display:flex;}.elementor-3274 .elementor-element.elementor-element-43d1566{--display:flex;}/* Start custom CSS for html, class: .elementor-element-ba9eb4e */.breadcrumb {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

  gap: 8px;

  font-size: 14px;

  margin-bottom: 10px;

}


.breadcrumb a {

  color: #0077b6;

  text-decoration: none;

}


.breadcrumb .current {

  color: #666;

}


.heading-section {

  text-align: center;

  padding: 20px 20px 30px;

  margin-bottom: 20px;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae68eba */.chapter-info-container {

  max-width: 85%;

  margin: auto;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb5dfbe *//* ==============================
   PDF Download Section
============================== */

.pdf-download-box {

  max-width: 85%;

  margin: 35px auto;

  padding: 30px;

  background: linear-gradient(to right, #ffffff, #f0fbff);

  border-radius: 18px;

  text-align: center;

  box-shadow: 0 4px 12px rgba(0,0,0,0.08);

  border-left: 6px solid #48CAE4;

}





.pdf-download-box h3 {

  font-size: 26px;

  color: #222;

  margin-bottom: 12px;

}





.pdf-download-box p {

  font-size: 17px;

  color: #555;

  line-height: 1.7;

  margin-bottom: 25px;

}





/* Download Button */

.pdf-download-box a {

  display: inline-block;

  padding: 12px 28px;

  background: linear-gradient(to right, #48CAE4, #90E0EF);

  color: #ffffff;

  text-decoration: none;

  font-size: 17px;

  font-weight: 600;

  border-radius: 10px;

  transition: all 0.3s ease;

}





.pdf-download-box a:hover {

  transform: translateY(-3px) scale(1.03);

  box-shadow: 0 8px 15px rgba(0,0,0,0.15);

}





/* Mobile */

@media(max-width:600px){


.pdf-download-box {

  max-width:100%;

  padding:20px;

}



.pdf-download-box h3 {

  font-size:23px;

}



.pdf-download-box p {

  font-size:16px;

}



.pdf-download-box a {

  width:90%;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b4ca44 *//* ==============================
   Notes Title
============================== */

.notes-title {

  font-size:20px;

  color:#222;

  text-align:center;

  margin-bottom:30px;

  font-weight:600;

}


.notes-intro{

  text-align:center;

  color:#666;

  margin-bottom:30px;

}



/* ==============================
   Topic Card
============================== */

.topic-card {

  background:#ffffff;

  border-radius:16px;

  margin-bottom:20px;

  overflow:hidden;

  box-shadow:0 3px 10px rgba(0,0,0,0.08);

  border:1px solid #eeeeee;

  transition:all 0.3s ease;

}



.topic-card:hover {

  box-shadow:0 6px 15px rgba(0,0,0,0.12);

}


/* Open Topic Effect */

.topic-card:has(.topic-body.show){

  border-color:#48CAE4;

}



/* ==============================
   Topic Header
============================== */

.topic-header {

  padding:16px 22px;

  background:#f8f9fc;

  border-left:5px solid #48CAE4;

  font-size:20px;

  font-weight:600;

  color:#222;

  cursor:pointer;

  display:flex;

  justify-content:space-between;

  align-items:center;

  transition:all 0.3s ease;

}





.topic-header:hover {

  background:linear-gradient(to right,#48CAE4,#90E0EF);

  color:#fff;

}



/* Active Open Topic */

.topic-header.active {

  background:linear-gradient(to right,#48CAE4,#90E0EF);

  color:#fff;

  border-left:5px solid #0077b6;

  box-shadow:0 4px 12px rgba(0,0,0,0.12);

}





/* Plus Minus Icon */

.indicator {

  font-size:30px;

  font-weight:700;

  line-height:1;

  transition:0.3s;

}





/* ==============================
   Topic Body
============================== */


.topic-body{

    display:none;

    padding:20px;

}


.topic-body.show{

    display:block;

    animation:openTopic 0.4s ease;

}


@keyframes openTopic{

    from{
        opacity:0;
        transform:translateY(-10px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}





/* ==============================
   Topic Content
============================== */


.topic-body p {

  font-size:17px;

  line-height:1.8;

  color:#555;

}



/* Sub Headings inside Topic */


.topic-body h3 {

  font-size:22px;

  color:#222;

  margin-top:25px;

  margin-bottom:12px;

}





/* ==============================
   Topic Buttons
============================== */


.topic-buttons {

  display:flex;

  justify-content:space-between;

  margin-top:30px;

  gap:15px;

}





.topic-buttons button {

  padding:10px 20px;

  border:none;

  border-radius:10px;

  background:#f8f9fc;

  border:2px solid #90E0EF;

  color:#333;

  font-size:15px;

  font-weight:600;

  cursor:pointer;

  transition:all 0.3s ease;

}





.topic-buttons button:hover {

  background:linear-gradient(to right,#48CAE4,#90E0EF);

  color:#fff;

  transform:translateY(-3px);

}





/* ==============================
   Definition / Concept Boxes
============================== */


.definition-box,
.concept-box,
.important-box,
.curiosity-box {

  margin:25px 0;

  padding:20px 25px;

  border-radius:12px;

}





.definition-box {

  background:#ffffff;

  border:2px dashed #48CAE4;

}





.concept-box {

  background:#f0fbff;

  border-left:6px solid #48CAE4;

}





.important-box {

  background:#fff8df;

  border-left:6px solid #fbd780;

}





.curiosity-box {

  background:#f8f9fc;

  border-left:6px solid #90E0EF;

}





.definition-box h3,
.concept-box h3,
.important-box h3,
.curiosity-box h3 {

  margin-bottom:10px;

  font-size:21px;

  color:#222;

}





/* ==============================
   Smooth Scroll
============================== */


html {

  scroll-behavior:smooth;

}





/* ==============================
   Mobile Responsive
============================== */


@media(max-width:600px){


.notes-title {

  font-size:24px;

}



.topic-header {

  font-size:18px;

  padding:15px 18px;

}



.topic-body.show {

  padding:20px;

}



.topic-body p {

  font-size:16px;

}



.topic-body h3 {

  font-size:20px;

}



.topic-buttons {

  flex-direction:column;

}



.topic-buttons button {

  width:100%;

}


}
/* ==============================
   Notes Images
============================== */

.notes-image{

text-align:center;

margin:30px 0;

}


.notes-image img{

max-width:80%;

height:auto;

border-radius:15px;

box-shadow:0 5px 15px rgba(0,0,0,0.15);

}


.image-caption{

font-size:14px;

color:#666;

font-style:italic;

margin-top:10px;

}
/* ==============================
   Notes Images
============================== */

.notes-image{

text-align:center;

margin:30px 0;

}


.notes-image img{

max-width:80%;

height:auto;

border-radius:15px;

box-shadow:0 5px 15px rgba(0,0,0,0.15);

}


.image-caption{

font-size:14px;

color:#666;

font-style:italic;

margin-top:10px;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e46553 *//* ==============================
   Final Container
============================== */

.final-container {

  max-width: 85%;

  margin: 50px auto;

}



/* ==============================
   Summary Box
============================== */

.summary-box {

  padding: 30px;

  background: linear-gradient(to right, #ffffff, #fff8df);

  border-radius: 18px;

  box-shadow: 0 4px 12px rgba(0,0,0,0.08);

  margin-bottom: 35px;

  border-left: 6px solid #fbd780;

}



.summary-box h2,
.mindmap-box h2,
.questions-box h2 {

  font-size: 28px;

  color: #222;

  margin-bottom: 15px;

}



.summary-box p {

  font-size: 17px;

  line-height: 1.8;

  color: #555;

}





/* ==============================
   Mind Map Box
============================== */

.mindmap-box {

  padding: 30px;

  background: #ffffff;

  border-radius: 18px;

  box-shadow: 0 4px 12px rgba(0,0,0,0.08);

  margin-bottom: 35px;

  text-align: center;

}



.mindmap-image img {

  max-width: 90%;

  height: auto;

  border-radius: 12px;

}





/* ==============================
   Questions Box
============================== */

.questions-box {

  padding: 30px;

  background: #f8f9fc;

  border-radius: 18px;

  margin-bottom: 40px;

}



.questions-box li {

  font-size: 17px;

  line-height: 1.8;

  color: #555;

  margin-bottom: 10px;

}





/* ==============================
   Related Resources Section
============================== */

.related-section {

  margin-top: 50px;

  text-align: center;

  padding: 30px 20px;

  background: #ffffff;

  border-radius: 12px;

  box-shadow: 0 4px 12px rgba(0,0,0,0.06);

}



.related-section h2 {

  margin-bottom: 25px;

  font-size: 26px;

  color: #222;

  font-weight: 600;

}





/* Card Container */

.related-section .nav-cards {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 15px;

}





/* Resource Buttons */

.related-section .nav-card {

  padding: 14px 22px;

  background: #ffffff;

  border: 2px solid #ddd;

  border-radius: 12px;

  text-decoration: none !important;

  color: #333;

  font-weight: 500;

  font-size: 16px;

  transition: all 0.3s ease;

  min-width: 180px;

  display: inline-block;

}





/* Remove Underline */

.related-section .nav-card,
.related-section .nav-card:visited,
.related-section .nav-card:hover,
.related-section .nav-card:active {

  text-decoration: none;

}





/* Hover Effect */

.related-section .nav-card:hover {

  background: linear-gradient(to right, #48CAE4, #90E0EF);

  color: #fff;

  transform: translateY(-4px) scale(1.03);

  box-shadow: 0 8px 18px rgba(0,0,0,0.15);

}





/* Active Button */

.related-section .nav-card.active {

  background: #007bff;

  color: #fff;

  border-color: #007bff;

}





/* ==============================
   Mobile Responsive
============================== */

@media(max-width:600px){


.final-container {

  max-width:100%;

}



.summary-box,
.mindmap-box,
.questions-box {

  padding:20px;

}



.summary-box h2,
.mindmap-box h2,
.questions-box h2 {

  font-size:23px;

}



.related-section .nav-card {

  width:100%;

  max-width:300px;

}


}/* End custom CSS */