.elementor-151 .elementor-element.elementor-element-543573c:not(.elementor-motion-effects-element-type-background), .elementor-151 .elementor-element.elementor-element-543573c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://farmerpackzworld.ai/wp-content/uploads/2026/07/best-carts-for-energy-daytime-vape-cartridge.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-151 .elementor-element.elementor-element-543573c > .elementor-background-overlay{background-color:#292727;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-151 .elementor-element.elementor-element-543573c > .elementor-container{min-height:400px;}.elementor-151 .elementor-element.elementor-element-543573c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-151 .elementor-element.elementor-element-a18d623 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:48px;line-height:57px;color:#FFFFFF;}.elementor-151 .elementor-element.elementor-element-16cc551 > .elementor-widget-container{padding:30px 0px 30px 0px;border-style:none;border-radius:40px 40px 40px 40px;}.elementor-151 .elementor-element.elementor-element-16cc551 .elementor-accordion-item{border-width:1px;}.elementor-151 .elementor-element.elementor-element-16cc551 .elementor-accordion-item .elementor-tab-content{border-width:1px;}.elementor-151 .elementor-element.elementor-element-16cc551 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:1px;}/* Start custom CSS for accordion, class: .elementor-element-16cc551 *//* =========================================================
   FAQ Accordion — Additional CSS
   Paste into: Elementor > Site Settings > Custom CSS
   (or the Accordion widget's own "Custom CSS" tab)
   ========================================================= */

.elementor-accordion{
  --faq-accent: #7bc142;      /* brand green — matches footer */
  --faq-title: #1f2a24;
  --faq-body: #55625b;
  --faq-border: #e7ebe8;
  --faq-bg: #ffffff;
  --faq-bg-hover: #f6f9f7;
  border: none;
}

.elementor-accordion .elementor-accordion-item{
  background: var(--faq-bg);
  border: 1px solid var(--faq-border);
  border-radius: 10px;
  margin-bottom: 14px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(20, 53, 31, 0.04);
  transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.elementor-accordion .elementor-accordion-item:hover{
  box-shadow: 0 4px 14px rgba(20, 53, 31, 0.08);
  border-color: #d8e6dc;
}

/* remove Elementor's default top border it adds between items */
.elementor-accordion .elementor-accordion-item + .elementor-accordion-item{
  border-top: 1px solid var(--faq-border);
}

/* ---------- Question row ---------- */
.elementor-accordion .elementor-tab-title{
  padding: 20px 24px;
  font-size: 16px;
  font-weight: 600;
  color: var(--faq-title);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.elementor-accordion .elementor-tab-title:hover{
  background: var(--faq-bg-hover);
  color: var(--faq-accent);
}

.elementor-accordion .elementor-tab-title.elementor-active{
  background: var(--faq-bg-hover);
  color: var(--faq-accent);
}

/* ---------- +/- icon ---------- */
.elementor-accordion .elementor-accordion-icon{
  color: var(--faq-title);
  transition: color 0.2s ease, transform 0.25s ease;
}

.elementor-accordion .elementor-tab-title:hover .elementor-accordion-icon,
.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon{
  color: var(--faq-accent);
}

.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-closed{
  display: none;
}

.elementor-accordion .elementor-tab-title:not(.elementor-active) .elementor-accordion-icon-opened{
  display: none;
}

/* subtle rotate for a nicer open/close feel */
.elementor-accordion .elementor-accordion-icon-opened{
  transform: rotate(0deg);
}

/* ---------- Answer panel ---------- */
.elementor-accordion .elementor-tab-content{
  padding: 4px 24px 22px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--faq-body);
  border-top: none !important;
}

.elementor-accordion .elementor-tab-content strong{
  color: var(--faq-title);
}

/* left accent bar on the open item, like a highlighted card */
.elementor-accordion .elementor-tab-title.elementor-active{
  box-shadow: inset 3px 0 0 var(--faq-accent);
}

/* ---------- Responsive ---------- */
@media (max-width: 600px){
  .elementor-accordion .elementor-tab-title{
    padding: 16px 18px;
    font-size: 15px;
  }
  .elementor-accordion .elementor-tab-content{
    padding: 2px 18px 18px;
    font-size: 14px;
  }
}/* End custom CSS */