.elementor-3668 .elementor-element.elementor-element-c09887c{--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-3668 .elementor-element.elementor-element-c09887c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3668 .elementor-element.elementor-element-e2a4d49{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-3668 .elementor-element.elementor-element-c09887c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-e2a4d49 *//* ===== BV Compare (Flex version, widget-scoped) ===== */
.elementor-3668 .elementor-element.elementor-element-e2a4d49{
  /* soft tints */
  --sema-tint:#F4EEFF;  --sema-border:#E5DFFF;
  --tirz-tint:#EEF4FF;  --tirz-border:#DCE6FF;
  --line:#E7E9F2;       --muted:#6B7280;
}

/* keep inside parent; no clipping */
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Compare{ display:block; max-width:100%; overflow:visible; }

/* FLEX ROW instead of grid */
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Compare .BV-Grid{
  display:flex;
  flex-wrap:wrap;
  gap:14px;                 /* tighter gap */
  margin:0;                 /* kill stray margins */
  padding-inline:12px;      /* inner gutter so cards don’t touch edge */
  width:100%;
}

/* columns — auto wrap; 2-up when space allows */
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Compare .BV-Grid > .BV-Column{
  flex:1 1 360px;           /* target ~360px card; wraps naturally */
  min-width:0;              /* prevent overflow calc issues */
}

/* card shells (tinted) */
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Column{
  background:#FFF;
  border:1px solid var(--line);
  border-radius:16px;       /* slightly tighter */
  padding:14px;             /* reduced padding */
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Grid > .BV-Column:nth-child(1){ background:var(--sema-tint); border-color:var(--sema-border); }
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Grid > .BV-Column:nth-child(2){ background:var(--tirz-tint); border-color:var(--tirz-border); }

/* compact header */
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Head{ display:flex; align-items:center; gap:10px; margin:0 0 6px; }
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Head .CT-Logo{ padding:8px 12px; border-radius:12px; background:#F4F6FB; font-weight:800; }
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Head .Badge--brand{
  background:#F1F3FA; border:1px solid var(--line); border-radius:9999px;
  padding:5px 9px; font-size:.8rem; font-weight:700;
}

/* price trio slab (white for contrast) */
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .CT-Pricing{
  background:#FFF; border:1px solid var(--line);
  border-radius:12px; padding:10px; margin:6px 0 8px;
}
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .CT-Pricing .row{
  display:flex; justify-content:space-between; align-items:baseline;
  padding:6px 0; border-bottom:1px dashed rgba(0,0,0,.06);
}
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .CT-Pricing .row:last-child{ border-bottom:0; }
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .CT-Pricing .label{ color:var(--muted); font-size:.9rem; }
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .CT-Pricing .price{ font-weight:800; }

/* compounded section */
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Alt{ margin-top:12px; padding-top:10px; border-top:1px solid var(--line); }
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-AltLabel{ margin:0 0 6px; font-size:.95rem; }

/* notes */
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .CT-Note{
  display:flex; gap:8px; align-items:flex-start;
  color:var(--muted); font-size:.9rem; margin:8px 0 0;
}
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .CT-Note::before{
  content:"i"; width:18px; height:18px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  background:#ECEFF9; color:#32407B; font-weight:800; font-size:.72rem; margin-top:2px;
}

/* quiet links */
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .Link--quiet{ text-underline-offset:2px; opacity:.85; }

/* very small screens */
@media (max-width:480px){
  .elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Compare .BV-Grid{ padding-inline:8px; gap:12px; }
  .elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Column{ padding:12px; border-radius:14px; }
  .elementor-3668 .elementor-element.elementor-element-e2a4d49 .CT-Pricing{ padding:9px; }
}
/* ===== BV Compare — force 45% / 45% two-up on desktop ===== */
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Compare { max-width: 100%; overflow: visible; }

/* Base: flex row that wraps when needed */
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Compare .BV-Grid{
  --gap: 24px;
  display: flex !important;     /* beat any old grid rules */
  flex-wrap: wrap;
  gap: var(--gap);
  margin: 0;
  padding: 0;                   /* let parent container handle outer padding */
}

/* Columns: allow shrinking without overflow calc issues */
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Compare .BV-Grid > .BV-Column{
  box-sizing: border-box;
  min-width: 0;
}

/* Desktop: 2-up at ~45% each (room for the gap) */
@media (min-width: 960px){
  .elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Compare .BV-Grid{ justify-content: space-between; }
  .elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Compare .BV-Grid > .BV-Column{
    flex: 0 0 45% !important;
    max-width: 45% !important;
  }
}

/* Tablet & down: stack */
@media (max-width: 959.98px){
  .elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Compare .BV-Grid > .BV-Column{
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* Optional: slightly tighter card padding so 45% fits comfortably */
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Compare .BV-Column{ padding: 14px; }
.elementor-3668 .elementor-element.elementor-element-e2a4d49 .BV-Compare .CT-Pricing{ padding: 10px; }/* End custom CSS */