.elementor-kit-1345{--e-global-color-primary:#648578;--e-global-color-secondary:#925FA7;--e-global-color-text:#7A7A7A;--e-global-color-accent:#8EB93F;--e-global-color-8532955:#33243D;--e-global-typography-primary-font-family:"Marcellus";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Marcellus SC";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#02010100;color:var( --e-global-color-text );}.elementor-kit-1345 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Base: stack on mobile */
.benefit-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;   /* center lines when they wrap */
  gap: 32px 40px;            /* column gap / row gap */
}
.benefit-row .benefit-card {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Tablet: 2 across, third centered below */
@media (min-width: 768px) and (max-width: 1024.98px) {
  .benefit-row .benefit-card {
    flex: 0 0 48%;
    max-width: 48%;
  }
  /* make the single card on row 2 center nicely */
  .benefit-row .benefit-card:nth-child(3) {
    flex-basis: 100%;
    max-width: 560px;   /* optional, keeps it from running too wide */
    margin-left: auto;
    margin-right: auto;
  }
}

/* Desktop: 3 across */
@media (min-width: 1025px) {
  .benefit-row .benefit-card {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}
/* Make each accordion item a card */
.faq-cards .e-accordion-item {
  background: #fff;
  border: 1px solid #E9E4DB;
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
  overflow: hidden;            /* keeps rounded corners on expand */
  margin-bottom: 14px;         /* spacing between cards */
  transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}
.faq-cards .e-accordion-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
}

/* Title area sits inside the card */
.faq-cards .e-accordion-item .e-accordion-title {
  background: transparent;
  padding: 18px 22px;
  color: #345C4C;              /* your deep green */
}

/* Answer area uses same card background */
.faq-cards .e-accordion-content {
  background: #fff;
  padding: 0 22px 20px;        /* no top padding for seamless join */
  color: #4F5A56;
  line-height: 1.65;
}

/* Nice active state */
.faq-cards .e-accordion-item.e-active {
  border-color: #DDEADF;       /* soft brand tint */
}

/* Optional: icon in a soft circle + rotate on open */
.faq-cards .e-accordion-icon {
  width: 28px; height: 28px;
  border-radius: 50%;
  background: #EAF4EE;
  display: inline-flex; align-items: center; justify-content: center;
  transition: transform .25s ease, background .25s ease;
}
.faq-cards .e-accordion-item.e-active .e-accordion-icon {
  transform: rotate(45deg);    /* turns + into × visually */
  background: #D4ECE1;
}

/* Mobile spacing refinement */
@media (max-width: 767px) {
  .faq-cards .e-accordion-item { margin-bottom: 12px; }
  .faq-cards .e-accordion-title,
  .faq-cards .e-accordion-content { padding-left: 18px; padding-right: 18px; }
}
/* ===== FAQ Cards styling (targets the widget with CSS class "faq-cards") ===== */

/* New Elementor (Nested) accordion .elementor-kit-1345s */
.faq-cards .e-n-accordion-item {
  background: #ffffff;
  border: 1px solid #e9e3da;        /* a soft line that matches your palette */
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(35,48,40,.08);
  overflow: hidden;
}

/* Spacing between items (keep the widget’s “Space between items” at 0) */
.faq-cards .e-n-accordion-item + .e-n-accordion-item {
  margin-top: 16px;
}

/* Title row */
.faq-cards .e-n-accordion-item .e-n-accordion-item-title {
  padding: 18px 22px;
  font-weight: 600;
  line-height: 1.3;
}

/* Content area */
.faq-cards .e-n-accordion-item .e-n-accordion-item-content {
  padding: 0 22px 18px;
}

/* Active/open state */
.faq-cards .e-n-accordion-item[open] {
  box-shadow: 0 14px 32px rgba(35,48,40,.12);
  border-color: #d9d1c6;
}

/* Optional: icon treatment */
.faq-cards .e-n-accordion-item .e-n-accordion-icon {
  width: 26px; height: 26px;
  border: 1.5px solid #658776;       /* your green tone */
  border-radius: 50%;
  display: inline-grid; place-items: center;
}

/* Hover tint on title */
.faq-cards .e-n-accordion-item .e-n-accordion-item-title:hover {
  background: #faf7f2;               /* subtle warm tint like your section bg */
}


/* ===== Fallback for older (non-nested) Elementor accordion ===== */
.faq-cards .elementor-accordion-item {
  background: #ffffff;
  border: 1px solid #e9e3da;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(35,48,40,.08);
  overflow: hidden;
}

.faq-cards .elementor-accordion-item + .elementor-accordion-item {
  margin-top: 16px;
}

.faq-cards .elementor-tab-title {
  padding: 18px 22px;
  font-weight: 600;
  line-height: 1.3;
}

.faq-cards .elementor-tab-content {
  padding: 0 22px 18px;
}
/* Hide the mobile-only break everywhere by default */
.elementor-widget-heading br.only-mobile { display: none; }

/* Show it only on phones */
@media (max-width: 767px) {
  .elementor-widget-heading br.only-mobile { display: inline; }
}/* End custom CSS */