.elementor-10661 .elementor-element.elementor-element-074b4af .elementor-heading-title{color:#5E2750;}.elementor-10661 .elementor-element.elementor-element-b9e0702 .htwoolentor-faq .htwoolentor-faq-card.is-active .htwoolentor-faq-head{background-color:var( --e-global-color-primary );}.elementor-10661 .elementor-element.elementor-element-b9e0702 .htwoolentor-faq .htwoolentor-faq-card + .htwoolentor-faq-card{margin-top:12px;}/* Start custom CSS for text-editor, class: .elementor-element-25d2cf9 *//* =========================
   COMPARE TABLE STYLES
========================= */

.compare-table-wrapper{
  width:100%;
  overflow-x:auto;
  margin:35px 0;
  border-radius:18px;
  box-shadow:0 4px 24px rgba(0,0,0,0.08);
}

.compare-table{
  width:100%;
  min-width:700px;
  border-collapse:collapse;
  background:#ffffff;
  overflow:hidden;
  border-radius:18px;
}

/* HEADER */
.compare-table thead tr{
  background:linear-gradient(135deg,#5E2750 0%, #7a3468 100%);
}

.compare-table th{
  color:#ffffff;
  padding:18px 20px;
  text-align:left;
  font-size:14px;
  font-weight:700;
  letter-spacing:0.04em;
  text-transform:uppercase;
  border-right:1px solid rgba(255,255,255,0.08);
}

.compare-table th:last-child{
  border-right:none;
}

/* BODY */
.compare-table td{
  padding:18px 20px;
  font-size:15px;
  line-height:1.7;
  color:#2e2e40;
  border-bottom:1px solid rgba(94,39,80,0.08);
  vertical-align:top;
}

/* ALTERNATE ROWS */
.compare-table tbody tr:nth-child(even){
  background:#faf7fa;
}

/* HOVER */
.compare-table tbody tr:hover{
  background:#f3eaf1;
  transition:0.2s ease;
}

/* STRONG TEXT */
.compare-table td strong{
  color:#1a1a2e;
  font-weight:700;
}

/* FIRST COLUMN */
.compare-table td:first-child{
  font-weight:700;
  color:#5E2750;
  white-space:nowrap;
}

/* MOBILE */
@media(max-width:767px){

.compare-table-wrapper{
  border-radius:12px;
}

.compare-table{
  min-width:650px;
}

.compare-table th{
  padding:14px 16px;
  font-size:12px;
}

.compare-table td{
  padding:14px 16px;
  font-size:14px;
}

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-36323cf */<script>
document.querySelectorAll('.faq-q').forEach(q => {
  q.addEventListener('click', () => {
    q.parentElement.classList.toggle('active');
  });
});
</script>/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4480a0a *//* ===== GLOBAL STYLES ===== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=DM+Sans:wght@300;400;500;600&display=swap');

:root {
  --teal: #007D7E;
  --teal-light: #e0f4f4;
  --teal-dark: #005657;
  --purple: #5E2750;
  --purple-light: #f3eaf1;
  --purple-dark: #3d1934;
  --ink: #1a1a2e;
  --ink-muted: #4a4a5a;
  --ink-ghost: #8a8a9a;
  --surface: #fafafa;
  --surface-alt: #f4f0f5;
  --white: #ffffff;
  --border: rgba(94,39,80,0.12);
  --teal-border: rgba(0,125,126,0.2);
  --radius: 10px;
  --radius-lg: 18px;
  --shadow-card: 0 4px 24px rgba(94,39,80,0.07);
  --shadow-hover: 0 8px 40px rgba(94,39,80,0.13);
  --ff-display: 'Playfair Display', Georgia, serif;
  --ff-body: 'DM Sans', system-ui, sans-serif;
}

body{
  font-family: var(--ff-body);
}

/* HERO */
.hero{
  background: linear-gradient(135deg, var(--purple-dark) 0%, var(--purple) 45%, #7a3468 100%);
  color:#fff;
  padding:80px 25px;
  text-align:center;
  border-radius:20px;
}



/* QUICK ANSWER */
.quick-answer{
  background: var(--teal-light);
  border-left:4px solid var(--teal);
  padding:25px;
  border-radius:10px;
  margin:30px 0;
}

/* SECTION TITLES */
.blog-section h2{
  font-family: var(--ff-display);
  color: var(--purple);
  font-size:38px;
  margin-bottom:20px;
}

/* CALLOUT */
.callout{
  padding:25px;
  border-radius:18px;
  margin:30px 0;
}

.callout.teal{
  background: var(--teal-light);
}

.callout.purple{
  background: var(--purple-light);
}



/* FAQ */
.faq-item{
  border-bottom:1px solid #ddd;
  padding:15px 0;
}

.faq-q{
  font-weight:700;
  cursor:pointer;
  margin-bottom:10px;
}

.faq-a{
  display:none;
}

.faq-item.active .faq-a{
  display:block;
}

/* MOBILE */
@media(max-width:767px){

.hero{
  padding:60px 20px;
}

.hero h1{
  font-size:36px;
}

.blog-section h2{
  font-size:28px;
}

.compare-table{
  display:block;
  overflow-x:auto;
}

}

.stat-strip{
display:flex;
gap:15px;
flex-wrap:wrap;
margin:30px 0;
}

.stat-chip{
flex:1;
min-width:200px;
padding:20px;
border:1px solid #ddd;
border-radius:14px;
background:#fff;
}

.num{
font-size:40px;
font-weight:700;
color:#007D7E;
}

.label{
font-size:14px;
}

.chem-card{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
background:#f4f0f5;
padding:25px;
border-radius:18px;
margin:30px 0;
}

.chem-item label{
display:block;
font-size:12px;
margin-bottom:5px;
color:#777;
text-transform:uppercase;
}

.chem-item span{
font-size:18px;
font-weight:600;
}

@media(max-width:767px){

.chem-card{
grid-template-columns:1fr;
}

.stat-chip{
min-width:100%;
}

}/* End custom CSS */