.elementor-3 .elementor-element.elementor-element-6fac638f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3 .elementor-element.elementor-element-55ee7ae1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3 .elementor-element.elementor-element-590c4ef2{--display:flex;--justify-content:flex-start;--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-3 .elementor-element.elementor-element-590c4ef2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3 .elementor-element.elementor-element-1b55c3cf{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-3 .elementor-element.elementor-element-1b55c3cf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3 .elementor-element.elementor-element-1b55c3cf .wcf--title{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:90px;font-weight:700;line-height:90px;}.elementor-3 .elementor-element.elementor-element-1b55c3cf .wcf--title .highlight{color:#f00000;}.elementor-3 .elementor-element.elementor-element-3d3308a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-3 .elementor-element.elementor-element-18109ee .wcf--tabs{flex-direction:row;}.elementor-3 .elementor-element.elementor-element-18109ee .tab-title{background-color:var( --e-global-color-c6c574f );text-align:start;justify-content:start;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;line-height:1.5;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;padding:20px 20px 20px 20px;}.elementor-3 .elementor-element.elementor-element-18109ee .tab-title:hover, .elementor-3 .elementor-element.elementor-element-18109ee .tab-title.active{background-color:var( --e-global-color-primary );color:var( --e-global-color-f898f31 );fill:var( --e-global-color-f898f31 );}.elementor-3 .elementor-element.elementor-element-18109ee > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3 .elementor-element.elementor-element-18109ee .tabs-wrapper{width:60%;gap:10px;}.elementor-3 .elementor-element.elementor-element-18109ee .tab-item:not(:last-child) .tab-mobile-title:not(.active){margin-bottom:10px;}.elementor-3 .elementor-element.elementor-element-18109ee .tab-content{border-style:none;}@media(min-width:768px){.elementor-3 .elementor-element.elementor-element-6fac638f{--content-width:1290px;}.elementor-3 .elementor-element.elementor-element-590c4ef2{--width:66.44%;}}@media(max-width:1366px) and (min-width:768px){.elementor-3 .elementor-element.elementor-element-590c4ef2{--width:479.891px;}}@media(max-width:1200px) and (min-width:768px){.elementor-3 .elementor-element.elementor-element-590c4ef2{--width:348.891px;}}@media(max-width:1366px){.elementor-3 .elementor-element.elementor-element-55ee7ae1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3 .elementor-element.elementor-element-1b55c3cf .wcf--title{font-size:60px;line-height:60px;}}@media(max-width:1200px){.elementor-3 .elementor-element.elementor-element-55ee7ae1{--padding-top:100px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-3 .elementor-element.elementor-element-1b55c3cf .wcf--title{font-size:50px;line-height:50px;}.elementor-3 .elementor-element.elementor-element-3d3308a5{--padding-top:100px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-3 .elementor-element.elementor-element-18109ee .tab-title{font-size:18px;}}@media(max-width:880px){.elementor-3 .elementor-element.elementor-element-55ee7ae1{--padding-top:90px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3 .elementor-element.elementor-element-1b55c3cf .wcf--title{font-size:40px;line-height:40px;}.elementor-3 .elementor-element.elementor-element-3d3308a5{--padding-top:90px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-3 .elementor-element.elementor-element-55ee7ae1{--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-3 .elementor-element.elementor-element-1b55c3cf .wcf--title{font-size:36px;line-height:36px;}.elementor-3 .elementor-element.elementor-element-3d3308a5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-3 .elementor-element.elementor-element-18109ee .tab-title{font-size:16px;}}/* Start custom CSS for wcf--tabs, class: .elementor-element-18109ee *//* =======================
   PRIVACY TABS — FINAL CSS
   Scope: .singletab wrapper
   ======================= */

/* Load Roboto for RIGHT content */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* Scope */
.singletab { 
  position: relative;

  /* === Spacing knobs (RIGHT side + column gap) === */
  --col-gap: 56px;        /* gap between LEFT pills and RIGHT content */
  --section-gap: 72px;    /* space between stacked RIGHT sections (was 60) */
  --heading-top: 28px;    /* extra space BEFORE each RIGHT section heading */

  /* You can tweak these three safely without touching visuals elsewhere */
}

/* 1) Left column must stay clickable, but keep its native styling */
.singletab .tabs-wrapper { 
  position: relative; 
  z-index: 3; 
  margin-right: var(--col-gap);   /* only the left column moves to create column gap */
}
.singletab .tabs-content-wrapper { 
  position: relative; 
  z-index: 1; 
}

/* If something from the right overlaps, make it non-interactive */
.singletab .tabs-content-wrapper [style*="position:absolute"],
.singletab .tabs-content-wrapper .overlay {
  pointer-events: none;
}

/* 2) Keep ALL right panels open (no flicker) */
.singletab .tabs-content-wrapper .tab-content {
  display: block !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* 3) RIGHT-SIDE section heading: visible, bold, brand color, no chip */
.singletab .tabs-content-wrapper .tab-title.tab-mobile-title {
  display: block !important;             /* show it */
  background: transparent !important;    /* remove chip box */
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 0 12px 0 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #2f4a53 !important;             /* your dark teal */
  margin-top: var(--heading-top) !important; /* extra space BEFORE heading */
}

/* If some sections use h3/h4 instead of the mobile title, style those too */
.singletab .tabs-content-wrapper .tab-content h3,
.singletab .tabs-content-wrapper .tab-content h4{
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #2f4a53 !important;
  margin: var(--heading-top) 0 12px !important;
}

/* 4) Apply Roboto to RIGHT content only (left pills untouched) */
.singletab .tabs-content-wrapper{
  font-family: "Roboto", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* Comfortable rhythm for right-side body text */
.singletab .tabs-content-wrapper p{ margin: 0 0 5px 0; }
.singletab .tabs-content-wrapper li{ margin: 6px 0; }

/* 5) Spacing between entire RIGHT sections */
.singletab .tabs-content-wrapper .tab-content + .tab-content{
  margin-top: var(--section-gap);
}

/* EXTRA: even more air specifically before the NEXT section’s heading */
.singletab .tabs-content-wrapper .tab-content + .tab-content > .tab-title,
.singletab .tabs-content-wrapper .tab-content + .tab-content > .tab-title.tab-mobile-title{
  margin-top: calc(var(--section-gap) + var(--heading-top)) !important;
}

/* 6) Mobile/tablet: tighten spacing a bit */
@media (max-width:1024px){
  .singletab{
    --col-gap: 28px;
    --section-gap: 36px;
    --heading-top: 18px;
  }
  .singletab .tabs-content-wrapper .tab-title.tab-mobile-title,
  .singletab .tabs-content-wrapper .tab-content h3,
  .singletab .tabs-content-wrapper .tab-content h4{
    font-size: 20px !important;
  }
}

/* ----- Sticky left column (no JS) ----- */
.singletab{
  /* adjust this to match your sticky header / admin bar height */
  --sticky-top: 130px;              /* desktop offset */
  --sticky-top-mobile: 72px;       /* mobile/tablet offset */
  overflow: visible;               /* ensure sticky can compute boundaries */
}

/* The element that contains the left pills */
.singletab .tabs-wrapper{
  position: sticky;                /* stick to viewport */
  top: var(--sticky-top);          /* offset from top */
  align-self: flex-start;          /* keep natural height */
  height: fit-content;             /* prevents stretching */
  z-index: 4;                      /* stays clickable above content */
  /* keep your existing margin-right for the column gap */
}

/* Make sure no ancestor blocks sticky with overflow clipping */
.singletab,
.singletab > *{
  overflow: visible !important;
}

/* Optional: give the sticky block a solid background so it doesn’t show content underneath while stuck */
.singletab .tabs-wrapper{
  background: transparent;         /* change to #fff if you see overlap artifacts */
}

/* Disable or tune sticky on smaller screens */
@media (max-width: 1024px){
  .singletab .tabs-wrapper{
    top: var(--sticky-top-mobile);
  }
}
/* Align scrolled panels nicely under the sticky header, for JS + future hash links */
.singletab .tabs-content-wrapper .tab-content{
  scroll-margin-top: calc(var(--sticky-top) + 16px);
}
/* Option A: move entire right column up */
.singletab {
  /* tweak this value until left & right line up — start with 28px */
  --right-offset: 28px;
}

/* Move the whole content block up */
.singletab .tabs-content-wrapper {
  position: relative;
  top: calc(var(--right-offset) * -1);  /* negative -> move up */
}

/* If headings previously had scroll-margin-top, reduce it by same offset */
.singletab .tabs-content-wrapper .tab-content {
  scroll-margin-top: calc( (var(--sticky-top) + 16px) - var(--right-offset) );
}

/* Optional: reduce section gap slightly to compensate visually */
.singletab { --section-gap: calc(var(--section-gap) - var(--right-offset)); }/* End custom CSS */