.elementor-401 .elementor-element.elementor-element-3c9d3f0{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E9E9E9;--border-color:#E9E9E9;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-401 .elementor-element.elementor-element-3c9d3f0:not(.elementor-motion-effects-element-type-background), .elementor-401 .elementor-element.elementor-element-3c9d3f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-401 .elementor-element.elementor-element-19b5eb8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-401 .elementor-element.elementor-element-19b5eb8:not(.elementor-motion-effects-element-type-background), .elementor-401 .elementor-element.elementor-element-19b5eb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-401 .elementor-element.elementor-element-575b49e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(min-width:768px){.elementor-401 .elementor-element.elementor-element-3c9d3f0{--content-width:1376px;}.elementor-401 .elementor-element.elementor-element-19b5eb8{--content-width:1376px;}}/* Start custom CSS for container, class: .elementor-element-3c9d3f0 *//* Base breadcrumb wrapper */
.rank-math-breadcrumb {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #1f2937; /* dark gray text */
  font-weight: 300;
}

/* Remove the default <p> spacing */
.rank-math-breadcrumb p {
  margin: 0;
  padding: 0;
}

/* Home link */
.rank-math-breadcrumb a {
  color: #9ca3af; /* light gray link */
  text-decoration: none;
  transition: color 0.2s ease;
}

/* Hover effect for Home */
.rank-math-breadcrumb a:hover {
  color: #ff7847; /* orange hover color */
}

/* Separator */
.rank-math-breadcrumb .separator {
  margin: 0 6px;
  color: #d1d5db; /* very light gray separator */
}

/* Current page text (not a link) */
.rank-math-breadcrumb .last {
  color: #1f2937; /* dark gray current page */
  font-weight: 400;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-575b49e *//* =========================================================
   Zestly Pricing (Elementor) — FULL CSS FIX (IMG2 match + Table Fixes)
   Copy + replace your whole block with this.
   ========================================================= */

/* ---------- Scope ONLY this pricing main ---------- */
main.max-w-\[1376px\]{
  max-width: 1376px !important;
  margin: 0 auto !important;
  padding: 48px 16px 64px !important;
}
@media (min-width:640px){
  main.max-w-\[1376px\]{ padding-left:32px !important; padding-right:32px !important; }
}
.save17{
    margin-left: 5px;
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: white !important;
    border-bottom: 1px solid hsla(0,0%,50%,.071) !important;
}

table tbody>tr:nth-child(even)>td, table tbody>tr:nth-child(even)>th {
    background-color: white !important;
    border-bottom: 1px solid hsla(0,0%,50%,.071) !important;
}

/* ---------- 0) Top header spacing ---------- */
main.max-w-\[1376px\] .flex.justify-center.mb-6{ margin-bottom: 18px !important; }
main.max-w-\[1376px\] .flex.justify-center.mb-12{ margin-bottom: 42px !important; }
/* "Current Plan: MASTER CHEF" pill */
main.max-w-\[1376px\] .flex.justify-center.mb-6 span.bg-gradient-to-r{
  background: linear-gradient(90deg,#A855F7 0%, #EC4899 100%) !important;
  color:#fff !important;
  border-radius:9999px !important;
  padding:6px 14px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  box-shadow: 0 10px 25px rgba(168,85,247,.16) !important;
}

/* =========================================================
   1) Toggle (Monthly / Annual) — pill look
   ========================================================= */
main.max-w-\[1376px\] .inline-flex.items-center.gap-3.bg-white.rounded-full.p-1.shadow-sm{
  background:#fff !important;
  border:1px solid #F3F4F6 !important;
  border-radius:9999px !important;
  padding:6px !important;
  gap:12px !important;
  box-shadow: 0 10px 25px rgba(17,24,39,.06) !important;
}
/* buttons */
main.max-w-\[1376px\] .inline-flex.items-center.gap-3.bg-white.rounded-full.p-1.shadow-sm > button{
  border:0 !important;
  background: transparent !important;
  color:#6B7280 !important;
  border-radius:9999px !important;
  padding:10px 34px !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:20px !important;
  box-shadow:none !important;
  transition: transform .15s ease, opacity .15s ease, box-shadow .15s ease !important;
}
/* active button = has bg-gradient-to-r */
main.max-w-\[1376px\] .inline-flex.items-center.gap-3.bg-white.rounded-full.p-1.shadow-sm > button.bg-gradient-to-r{
  background: linear-gradient(90deg,#FF7847 0%,#FFD98A 100%) !important;
  color:#fff !important;
  box-shadow: 0 10px 25px rgba(255,120,71,.22) !important;
}
/* save pill */
main.max-w-\[1376px\] .inline-flex.items-center.gap-3.bg-white.rounded-full.p-1.shadow-sm span.bg-\[\#10B981\]{
  background:#10B981 !important;
  color:#fff !important;
  border-radius:9999px !important;
  padding:3px 10px !important;
  font-size:12px !important;
  font-weight:800 !important;
}

/* =========================================================
   2) Cards layout + spacing
   ========================================================= */
/* grid gap like IMG2 */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3{
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  gap:40px !important;
  align-items: stretch !important;
}
/* each plan card base */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div{
  border-radius:22px !important;
  border:2px solid #E5E7EB !important;
  background:#fff !important;
  box-shadow:none !important;
  transform:none !important;
  overflow: visible !important;
  position: relative !important;
  padding: 42px 34px 30px !important;
}
/* hover lift */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div:hover{
  box-shadow: 0 18px 45px rgba(17,24,39,.07) !important;
  transform: translateY(-2px) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
/* Chef border */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div.border-\[\#3B82F6\]{
  border-color:#3B82F6 !important;
}
/* Master Chef background/border */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div.bg-gradient-to-br{
  background: linear-gradient(135deg,#FDF4FF 0%,#FAF5FF 100%) !important;
  border-color:#A855F7 !important;
}

/* =========================================================
   3) ICON CIRCLES (top inside each card)
   ========================================================= */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div .w-16.h-16{
  width:72px !important;
  height:72px !important;
  border-radius:9999px !important;
}
/* 1st card icon bg */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div:nth-child(1) .w-16.h-16{
  background:#F3F4F6 !important;
}
/* 2nd card icon bg */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div:nth-child(2) .w-16.h-16{
  background: linear-gradient(135deg,#3B82F6 0%, #2563EB 100%) !important;
}
/* 3rd card icon bg */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div:nth-child(3) .w-16.h-16{
  background: linear-gradient(135deg,#A855F7 0%, #EC4899 100%) !important;
}
/* add space between icon and title like IMG2 */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div .flex.justify-center.mb-6{
  margin-bottom: 18px !important;
}

/* =========================================================
   4) Floating badges (Most Popular / Current Plan)
   ========================================================= */
/* MOST POPULAR */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div .absolute.-top-3.left-1\/2{
  top: -18px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 25 !important;
}
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div .absolute.-top-3.left-1\/2 > div{
  background: linear-gradient(90deg,#FF7847 0%,#FFD98A 100%) !important;
  color:#fff !important;
  border-radius:9999px !important;
  padding:7px 16px !important;
  font-size:14px !important;
  font-weight:800 !important;
  box-shadow: 0 12px 28px rgba(255,120,71,.18) !important;
  white-space: nowrap !important;
}
/* CURRENT PLAN */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div .absolute.-top-3.right-4{
  top: -18px !important;
  right: 18px !important;
  z-index: 25 !important;
}
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div .absolute.-top-3.right-4 > div{
  background:#10B981 !important;
  color:#fff !important;
  border-radius:9999px !important;
  padding:7px 16px !important;
  font-size:14px !important;
  font-weight:800 !important;
  box-shadow: 0 12px 28px rgba(16,185,129,.14) !important;
  white-space: nowrap !important;
}

/* =========================================================
   5) TYPOGRAPHY spacing (title/subtitle/price)
   ========================================================= */
main.max-w-\[1376px\] h3{
  letter-spacing:-.01em !important;
}
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div h3{
  margin-bottom: 10px !important;
}
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div p.text-\[14px\]{
  margin-bottom: 22px !important;
  line-height: 1.5 !important;
}
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div .text-center.mb-8{
  margin-bottom: 26px !important;
}

/* =========================================================
   6) LISTS — add line spacing like IMG2
   ========================================================= */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 ul{
  list-style:none !important;
  padding-left:0 !important;
  margin: 0 0 28px 0 !important;
}
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 li{
  display:flex !important;
  align-items:flex-start !important;
  gap:16px !important;
  margin: 0 0 14px 0 !important;
  line-height: 1.6 !important;
}
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 li > div.w-5.h-5{
  width:20px !important;
  height:20px !important;
  flex: 0 0 20px !important;
  border-radius:9999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top: 3px !important;
}
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 li > div.w-5.h-5 svg{
  width:12px !important;
  height:12px !important;
  display:block !important;
  opacity:1 !important;
}
/* Home Cook icons */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div:nth-child(1) li > div.w-5.h-5{
  background:transparent !important;
  border:2px solid #D1D5DB !important;
}
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div:nth-child(1) li > div.w-5.h-5 svg{
  color:#9CA3AF !important;
}
/* Chef icons */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div:nth-child(2) li > div.w-5.h-5{
  background:#3B82F6 !important;
  border:0 !important;
}
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div:nth-child(2) li > div.w-5.h-5 svg{
  color:#fff !important;
}
/* Master icons */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div:nth-child(3) li > div.w-5.h-5{
  background:#A855F7 !important;
  border:0 !important;
}
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div:nth-child(3) li > div.w-5.h-5 svg{
  color:#fff !important;
}
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div:nth-child(2) ul span,
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div:nth-child(3) ul span{
  color:#111827 !important;
  font-weight:500 !important;
}

/* =========================================================
   7) Limitations block polish (Home Cook)
   ========================================================= */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div:nth-child(1) .mb-6{
  margin-top: 14px !important;
}
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div:nth-child(1) .mb-6 ul li{
  gap: 10px !important;
  margin-bottom: 10px !important;
}

/* =========================================================
   8) CTA buttons — pill + shadow like IMG2
   ========================================================= */
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 button.w-full{
  border:0 !important;
  background: linear-gradient(90deg,#FF7847 0%,#FFD98A 100%) !important;
  color:#fff !important;
  border-radius:12px !important;
  padding:14px 16px !important;
  font-weight:800 !important;
  box-shadow: 0 12px 28px rgba(255,120,71,.18) !important;
  transition: transform .16s ease, opacity .16s ease, box-shadow .16s ease !important;
}
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 button.w-full:hover{
  opacity:.96 !important;
  transform: translateY(-1px) !important;
}

/* =========================================================
   9) Safety: Elementor/theme overflow/box sizing issues
   ========================================================= */
main.max-w-\[1376px\] *{ box-sizing:border-box !important; }
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3,
main.max-w-\[1376px\] .grid.md\:grid-cols-2.lg\:grid-cols-3 > div{
  overflow: visible !important;
}

/* =========================================================
   10) FEATURE COMPARISON TABLE — Requested Fixes
   ========================================================= */
main.max-w-\[1376px\] table.w-full {
  border-collapse: separate;
  border-spacing: 0;
}

/* Header row — remove ALL borders (including bottom) */
main.max-w-\[1376px\] table thead tr,
main.max-w-\[1376px\] table thead tr th {
  border: none !important;
  background: white !important;
}
main.max-w-\[1376px\] table thead tr {
  border-bottom: none !important;
}

/* Body rows — all white + subtle separator lines */
main.max-w-\[1376px\] table tbody tr {
  background-color: white !important;
  border-bottom: 1px solid #e5e7eb !important; /* subtle gray line */
}

/* No line under the last row */
main.max-w-\[1376px\] table tbody tr:last-child {
  border-bottom: none !important;
}

/* Remove any hover background (or keep very subtle) */
main.max-w-\[1376px\] table tbody tr:hover {
  background-color: #f9fafb !important; /* very light gray - optional */
  /* background-color: white !important; */ /* uncomment to disable hover */
}

/* Kill any zebra striping from libraries or previous rules */
main.max-w-\[1376px\] table tbody tr:nth-child(odd),
main.max-w-\[1376px\] table tbody tr:nth-child(even) {
  background-color: white !important;
}

/* Make check/minus icons match text color (#1F2937) */
main.max-w-\[1376px\] table .lucide-check,
main.max-w-\[1376px\] table .lucide-minus {
  color: #1F2937 !important;
  stroke: #1F2937 !important;
}

/* Slightly thicker icons for better visibility */
main.max-w-\[1376px\] table .lucide-check,
main.max-w-\[1376px\] table .lucide-minus {
  stroke-width: 2.8 !important;
}

/* Clean cell padding */
main.max-w-\[1376px\] table td,
main.max-w-\[1376px\] table th {
  border: none !important;
  padding: 16px 20px !important;
}

main.max-w-\[1376px\] table .lucide-check2, main.max-w-\[1376px\] table .lucide-minus2 {
    color: #3b82f6 !important;
    stroke: #3b82f6 !important;
    stroke-width: 2.8 !important;
}

main.max-w-\[1376px\] table .lucide-check3, main.max-w-\[1376px\] table .lucide-minus3 {
    color: #a855f7 !important;
    stroke: #a855f7 !important;
    stroke-width: 2.8 !important;
}/* End custom CSS */