.elementor-8300 .elementor-element.elementor-element-2fe74d3:not(.elementor-motion-effects-element-type-background), .elementor-8300 .elementor-element.elementor-element-2fe74d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#008582;}.elementor-8300 .elementor-element.elementor-element-2fe74d3 > .elementor-background-overlay{background-color:#000000;opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8300 .elementor-element.elementor-element-2fe74d3 > .elementor-container{min-height:400px;}.elementor-8300 .elementor-element.elementor-element-2fe74d3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8300 .elementor-element.elementor-element-2fe74d3 > .elementor-shape-bottom svg{width:calc(114% + 1.3px);height:108px;}.elementor-8300 .elementor-element.elementor-element-a4da00c{margin-top:50px;margin-bottom:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8300 .elementor-element.elementor-element-ac08a91 > .elementor-widget-container{margin:-26px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8300 .elementor-element.elementor-element-ac08a91{text-align:left;}.elementor-8300 .elementor-element.elementor-element-ac08a91 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FBFBFB;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8300 .elementor-element.elementor-element-7cd0359{text-align:center;}.elementor-8300 .elementor-element.elementor-element-7cd0359 img{width:35%;}@media(max-width:767px){.elementor-8300 .elementor-element.elementor-element-2fe74d3 > .elementor-container{min-height:200px;}.elementor-8300 .elementor-element.elementor-element-7cd0359 img{width:30%;}}/* Start custom CSS for html, class: .elementor-element-2327507 *//* Styles for the FAQ section (add to your stylesheet) */
:root{
  --accent: #3F8582;          /* primary color you requested */
  --bg: #ffffff;
  --muted: #55615f;
  --card: #f7f9f9;
  --radius: 12px;
  --max-width: 900px;
}

.faq-section {
  background: linear-gradient(180deg, rgba(63,133,130,0.05), rgba(63,133,130,0.02));
  padding: 40px 20px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #163233;
}

.faq-inner {
  max-width: var(--max-width);
  margin: 0 auto;
  background: var(--bg);
  border-radius: calc(var(--radius) + 4px);
  box-shadow: 0 8px 24px rgba(34,50,50,0.06);
  padding: 28px;
  border: 1px solid rgba(63,133,130,0.08);
}

.faq-title {
  color: var(--accent);
  margin: 0 0 18px 0;
  font-size: 1.5rem;
  line-height: 1.2;
  letter-spacing: 0.2px;
}

.faq-item {
  background: var(--card);
  border-radius: var(--radius);
  margin: 12px 0;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(22,50,51,0.04);
}

/* summary styling (acts like the question button) */
.faq-question {
  cursor: pointer;
  list-style: none;
  padding: 14px 18px;
  font-weight: 600;
  font-size: 1rem;
  color: #0f3938;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: calc(var(--radius) - 4px);
  transition: background 180ms ease, transform 120ms ease;
}

/* default arrow using ::marker replacement */
.faq-question::after {
  content: "➤";
  transform: rotate(90deg);
  transition: transform 180ms ease, color 180ms ease;
  color: var(--accent);
  font-size: 0.9rem;
  margin-left: 12px;
}

/* when open rotate arrow */
.faq-item[open] .faq-question::after {
  transform: rotate(0deg);
}

/* hover/focus states */
.faq-question:hover,
.faq-question:focus {
  background: rgba(63,133,130,0.06);
  outline: none;
  transform: translateY(-1px);
}

/* answer area */
.faq-answer {
  padding: 12px 18px 18px 18px;
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.45;
}

/* strong elements accent */
.faq-answer strong {
  color: var(--accent);
  font-weight: 700;
}

/* small screens */
@media (max-width: 520px) {
  .faq-inner { padding: 18px; }
  .faq-title { font-size: 1.25rem; }
  .faq-question { padding: 12px; font-size: 0.98rem; }
  .faq-answer { font-size: 0.95rem; padding: 10px 12px 14px; }
}/* End custom CSS */