.elementor-5567 .elementor-element.elementor-element-1b0bdb6c{--display:flex;--min-height:88vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-5567 .elementor-element.elementor-element-1b0bdb6c:not(.elementor-motion-effects-element-type-background), .elementor-5567 .elementor-element.elementor-element-1b0bdb6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F5F8;background-image:url("https://lithotripsyacademy.com/wp-content/uploads/2025/10/diabetic-patient.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-5567 .elementor-element.elementor-element-43fc60d8{text-align:center;}.elementor-5567 .elementor-element.elementor-element-43fc60d8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:10px;color:var( --e-global-color-light );}.elementor-5567 .elementor-element.elementor-element-3c40555e{text-align:center;}.elementor-5567 .elementor-element.elementor-element-3c40555e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;color:var( --e-global-color-white );}.elementor-5567 .elementor-element.elementor-element-12670dd8{text-align:center;}.elementor-5567 .elementor-element.elementor-element-12670dd8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:var( --e-global-color-white );}.elementor-5567 .elementor-element.elementor-element-58f1d723 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:100px 100px 100px 
                    100px;padding:16px 55px 16px 55px;}.elementor-5567 .elementor-element.elementor-element-58f1d723 .btn{background-color:var( --e-global-color-primary );fill:#FFFFFF;color:#FFFFFF;border-radius:100px 100px 100px 
                    100px;padding:16px 55px 16px 55px;}.elementor-5567 .elementor-element.elementor-element-58f1d723 .elementor-button:hover, .elementor-5567 .elementor-element.elementor-element-58f1d723 .elementor-button:focus{background-color:#FFFEFE;color:var( --e-global-color-primary );}.elementor-5567 .elementor-element.elementor-element-58f1d723 .btn:hover, .elementor-5567 .elementor-element.elementor-element-58f1d723 .btn:focus{background-color:#FFFEFE;color:var( --e-global-color-primary );}.elementor-5567 .elementor-element.elementor-element-58f1d723 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5567 .elementor-element.elementor-element-58f1d723 .elementor-button:hover svg, .elementor-5567 .elementor-element.elementor-element-58f1d723 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-5567 .elementor-element.elementor-element-58f1d723 .btn:hover svg, .elementor-5567 .elementor-element.elementor-element-58f1d723 .btn:focus svg{fill:var( --e-global-color-primary );}.elementor-5567 .elementor-element.elementor-element-963c564{--display:flex;--min-height:20vh;--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;--justify-content:center;}.elementor-5567 .elementor-element.elementor-element-963c564:not(.elementor-motion-effects-element-type-background), .elementor-5567 .elementor-element.elementor-element-963c564 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5567 .elementor-element.elementor-element-62ced7b > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-5567 .elementor-element.elementor-element-62ced7b{text-align:center;}.elementor-5567 .elementor-element.elementor-element-62ced7b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:600;color:var( --e-global-color-primary );}.elementor-5567 .elementor-element.elementor-element-22aa060 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-5567 .elementor-element.elementor-element-22aa060{text-align:center;}.elementor-5567 .elementor-element.elementor-element-22aa060 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:600;color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-5567 .elementor-element.elementor-element-1b0bdb6c{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-5567 .elementor-element.elementor-element-43fc60d8 .elementor-heading-title{font-size:14px;}.elementor-5567 .elementor-element.elementor-element-3c40555e .elementor-heading-title{font-size:65px;}.elementor-5567 .elementor-element.elementor-element-12670dd8 .elementor-heading-title{font-size:14px;}.elementor-5567 .elementor-element.elementor-element-58f1d723 .elementor-button{font-size:14px;}}@media(max-width:767px){.elementor-5567 .elementor-element.elementor-element-1b0bdb6c:not(.elementor-motion-effects-element-type-background), .elementor-5567 .elementor-element.elementor-element-1b0bdb6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lithotripsyacademy.com/wp-content/uploads/2025/10/Pediatric-patient-768x512.webp");}.elementor-5567 .elementor-element.elementor-element-3c40555e .elementor-heading-title{font-size:48px;line-height:1em;}}@media(min-width:768px){.elementor-5567 .elementor-element.elementor-element-1b0bdb6c{--content-width:920px;}}/* Start custom CSS for html, class: .elementor-element-bd53c61 *//* ===== ESWL Knowledge Page Styles (match Pediatric ESWL) ===== */

/* Container */
.container {
  width: 100%;
  margin: 0 auto;
  padding: 1rem;
  background: var(--e-global-color-background, #fff);
}

/* --- Top Navigation --- */
.nav-container {
  position: sticky;
  top: 0;
  z-index: 20;
  background: var(--e-global-color-very-light-gray, #fff);
  border-bottom: 1px solid var(--e-global-color-border, #ddd);
}

.nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  padding: 0.75rem 1rem;
}

.nav-btn {
  background: var(--e-global-color-very-light-gray, #fff);
  border: 1px solid var(--e-global-color-border, #ddd);
  border-radius: 6px;
  padding: 0.6rem 1.2rem;
  font-size: 1rem;
  color: var(--e-global-color-text, #222);
  cursor: pointer;
  transition: all 0.3s ease;
}

.nav-btn:hover,
.nav-btn:focus {
  background: var(--e-global-color-primary, #21808d);
  color: #fff;
  transform: translateY(-2px);
  outline: none;
}

.nav-btn.active {
  background: var(--e-global-color-primary, #21808d);
  color: #fff;
  font-weight: 500;
  border-color: var(--e-global-color-primary, #21808d);
}

/* --- Sections --- */
.section {
  display: none;
  background: var(--e-global-color-background, #fff);
  padding: 1rem 1.25rem;
  border-radius: 8px;
  border: 1px solid var(--e-global-color-border, #eee);
  animation: fadeIn 0.4s ease;
  margin-top: 1rem;
}

.section.active { display: block; }

/* --- Headings --- */
.section h2 {
  font-size: 1.5rem;
  color: var(--e-global-color-primary, #21808d);
  border-bottom: 2px solid var(--e-global-color-primary, #21808d);
  margin-bottom: 1rem;
  padding-bottom: 0.25rem;
}

.section h3 {
  font-size: 1.2rem;
  color: var(--e-global-color-text, #222);
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.section h4 {
  font-size: 1rem;
  color: var(--e-global-color-primary, #21808d);
  margin-top: 1rem;
  margin-bottom: 0.25rem;
}

/* --- Lists --- */
.section ul,
.section ol {
  margin: 0 0 1rem 1.25rem;
  padding: 0;
}

.section li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}

/* --- Tables --- */
.section table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-size: 0.95rem;
}

.section th,
.section td {
  padding: 0.6rem 0.8rem;
  border: 1px solid var(--e-global-color-border, #ddd);
  text-align: left;
}

.section th {
  background: var(--e-global-color-primary, #21808d);
  color: #fff;
  font-weight: 500;
}

.section tr:nth-child(even) {
  background-color: rgba(33, 128, 141, 0.04);
}

/* --- Inline Reference Links --- */
.ref,
.section a {
  color: var(--e-global-color-primary, #21808d);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: 0.2s;
  cursor: pointer;
}

.ref:hover,
.section a:hover {
  border-bottom-color: var(--e-global-color-primary, #21808d);
}

/* --- Guideline Boxes --- */
.guideline-box {
  border: 1px solid var(--e-global-color-border, #ddd);
  background: rgba(33, 128, 141, 0.06);
  padding: 0.75rem 1rem;
  border-radius: 8px;
  margin: 1rem 0;
}

.guideline-box h4 {
  margin-top: 0;
}

/* --- Alerts (Bootstrap-like look, brand-aligned) --- */
.alert {
  border: 1px solid var(--e-global-color-border, #ddd);
  padding: 0.75rem 1rem;
  border-radius: 8px;
  margin: 1rem 0;
  background: #f7f7f7;
}

.alert h4 { margin-top: 0; }

.alert-success { background: rgba(33, 128, 141, 0.08); border-color: rgba(33, 128, 141, 0.25); }
.alert-info    { background: rgba(33, 128, 141, 0.06); border-color: rgba(33, 128, 141, 0.25); }
.alert-warning { background: #fff8e6; border-color: #f6d98b; }
.alert-danger  { background: #ffeceb; border-color: #f3a7a2; }

/* --- Reference Items / Lists --- */
.reference-item {
  padding: 0.75rem 1rem;
  border: 1px solid var(--e-global-color-border, #ddd);
  border-radius: 8px;
  margin: 0.5rem 0;
  background: var(--e-global-color-very-light-gray, #fff);
}

/* --- Footer --- */
.footer {
  margin-top: 2rem;
  border-top: 1px solid var(--e-global-color-border, #ddd);
  background: var(--e-global-color-very-light-gray, #fff);
}

.footer .footer-content {
  text-align: center;
  padding: 1rem;
  color: var(--e-global-color-text, #555);
}

.footer strong {
  color: var(--e-global-color-text, #222);
}

/* --- Small UI touches --- */
.highlight {
  background: rgba(33, 128, 141, 0.15);
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 500;
}

/* --- Animation --- */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* --- Responsive --- */
@media (max-width: 768px) {
  .nav { justify-content: stretch; }
  .nav-btn { width: 100%; text-align: center; }
  .section table { font-size: 0.85rem; }
}

/* --- Optional: Focus visibility for keyboard users --- */
.nav-btn:focus-visible,
.section a:focus-visible,
.ref:focus-visible {
  outline: 2px solid var(--e-global-color-primary, #21808d);
  outline-offset: 2px;
  border-radius: 6px;
}/* End custom CSS */