/* Power Theme – Bento Grid: add borders to each wrapper */
.pwr-bento-grid .pwr-adc__content-wrapper--border-radius,
.pwr-bento-grid.problems-boxes .pwr-adc__content-wrapper {
  border: 1px solid #FFDF71;   /* tweak color as needed */
  border-radius: inherit;       /* respects the module’s radius if enabled */
  overflow: hidden;             /* keeps images from bleeding past the border */
}

/* Make the whole section (intro + cards) span the full viewport width */
.pwr-sec-image-boxes.fullbleed-imgboxes .page-center {
  width: 90vw;
  max-width: 90vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: 0;
  padding-right: 0;
}

/* Remove the default negative LR margins so edges line up perfectly */
.pwr-sec-image-boxes.fullbleed-imgboxes .pwr--neg-margin-lr-10 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Optional: if you see extra inner padding on the container, kill it */
.pwr-sec-image-boxes.fullbleed-imgboxes .pwr-sec-image-boxes__container {
  padding-left: 0;
  padding-right: 0;
}

/* Reset any accidental global borders when radius is toggled */
.pwr-bento-grid:not(.problems-boxes) .pwr-adc__content-wrapper,
.pwr-bento-grid:not(.problems-boxes) .pwr-adc__content-wrapper--border-radius {
  border: none !important;
}

/* Remove border from any wrapper with the class "no-border" */
.pwr-bento-grid.problems-boxes .pwr-adc__content-wrapper.no-border,
.pwr-bento-grid.problems-boxes .pwr-adc__content-wrapper--border-radius.no-border {
    border: none !important;
}





/* === Marquee logo grid lines === */
.pwr-marquee .pwr-marquee-container {
  display: flex;
}

/* Grid cell styling */
.pwr-marquee .pwr-marquee__item {
  position: relative;
  border-right: 1px solid rgba(255, 255, 255, 0.35);
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Add top + left edge only once */
.pwr-marquee .pwr-marquee-container {
  border-top: 1px solid rgba(255, 255, 255, 0.35);
  border-left: 1px solid rgba(255, 255, 255, 0.35);
}

/* Override POWER default button rule */
.cta_button:not(.pwr-cta--hubspot-style),
.pwr-cta_button:not(.pwr-cta--hubspot-style),
.hs-submit{
  font-weight: 400 !important;
  border-radius: 0 !important;
}

/* Solid PRIMARY buttons: black text */
/* Primary solid buttons: black text */
.pwr-cta--primary-solid .pwr-cta_button,
.pwr-btn--primary-solid .pwr-cta_button,
.pwr-cta--primary-solid .cta_button,
.pwr-btn--primary-solid .cta_button,
.pwr-cta--primary-solid .hs-submit,
.pwr-btn--primary-solid .hs-submit {
  --clr-btn-txt-lt: #000;
}

/* ================================
   POWER Accordion – Origina style
   (forces full-width + thin outline +
    closed transparent + open blue header / white body)
   ================================ */

/* Full width container */
.pwr-sec-accordion .pwr-accordion-container,
.pwr-bento-grid .pwr-accordion-container {
  width: 100% !important;
}

/* Force each accordion to behave like a block row */
.pwr-sec-accordion .pwr-accordion,
.pwr-bento-grid .pwr-accordion {
  width: 100% !important;

  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  /* thin outline */
  border: 1px solid rgba(255,255,255,0.35) !important;

  /* CLOSED default: transparent */
  background: transparent !important;
}

/* Remove the “blue card” effect from the POWER colored box system */
.pwr-sec-accordion .pwr-accordion.pwr--colored-box,
.pwr-bento-grid .pwr-accordion.pwr--colored-box {
  background: transparent !important;
}

/* Kill any spacing between items */
.pwr-sec-accordion .pwr-accordion + .pwr-accordion,
.pwr-bento-grid .pwr-accordion + .pwr-accordion {
  margin-top: 0 !important;
}

/* TITLE styles (closed) */
.pwr-sec-accordion .pwr-accordion__title,
.pwr-bento-grid .pwr-accordion__title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  padding: 22px 26px !important;

  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;

  /* CLOSED: transparent + white text */
  background: transparent !important;
  color: rgba(255,255,255,0.95) !important;

  /* undo any theme transforms */
  text-transform: none !important;
  letter-spacing: normal !important;
}

h2.pwr-sec__title, h3.pwr-sec__title, h4.pwr-sec__title, h5.pwr-sec__title, h6.pwr-sec__title   {
  margin-bottom:10px;
}

/* DESCRIPTION panel baseline (open state shows it, closed state JS hides it) */
.pwr-sec-accordion .pwr-accordion__desc,
.pwr-bento-grid .pwr-accordion__desc {
  padding: 22px 26px !important;
  background: #fff !important;
  color: #000 !important;
  margin: 0 !important;
}

/* Remove rich text inner margins */
.pwr-sec-accordion .pwr-accordion__desc > *:first-child,
.pwr-bento-grid .pwr-accordion__desc > *:first-child { margin-top: 0 !important; }
.pwr-sec-accordion .pwr-accordion__desc > *:last-child,
.pwr-bento-grid .pwr-accordion__desc > *:last-child { margin-bottom: 0 !important; }

/* OPEN state: blue header w/ black text */
.pwr-sec-accordion .pwr-accordion.active .pwr-accordion__title,
.pwr-bento-grid .pwr-accordion.active .pwr-accordion__title {
  background: var(--clr-brand-primary, #33c7ff) !important;
  color: #000 !important;
}

/* Make sure icon follows text color */
.pwr-sec-accordion .pwr-accordion__icon,
.pwr-bento-grid .pwr-accordion__icon {
  color: currentColor !important;
  margin-left: 16px !important;
  line-height: 1 !important;
}

.pwr-adc__content-wrapper .pwr-adc-content--accordion { width:100% !important; }

/* =========================================
   Fix accordion open body: white bg + black text
   ========================================= */

/* Open body panel */
.pwr-sec-accordion .pwr-accordion.active .pwr-accordion__desc,
.pwr-bento-grid .pwr-accordion.active .pwr-accordion__desc {
  background: #fff !important;
  color: #000 !important;
}

/* Ensure links etc. are readable on white */
.pwr-sec-accordion .pwr-accordion.active .pwr-accordion__desc a,
.pwr-bento-grid .pwr-accordion.active .pwr-accordion__desc a {
  color: #32C5F4 !important;
}

/* If POWER is tinting via a pseudo-element overlay on the DESC */
.pwr-sec-accordion .pwr-accordion__desc::before,
.pwr-sec-accordion .pwr-accordion__desc::after,
.pwr-bento-grid .pwr-accordion__desc::before,
.pwr-bento-grid .pwr-accordion__desc::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* If POWER is tinting via a pseudo-element overlay on the ACCORDION item */
.pwr-sec-accordion .pwr-accordion.active::before,
.pwr-sec-accordion .pwr-accordion.active::after,
.pwr-bento-grid .pwr-accordion.active::before,
.pwr-bento-grid .pwr-accordion.active::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Force all text inside the desc panel to black (rich text can override) */
.pwr-sec-accordion .pwr-accordion.active .pwr-accordion__desc *,
.pwr-bento-grid .pwr-accordion.active .pwr-accordion__desc * {
  color: #000 !important;
}

/* Remove spacing between accordion rows (sec + bento) */
.pwr-sec-accordion .pwr-accordion-container,
.pwr-bento-grid .pwr-accordion-container {
  gap: 0 !important;
  row-gap: 0 !important;
}

.pwr-sec-accordion .pwr-accordion,
.pwr-bento-grid .pwr-accordion {
  margin: 0 !important;
}

/* If the theme adds spacing via wrapper/padding around content items */
.pwr-bento-grid .pwr-adc-content--accordion {
  margin: 0 !important;
}

/* If the wrapper content stack uses spacing between items */
.pwr-bento-grid .pwr-adc__content-wrapper > .pwr-adc-content--accordion {
  margin-bottom: 0 !important;
}

/* Remove hover background + overlay on accordions */
.pwr-accordion:hover,
.pwr-accordion:focus {
  background: transparent !important;
}

/* POWER hover overlay (pseudo-element) */
.pwr-accordion:hover::before,
.pwr-accordion:focus::before {
  content: none !important;
  opacity: 0 !important;
}

/* Ensure title bar doesn't change on hover */
.pwr-accordion:hover .pwr-accordion__title {
  background: transparent !important;
}

/* Keep borders stable on hover */
.pwr-accordion:hover {
  border-color: rgba(255, 255, 255, 0.35) !important;
}

/* Kill hover visuals (but DO NOT kill transitions on the desc panel) */
.pwr-sec-accordion .pwr-accordion,
.pwr-bento-grid .pwr-accordion,
.pwr-sec-accordion .pwr-accordion__title,
.pwr-bento-grid .pwr-accordion__title {
}

.pwr-sec-accordion .pwr-accordion:not(.active):hover .pwr-accordion__title,
.pwr-bento-grid .pwr-accordion:not(.active):hover .pwr-accordion__title {
  background: transparent !important;
}

/* Disable Bento wrapper hover overlay for accordion wrappers */
.pwr-bento-grid .pwr-adc__content-wrapper.pwr-no-hover:hover::before,
.pwr-bento-grid .pwr-adc__content-wrapper.pwr-no-hover:focus::before {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* Also kill any hover transforms/shadows on that wrapper */
.pwr-bento-grid .pwr-adc__content-wrapper.pwr-no-hover:hover,
.pwr-bento-grid .pwr-adc__content-wrapper.pwr-no-hover:focus {
  transform: none !important;
  box-shadow: none !important;
}

/* =========================================
   Kill hover animation/effects for OPEN accordions too
   ========================================= */

/* Stop any hover transitions on the OPEN accordion 
.pwr-sec-accordion .pwr-accordion.active,
.pwr-bento-grid .pwr-accordion.active,
.pwr-sec-accordion .pwr-accordion.active * ,
.pwr-bento-grid .pwr-accordion.active * {
  transition: none !important;
} */

/* Smooth open & close */
.pwr-sec-accordion .pwr-accordion__desc,
.pwr-bento-grid .pwr-accordion__desc {
  overflow: hidden;

  max-height: 0;
  opacity: 0;

  /* keep padding from animating (prevents close snap) */
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  /* remove white flash */
  background: transparent !important;

  transition:
    max-height 340ms ease,
    opacity 160ms ease;
}

/* open state */
.pwr-sec-accordion .pwr-accordion.active .pwr-accordion__desc,
.pwr-bento-grid .pwr-accordion.active .pwr-accordion__desc {
  max-height: 1000px;   /* taller than your largest panel */
  opacity: 1;

  padding-top: 18px !important;
  padding-bottom: 18px !important;

  background: #fff !important;

  transition:
    max-height 340ms ease,
    opacity 160ms ease;
}

/* Disable any hover overlays/pseudo elements on OPEN accordion */
.pwr-sec-accordion .pwr-accordion.active::before,
.pwr-sec-accordion .pwr-accordion.active::after,
.pwr-sec-accordion .pwr-accordion.active:hover::before,
.pwr-sec-accordion .pwr-accordion.active:hover::after,
.pwr-bento-grid .pwr-accordion.active::before,
.pwr-bento-grid .pwr-accordion.active::after,
.pwr-bento-grid .pwr-accordion.active:hover::before,
.pwr-bento-grid .pwr-accordion.active:hover::after {
  content: none !important;
  opacity: 0 !important;
  background: none !important;
}

/* Lock the OPEN visuals so hover can't change them */
.pwr-sec-accordion .pwr-accordion.active .pwr-accordion__title,
.pwr-sec-accordion .pwr-accordion.active:hover .pwr-accordion__title,
.pwr-bento-grid .pwr-accordion.active .pwr-accordion__title,
.pwr-bento-grid .pwr-accordion.active:hover .pwr-accordion__title {
  background: var(--clr-brand-primary, #33c7ff) !important;
  color: #000 !important;
}

.pwr-sec-accordion .pwr-accordion.active .pwr-accordion__desc,
.pwr-sec-accordion .pwr-accordion.active:hover .pwr-accordion__desc,
.pwr-bento-grid .pwr-accordion.active .pwr-accordion__desc,
.pwr-bento-grid .pwr-accordion.active:hover .pwr-accordion__desc {
  background: #fff !important;
  color: #000 !important;
}

/* If POWER applies hover to the DESC panel itself */
.pwr-sec-accordion .pwr-accordion.active .pwr-accordion__desc:hover,
.pwr-bento-grid .pwr-accordion.active .pwr-accordion__desc:hover {
  background: #fff !important;
}

/* ONLY Bentos that explicitly opt in */
.pwr-bento--corner-accent .pwr-adc__content-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;       /* adjust as needed */
  height: 20px;
  background-color: var(--clr-primary);
  pointer-events: none;
}

.pwr-bento--corner-accent .pwr-adc__content-wrapper {
  position: relative;
}

/* Put this class on the module: home-posts--fullbleed */

/* 1) Break JUST the slider container out of page-center */
.home-posts--fullbleed .pwr-sec-posts__container {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow: hidden; /* keeps things clean on the edges */
}

/* 2) Recreate the normal site gutter WITHOUT shrinking Swiper’s layout width */
.home-posts--fullbleed .pwr-sec-posts__container {
  --pwr-gutter: max(20px, calc((100vw - var(--lo-content-width)) / 2));
}

/* Expand the swiper by 2*gutter, then pull it back left by gutter.
   Net effect: Swiper still has ~100vw usable space, but your first card starts at the content gutter. */
.home-posts--fullbleed .pwr-sec-posts__container .swiper {
  width: calc(100vw + (2 * var(--pwr-gutter))) !important;
  margin-left: calc(var(--pwr-gutter) * -1) !important;
  padding-left: var(--pwr-gutter) !important;
  padding-right: var(--pwr-gutter) !important;
  box-sizing: border-box !important;
}

/* Optional: keep pagination centered in the viewport */
.home-posts--fullbleed .pwr-sec-posts__container .swiper-pagination {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.home-posts--fullbleed .pwr-post-item__content {
  --clr-text-dk: #0b1320;
}

/* Ensure inheritance doesn’t keep white */
.home-posts--fullbleed .pwr-post-item__content,
.home-posts--fullbleed .pwr-post-item__content * {
  color: #0b1320;
}

/* Start Reading link */
.home-posts--fullbleed .pwr-post-item__more-link,
.home-posts--fullbleed .pwr-post-item__more-link * {
  color: #0b1320;
  text-decoration: none;
}

/* Square everything in this module */
.home-posts--fullbleed .pwr-post-item,
.home-posts--fullbleed .pwr-post-item__content,
.home-posts--fullbleed img,
.home-posts--fullbleed .pwr-post-item__more-link,
.home-posts--fullbleed .pwr-post-item__more-link * {
  border-radius: 0 !important;
}

/* White card backgrounds */
.home-posts--fullbleed .pwr-post-item,
.home-posts--fullbleed .pwr-post-item__content {
  background: #fff !important;
}

/* Remove rounding where the clipping actually happens */
.home-posts--fullbleed .pwr-post-item,
.home-posts--fullbleed .slick-slide,
.home-posts--fullbleed .swiper-slide {
  border-radius: 0 !important;
  overflow: visible !important;
}

.home-posts--fullbleed .pwr-post-item__inner,
.home-posts--fullbleed .pwr-post-item__media {
  border-radius: 0 !important;
  overflow: visible !important;
}

/* Set the radius token to 0 for this module */
.home-posts--fullbleed {
  --br-box: 0px;
}

/* =========================================
   Disable hover animations (module only)
   Scope: .home-posts--fullbleed
   ========================================= */

/* 1) Remove transitions/animations inside the module */
.home-posts--fullbleed .pwr-post-item,
.home-posts--fullbleed .pwr-post-item *,
.home-posts--fullbleed .pwr-post-item *::before,
.home-posts--fullbleed .pwr-post-item *::after {
  transition: none !important;
  animation: none !important;
}

/* 2) Stop card hover transforms/shadows */
.home-posts--fullbleed .pwr-post-item:hover,
.home-posts--fullbleed .pwr-post-item:focus,
.home-posts--fullbleed .pwr-post-item:focus-within {
  transform: none !important;
  box-shadow: none !important;
}

/* 3) Stop image hover effects (zoom/translate/filter/opacity) */
.home-posts--fullbleed .pwr-post-item__img,
.home-posts--fullbleed .pwr-post-item__img:hover,
.home-posts--fullbleed .pwr-post-item:hover .pwr-post-item__img {
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  background-position: top !important; /* keep stable if they animate it */
  background-size: cover !important;
}

/* 4) If they apply effects to a nested img tag too */
.home-posts--fullbleed .pwr-post-item:hover img,
.home-posts--fullbleed .pwr-post-item img {
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* 5) Stop link/button hover styling/arrow movement */
.home-posts--fullbleed .pwr-post-item__more-link,
.home-posts--fullbleed .pwr-post-item__more-link:hover,
.home-posts--fullbleed .pwr-post-item__more-link:hover * {
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* 6) If an overlay is fading in via pseudo-elements, freeze it */
.home-posts--fullbleed .pwr-post-item__img::before,
.home-posts--fullbleed .pwr-post-item__img::after {
  opacity: 0 !important; /* set to 1 if you need the overlay always visible */
  transform: none !important;
}


/* =========================================
   Hover overlay fix (module only)
   Keeps the image, removes the color wash
   ========================================= */

/* 1) Undo the "hide pseudo-elements" approach (restore image layers) */
.home-posts--fullbleed .pwr-post-item__img::before,
.home-posts--fullbleed .pwr-post-item__img::after {
  opacity: 1 !important;
  content: "" !important;
}

/* 2) Specifically remove overlay styling on hover */
.home-posts--fullbleed .pwr-post-item:hover .pwr-post-item__img::before,
.home-posts--fullbleed .pwr-post-item:hover .pwr-post-item__img::after {
  background: transparent !important;
  background-color: transparent !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

.home-posts--fullbleed .pwr-post-item:hover .pwr-post-item__img {
  background-color: transparent !important;
  filter: none !important;
}

/* POWER Bento: opt-in outline on a per-wrapper basis */
.pwr-adc__content-wrapper.has-outline {
  outline: 1px solid rgba(255, 255, 255, .6);
  outline-offset: -1px;
  margin-bottom:-20px;
}

/* =========================================
   Full-bleed slider (edge to edge)
   ========================================= */

/* Make the slider container escape page-center */
.pwr-sec-posts .pwr-sec-posts__container {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* Prevent any wrapper from clipping the full-bleed area */
.pwr-sec-posts .page-center,
.pwr-sec-posts .row-fluid {
  overflow: visible !important;
}

/* If POWER applies extra horizontal padding on swiper wrapper, neutralize it */
.pwr-sec-posts .swiper,
.pwr-sec-posts .swiper-container,
.pwr-sec-posts .swiper-wrapper {
  width: 100% !important;
}

.pwr-sec-posts .pwr-sec-posts__container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* FULL BLEED: override POWER's width:100% on swiper elements */
.ppd-posts-fullbleed .pwr-sec-posts__container {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  max-width: none !important;
}

/* This is the key fix based on your screenshot */
.ppd-posts-fullbleed .pwr-sec-posts__container .swiper,
.ppd-posts-fullbleed .pwr-sec-posts__container .swiper-container,
.ppd-posts-fullbleed .pwr-sec-posts__container .swiper-wrapper {
  width: 100vw !important;       /* was 100% */
  max-width: none !important;
}

/* Prevent right-side clipping from any parent */
.ppd-posts-fullbleed,
.ppd-posts-fullbleed .page-center,
.ppd-posts-fullbleed .row-fluid {
  overflow: visible !important;
}

/* =========================================================
   POWER Posts Preview Overrides
   Scope: .ppd-posts-fullbleed (your existing custom class)
   ========================================================= */



/* ---------- B) Slider controls: dots only + square style ---------- */
.ppd-posts-fullbleed .swiper-button-prev,
.ppd-posts-fullbleed .swiper-button-next {
  display: none !important;
}

.ppd-posts-fullbleed .swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 1px solid #ffffff !important;
  opacity: 1 !important;
  margin: 0 6px !important;
}

.ppd-posts-fullbleed .swiper-pagination-bullet-active {
  background: #32C5F4 !important;
  border-color: #32C5F4 !important;
}

/* ---------- C) Straight corners everywhere (including image area) ---------- */
.ppd-posts-fullbleed .pwr-post-item__content,
.ppd-posts-fullbleed .pwr-post-item__img,
.ppd-posts-fullbleed .pwr-post-item__info-box,
.ppd-posts-fullbleed .pwr-3D-box,
.ppd-posts-fullbleed .pwr-3D-box__sensor,
.ppd-posts-fullbleed .pwr-3D-box__info-box {
  border-radius: 0 !important;
}

.ppd-posts-fullbleed .pwr-post-item__img {
  background-size: cover;
  background-position: center;
}

/* ---------- D) Content container background ---------- */
.ppd-posts-fullbleed .pwr-post-item__content,
.ppd-posts-fullbleed .pwr-post-item__info-box {
  background: #F4F8FB !important;
}

/* ---------- E) Disable/remove ALL hover animations + overlays ---------- */
.ppd-posts-fullbleed .pwr-post-item__overlay {
  display: none !important;
}

.ppd-posts-fullbleed .pwr-3D-box,
.ppd-posts-fullbleed .pwr-3D-box__sensor,
.ppd-posts-fullbleed .pwr-3D-box__info-box,
.ppd-posts-fullbleed .pwr-post-item__content,
.ppd-posts-fullbleed .pwr-post-item__img,
.ppd-posts-fullbleed a.pwr-post-item,
.ppd-posts-fullbleed a.pwr-post-item * {
  transform: none !important;
  transition: none !important;
  animation: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.ppd-posts-fullbleed a.pwr-post-item:hover::before,
.ppd-posts-fullbleed a.pwr-post-item:hover::after {
  content: none !important;
}

/* ---------- F) Tag chip styling ---------- */
.ppd-posts-fullbleed .ppd-post-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background: #ffffff;
  margin-bottom: 14px;
}

.ppd-posts-fullbleed .ppd-post-chip__sq {
  width: 10px;
  height: 10px;
  background: #32C5F4;
  flex: 0 0 10px;
}

.ppd-posts-fullbleed .ppd-post-chip__text {
  font-weight: 400;
  font-size: 19px;
  line-height: 1.2;
}

/* ---------- G) CTA button styling ---------- */
.ppd-posts-fullbleed .ppd-post-cta {
  margin-top: 14px;
}

.ppd-posts-fullbleed .ppd-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #ffffff;
  border: 1px solid #32C5F4;
  border-radius: 0;
  padding: 10px 12px;
  font-size: 16px;
}

.ppd-posts-fullbleed .ppd-btn__text {
  font-weight: 400;
}

.ppd-posts-fullbleed .ppd-btn__icon {
  width: 28px;
  height: 28px;
  background: #32C5F4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}

/* make the arrow white inside the blue square */
.ppd-posts-fullbleed .ppd-btn__icon svg,
.ppd-posts-fullbleed .ppd-btn__icon path {
  fill: #ffffff !important;
}

/* Card text should be black in BOTH variants */
.ppd-posts-fullbleed .pwr-post-item__info-box,
.ppd-posts-fullbleed .pwr-post-item__info-box * {
  color: #0B1F33 !important; /* use pure black #000 if you prefer */
}

/* Ensure the clickable card link doesn’t force a different color */
.ppd-posts-fullbleed a.pwr-post-item,
.ppd-posts-fullbleed a.pwr-post-item:visited {
  color: inherit !important;
}

/* Stop any hover color swap (black stays black) */
.ppd-posts-fullbleed a.pwr-post-item:hover .pwr-post-item__info-box,
.ppd-posts-fullbleed a.pwr-post-item:hover .pwr-post-item__info-box *,
.ppd-posts-fullbleed a.pwr-post-item:focus .pwr-post-item__info-box,
.ppd-posts-fullbleed a.pwr-post-item:focus .pwr-post-item__info-box * {
  color: #0B1F33 !important;
}

/* Also ensure no opacity/overlay tricks are affecting legibility */
.ppd-posts-fullbleed a.pwr-post-item:hover .pwr-post-item__title,
.ppd-posts-fullbleed a.pwr-post-item:hover .pwr-post-item__desc,
.ppd-posts-fullbleed a.pwr-post-item:hover .pwr-post-item__more-link {
  opacity: 1 !important;
}

/* CTA button layout: icon block flush to top/bottom/right */
.ppd-posts-fullbleed .ppd-btn {
  display: inline-flex;
  align-items: stretch;              /* KEY: allow icon to fill height */
  background: #ffffff;
  border: 1px solid #32C5F4;
  border-radius: 0;
  padding: 0;                        /* KEY: remove padding from wrapper */
  overflow: hidden;                  /* ensures flush edges look crisp */
}

/* text side padding lives here now */
.ppd-posts-fullbleed .ppd-btn__text {
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;                /* adjust to match comp */
  font-weight: 400;
  color: #0B1F33 !important;         /* black button text */
  line-height: 1;
}

/* icon block becomes a flush “cell” */
.ppd-posts-fullbleed .ppd-btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;                   /* controls icon cell width */
  background: #32C5F4;
  border-radius: 0;
}

/* arrow stays white */
.ppd-posts-fullbleed .ppd-btn__icon svg,
.ppd-posts-fullbleed .ppd-btn__icon path {
  fill: #ffffff !important;
}

/* Pagination border: white works on dark; use darker on light so it’s visible */
.ppd-posts-fullbleed.pwr--light .swiper-pagination-bullet {
  border-color: rgba(11, 31, 51, 0.35) !important;
}

/* --- Button: ensure icon block is flush top/bottom/right and centered --- */
.ppd-posts-fullbleed .ppd-btn{
  display: inline-flex;
  align-items: stretch !important;   /* icon cell can fill full height */
  padding: 0 !important;
  overflow: hidden;
}

/* define the button height by padding on the text cell */
.ppd-posts-fullbleed .ppd-btn__text{
  display: inline-flex;
  align-items: center;
  padding: 12px 16px !important;     /* controls button height */
  line-height: 1 !important;
}

/* icon cell: fill the full button height (top-to-bottom) */
.ppd-posts-fullbleed .ppd-btn__icon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* force it to stretch to full height of ppd-btn */
  align-self: stretch !important;

  /* make it a square based on button height */
  aspect-ratio: 1 / 1;               /* keeps it square */
  padding: 0 !important;             /* no internal padding */
  min-height: 100% !important;       /* belt + suspenders */
}

/* keep arrow perfectly centered */
.ppd-posts-fullbleed .ppd-btn__icon svg{
  display: block;
}

/* HARD-LOCK the button height so the icon square can be flush top+bottom */
.ppd-posts-fullbleed .ppd-btn{
  display: inline-flex !important;
  align-items: center !important;
  height: 44px !important;                 /* <-- adjust if needed (44/46/48) */
  background: #ffffff;
  border: 1px solid #32C5F4;
  border-radius: 0;
  padding: 0 !important;
  overflow: hidden;
}

/* Text area fills remaining width */
.ppd-posts-fullbleed .ppd-btn__text{
  display: inline-flex !important;
  align-items: center !important;
  height: 100% !important;
  padding: 0 16px !important;              /* horizontal padding only */
  line-height: 1 !important;
  font-weight: 400;
  color: #0B1F33 !important;
}

/* Icon area is a true square, flush to top/bottom/right */
.ppd-posts-fullbleed .ppd-btn__icon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;                 /* equals button height */
  width: 44px !important;                  /* equals button height => square */
  background: #32C5F4;
  padding: 0 !important;
  margin: 0 !important;
}

/* HubSpot icon wrapper + svg behave */
.ppd-posts-fullbleed .ppd-btn__icon .hs_cos_wrapper{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  width: 100% !important;
}

.ppd-posts-fullbleed .ppd-btn__icon svg{
  display: block !important;
  width: 16px !important;                  /* adjust to taste */
  height: 16px !important;
}

.ppd-posts-fullbleed .ppd-btn__icon svg,
.ppd-posts-fullbleed .ppd-btn__icon path{
  fill: #ffffff !important;
}

/* =================================================
   POST TITLE TYPOGRAPHY CONTROL
   Scope: only this custom module instance
   ================================================= */

.ppd-posts-fullbleed .pwr-post-item__title{
  font-size: 24px !important;     /* ← change size */
  line-height: 1.6 !important;   /* ← change height */
  font-weight: 400;               /* optional */
  padding-bottom: 20px;
}

/* Chip placement + spacing */
.ppd-posts-fullbleed .ppd-post-chip{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px 0; /* space under chip before title */
}

/* Square */
.ppd-posts-fullbleed .ppd-post-chip__sq{
  width: 10px;
  height: 10px;
  background: #32C5F4;
  flex: 0 0 10px;
}

/* Label */
.ppd-posts-fullbleed .ppd-post-chip__text{
  font-weight: 400;
  font-size: 19px;
  line-height: 1.2;
  color: #0B1320;
}

/* Hide if empty */
.ppd-posts-fullbleed .ppd-post-chip--hidden{ display:none !important; }

/* Make arrow icon black */
.pwr-post-item .ppd-btn__icon svg path,
.pwr-post-item .ppd-btn__icon svg {
  fill: #000000 !important;
  color: #000000 !important;
}
/* Ensure wrapper can position children */
.pwr-adc__content-wrapper.has-outline {
  position: relative;
}

/* Blue 10px square */
.pwr-adc__content-wrapper.has-outline::before {
  content: "";
  position: absolute;
  left: 20px; /* adjust spacing */
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: #32C5F4; /* your brand blue */
}
  background-color: #32C5F4; /* adjust to your brand blue */
}

.pwr-adc__content-wrapper.has-outline:has(img)::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: #32C5F4;
}

/* 1) Make sure the wrapper can host the marker */
.pwr-adc__content-wrapper.has-outline{
  position: relative;
  overflow: visible;
}

/* 2) Push the actual content over */
.pwr-adc__content-wrapper.has-outline > *{
  padding-left: 26px;  /* this is what actually shifts the content */
  box-sizing: border-box;
}

.pwr-hero__info-box--vertical-center {
  top: 40%;
}



/* POWER Theme – Negative Margin Utility */
.use-custom-padding.has-negative-margin {
  margin-bottom: -25px; !important;
  padding-top: 30px; !important;
  padding-left: 30px; !important;
  padding-right: 30px; !important;
  padding-bottom: 15px; !important;
}

.use-custom-padding.pad-bottom-md { 
  padding-top: 0px; !important;
  padding-left: 30px; !important;
  padding-right: 30px; !important;
  padding-bottom: 30px; !important;
  }

/* POWER Mega Menu – Force link color */
.pwr-mega-menu__dropdown a {
  color: #051435 !important;
}

/* Scoped variable override — only mega dropdown */
.pwr--light .pwr-adc-content__menu .hs-menu-wrapper li a, .pwr--light.pwr-adc .pwr-adc-sub:not(.pwr--dark)
.pwr-adc-content__menu .hs-menu-wrapper li a, .pwr--light.pwr-adc .pwr-adc__col:not(.pwr--dark)
.pwr-adc__content-wrapper:not(.pwr--dark) .pwr-adc-content__menu .hs-menu-wrapper li a, .pwr--light.pwr-adc-sub .pwr-adc-content__menu .hs-menu-wrapper li a,
.pwr--light.pwr-adc__col .pwr-adc__content-wrapper:not(.pwr--dark) .pwr-adc-content__menu .hs-menu-wrapper li a, .pwr--light.pwr-adc__content-wrapper
.pwr-adc-content__menu .hs-menu-wrapper li a {
  --clr-txt-nav-dk: #051435;
}

/* POWER Nav – Force font weight 400 */
.pwr-header__menu--mega-menu {
  font-weight: 400 !important;
}

.pwr-adc-content__menu, .pwr-adc-content__menu a {   
  font-weight: 400 !important;

}

.pwr-adc-content__title {
  font-weight: 400 !important;
}

.hard-stop-accent {
color: #32C5F4 !important;
}

.pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), 
.pwr-btn--regular-border .hs-submit, [class*="cta_button"].pwr-cta--regular-border, 
.pwr-cta--primary-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), 
.pwr-btn--primary-border .hs-submit, [class*="cta_button"].pwr-cta--primary-border {
  border-width: 1px;
}

/* Keep POWER hover animation intact (don’t touch btn ::before/::after) */
a.pwr-cta_button{
  display: inline-flex;
  align-items: center;
}

.pwr-cta--primary-solid a.pwr-cta_button .pwr-cta-label{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

/* ONLY add arrow to primary solid CTA */
.pwr-cta--primary-solid a.pwr-cta_button .pwr-cta-label::after{
  content: none; /* Font Awesome 5 arrow-right */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-left: 5px;
  line-height: 1;
  flex: 0 0 auto;
  pointer-events: none;
}

.pwr-accordion__icon:after {
height: 15px;
top: -7px;
width: 1px;
}
.pwr-accordion__icon:before {
height: 1px;
left: -7px;
width: 15px;
}

/* =========================================
   POWER Footer – Form styling (scoped)
   ========================================= */

/* Footer form inputs */
.pwr-footer .hs-form input[type="text"],
.pwr-footer .hs-form input[type="email"],
.pwr-footer .hs-form input[type="tel"],
.pwr-footer .hs-form input[type="number"],
.pwr-footer .hs-form input[type="url"],
.pwr-footer .hs-form input[type="password"],
.pwr-footer .hs-form select,
.pwr-footer .hs-form textarea {
  background: #051435 !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important; /* 50% white */
  color: #ffffff !important;
}

/* Placeholder color */
.pwr-footer .hs-form input::placeholder,
.pwr-footer .hs-form textarea::placeholder {
  color: rgba(255,255,255,0.7) !important;
}

/* 2) Keep the submit button BLUE but force label text black */
.pwr-footer .hs-form input[type="submit"],
.pwr-footer .hs-form .hs-button,
.pwr-footer .hs-submit .hs-button,
.pwr-footer .hs-submit input[type="submit"] {
  /* Don't set background here so POWER keeps its blue */
  color: #000 !important;
  border-color: transparent !important;
}

/* If POWER uses a span/label inside the button */
.pwr-footer .hs-form .hs-button *,
.pwr-footer .hs-submit .hs-button * {
  color: #000 !important;
}

/* 3) Optional: remove HubSpot focus glow + keep outline consistent */
.pwr-footer .hs-form input:focus,
.pwr-footer .hs-form select:focus,
.pwr-footer .hs-form textarea:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #ffffff !important;
}


/* ================================
   PPD Posts Fullbleed: Equal-height cards + CTA pinned to bottom
   ================================ */

/* 1) Make Swiper slides stretch to equal height */
.ppd-posts-fullbleed .swiper-wrapper{
  align-items: stretch !important;
}

.ppd-posts-fullbleed .swiper-slide{
  height: auto !important;
  display: flex !important;
}

/* 2) Make the clickable card fill the slide */
.ppd-posts-fullbleed .swiper-slide > a.pwr-post-item{
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
}

/* 3) Carry height through POWER wrappers */
.ppd-posts-fullbleed a.pwr-post-item .pwr-3D-box{
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
}

/* 4) Make the card content a flex column that fills available height */
.ppd-posts-fullbleed a.pwr-post-item .pwr-post-item__content{
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
}

/* 5) Image area stays natural height; info area grows */
.ppd-posts-fullbleed a.pwr-post-item .pwr-post-item__img{
  flex: 0 0 auto !important;
}

/* This is the KEY: let the white info box grow to fill the card */
.ppd-posts-fullbleed a.pwr-post-item .pwr-post-item__info-box{
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

/* 6) Push CTA to the bottom of the (now full-height) info box */
.ppd-posts-fullbleed a.pwr-post-item .ppd-post-cta{
  margin-top: auto !important;
}

/* Safety: ensure CTA isn't being absolutely positioned from earlier attempts */
.ppd-posts-fullbleed a.pwr-post-item .ppd-post-cta{
  position: static !important;
}

/* ALT: if info-box is absolute in your theme variant */
.ppd-posts-fullbleed a.pwr-post-item .pwr-post-item__content{
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.ppd-posts-fullbleed a.pwr-post-item .pwr-post-item__info-box{
  position: static !important;  /* let it participate in layout */
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

.ppd-posts-fullbleed a.pwr-post-item .ppd-post-cta{
  margin-top: auto !important;
}

.pwr-rich-text ul
  list-style: none;
  padding-left: 1.6em;
}

.pwr-rich-text ul li
  position: relative;
}

/* 10px blue square bullet */
.pwr-rich-text ul li::before
  content: "";
  position: absolute;
  left: -1.6em;
  top: 0.45em;   /* adjust if needed */
  width: 10px;
  height: 10px;
  background: #32C5F4;
}

/* =========================================================
   POWER accordion/page content UL bullets = 10px blue squares
   (works whether classes are nested OR on the same element)
   ========================================================= */

/* 1) SAME-ELEMENT class case */
.pwr-rich-text.pwr-accordion__desc ul,
.pwr-rich-text.pwr-accordion__desc .hs-richtext ul,
.pwr-rich-text.pwr-accordion__desc .hs_cos_wrapper_type_rich_text ul,

/* 2) NESTED case (just in case) */
.pwr-accordion__desc .pwr-rich-text ul,
.pwr-accordion__desc .hs-richtext ul,
.pwr-accordion__desc .hs_cos_wrapper_type_rich_text ul,

/* 3) Plain POWER rich text (page content) */
.pwr-rich-text ul {
  list-style: none !important;
  list-style-image: none !important;
  padding-left: 1.6em !important;
  margin-left: 0 !important;
}

.pwr-rich-text.pwr-accordion__desc ul > li,
.pwr-accordion__desc .pwr-rich-text ul > li,
.pwr-accordion__desc .hs-richtext ul > li,
.pwr-rich-text ul > li {
  position: relative !important;
}

/* square bullet */
.pwr-rich-text.pwr-accordion__desc ul > li::before,
.pwr-accordion__desc .pwr-rich-text ul > li::before,
.pwr-accordion__desc .hs-richtext ul > li::before,
.pwr-rich-text ul > li::before {
  content: "" !important;
  position: absolute !important;
  left: -1.6em !important;
  top: 0.55em !important; /* lower/raise this */
  width: 10px !important;
  height: 10px !important;
  background: var(--bullet-square, #32C5F4) !important;
  
}

.bullets-dark { --bullet-square: #051435; }

.pwr-accordion.active .pwr-accordion__icon::after, .pwr-accordion.active .pwr-accordion__icon::before {
  background-color:#000;
  --mod-acc-clr-hover-box-txt: #000;
}

/* Primary CTA arrow (SVG, matches blog arrow) */
.pwr-cta--primary-solid a.pwr-cta_button .pwr-cta-label::after{
  content: "";
  display: inline-block;
  width: 24px;
  height: 12px;
  margin-left: 8px;
  vertical-align: middle;

  background-color: currentColor; /* arrow inherits text color */

  /* SVG mask */
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12H34M34 12L24 2M34 12L24 22' stroke='black' stroke-width='3' stroke-linecap='butt' stroke-linejoin='miter' fill='none'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12H34M34 12L24 2M34 12L24 22' stroke='black' stroke-width='3' stroke-linecap='butt' stroke-linejoin='miter' fill='none'/%3E%3C/svg%3E") no-repeat center / contain;
}


.pwr-header.pwr-header--blurry.pwr--dark {
  
          backdrop-filter: blur(13px);
        background-color: rgba(14, 18, 28, 0.7) !important;
    }
  
/* Mega menu: add 10px blue square before titles */
.pwr-header-advanced-mm .pwr-adc-content__title{
  display: inline-flex;
  align-items: center;           /* vertically centers the square */
  gap: 10px;                     /* space between square + text */
}

.pwr-header-advanced-mm .pwr-adc-content__title::before{
  content: "";
  width: 10px;
  height: 10px;
  background: #32C5F4;          /* your blue */
  flex: 0 0 10px;
}

/* Header dropdown arrow element: kill any FA glyph inside */
.pwr-header .pwr-menu_submenu-arrow{
  font-size: 0 !important;     /* hides icon-font glyphs */
  line-height: 0 !important;
  color: inherit;              /* inherits nav text color */
}

/* --- HEADER: replace submenu arrow with custom chevron, properly aligned --- */
.pwr-header .pwr-menu_submenu-arrow{
  /* kill icon-font + weird line box */
  font-size: 0 !important;
  line-height: 0 !important;

  /* stable box for the icon */
  width: 18px;
  height: 18px;
  display: inline-block;

  /* inherit color */
  background-color: currentColor;

  /* IMPORTANT: stop POWER rotations/transforms on the arrow element */
  transform: none !important;

  /* draw your chevron */
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7L12 17L21 7' fill='none' stroke='black' stroke-width='3' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7L12 17L21 7' fill='none' stroke='black' stroke-width='3' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* =========================================================
   HEADER: Fix dropdown chevron alignment (POWER)
   ========================================================= */

/* 1) Make the menu link a flex row so text + arrow share a center line */
.pwr-header .hs-menu-item > a{
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;   /* removes baseline weirdness */
}

/* If POWER wraps the label in a span, keep it on the same center line */
.pwr-header .hs-menu-item > a > span,
.pwr-header .hs-menu-item > a > span *{
  line-height: 1 !important;
}

/* 2) Hard reset any theme offsets on the arrow element itself */
.pwr-header .pwr-menu_submenu-arrow{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 10px !important;
  height: 10px !important;

  margin: 0 0 0 0px !important;  /* space after label */
  padding: 0 !important;

  position: absolute !important;   /* kills top/relative offsets */
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  font-size: 0 !important;
  line-height: 0 !important;

  transform: none !important;    /* prevents diagonal rotation */
  vertical-align: middle !important;
  background-color: currentColor;

  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7L12 17L21 7' fill='none' stroke='black' stroke-width='3' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7L12 17L21 7' fill='none' stroke='black' stroke-width='3' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* PPD chip: hug content width (not full card width) */
.ppd-posts-fullbleed .ppd-post-chip{
  display: inline-flex !important;
  align-items: center;
  width: fit-content !important;
  max-width: 100%;
}

/* keep the label on one line (optional) */
.ppd-posts-fullbleed .ppd-post-chip__text{
  white-space: nowrap;
}

.ppd-posts-fullbleed .ppd-btn__icon svg {  
width: 20px !important;
  height: 20px !important;
  margin-left: 3px;
  
}

.padding-right {
 
  padding-right: 150px;
  
}


.cta_button:not(.pwr-cta--hubspot-style), .pwr-cta_button:not(.pwr-cta--hubspot-style), .hs-submit {
 
  font-size: 16px
  
}

/* Remove corner accent square on selected wrappers */
.pwr-bento--corner-accent
.pwr-adc__content-wrapper.no-corner-accent::after {
  content: none !important;
  display: none !important;
}


/* =========================================================
   LIGHT THEME ONLY — Primary Solid buttons
   Default: blue bg + black text
   Hover:   #051435 bg + white text
   (Includes HS submit + CTA variants)
   ========================================================= */

/* Base (light theme): keep the button blue w/ black text */
.pwr--light .pwr-cta--primary-solid a.pwr-cta_button,
.pwr--light .pwr-cta--primary-solid .pwr-cta_button,
.pwr--light .pwr-btn--primary-solid .pwr-cta_button,
.pwr--light .pwr-cta--primary-solid .cta_button,
.pwr--light .pwr-btn--primary-solid .cta_button,
.pwr--light .pwr-cta--primary-solid .hs-submit,
.pwr--light .pwr-btn--primary-solid .hs-submit,
.pwr--light .pwr-cta--primary-solid input[type="submit"],
.pwr--light .pwr-btn--primary-solid input[type="submit"]{
  background-color: var(--clr-brand-primary, #32C5F4) !important;
  color: #000 !important;
  --clr-btn-txt-lt: #000;
}

/* Hover/focus (light theme): dark navy bg w/ white text */
.pwr--light .pwr-cta--primary-solid a.pwr-cta_button:hover,
.pwr--light .pwr-cta--primary-solid a.pwr-cta_button:focus,
.pwr--light .pwr-cta--primary-solid a.pwr-cta_button:focus-visible,
.pwr--light .pwr-cta--primary-solid .pwr-cta_button:hover,
.pwr--light .pwr-cta--primary-solid .pwr-cta_button:focus,
.pwr--light .pwr-cta--primary-solid .pwr-cta_button:focus-visible,
.pwr--light .pwr-btn--primary-solid .pwr-cta_button:hover,
.pwr--light .pwr-btn--primary-solid .pwr-cta_button:focus,
.pwr--light .pwr-btn--primary-solid .pwr-cta_button:focus-visible,
.pwr--light .pwr-cta--primary-solid .cta_button:hover,
.pwr--light .pwr-btn--primary-solid .cta_button:hover,
.pwr--light .pwr-cta--primary-solid .hs-submit:hover,
.pwr--light .pwr-btn--primary-solid .hs-submit:hover,
.pwr--light .pwr-cta--primary-solid input[type="submit"]:hover,
.pwr--light .pwr-btn--primary-solid input[type="submit"]:hover{
  background-color: #051435 !important;
  color: #fff !important;
  --clr-btn-txt-lt: #fff;
}

/* Ensure inner label/span inherits the hover text color */
.pwr--light .pwr-cta--primary-solid a.pwr-cta_button:hover *,
.pwr--light .pwr-btn--primary-solid a.pwr-cta_button:hover *,
.pwr--light .pwr-cta--primary-solid .pwr-cta_button:hover *,
.pwr--light .pwr-btn--primary-solid .pwr-cta_button:hover *{
  color: #fff !important;
}

/* Add this class to the wrapper: ppd-wrapper-border */
/* Your CSS currently has a rule that forces borders OFF with !important,
   so we must override it in the same context. */

.pwr-bento-grid:not(.problems-boxes) .pwr-adc__content-wrapper.ppd-wrapper-border,
.pwr-bento-grid:not(.problems-boxes) .pwr-adc__content-wrapper--border-radius.ppd-wrapper-border{
  border: 1px solid rgba(255,255,255,0.35) !important; /* tweak color */
}

/* ONLY Bentos that explicitly opt in */
.pwr-bento--corner-accent-bottom .pwr-adc__content-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;       /* adjust as needed */
  height: 20px;
  background-color: var(--clr-primary);
  pointer-events: none;
  z-index: 99;
}

.pwr-bento--corner-accent-bottom .pwr-adc__content-wrapper {
  position: relative;
}

/* =================================================
   HubDB Marquee – Dark outline (opt-in)
   Add class "dark-outline" to the Marquee module
   ================================================= */

/* Cell grid lines */
.pwr-marquee.dark-outline .pwr-marquee__item{
  border-right: 1px solid rgba(5, 20, 53, 0.15) !important;
  border-bottom: 1px solid rgba(5, 20, 53, 0.15) !important;;
}

/* Top + left edge (only once) */
.pwr-marquee.dark-outline .pwr-marquee-container{
  border-top: 1px solid rgba(5, 20, 53, 0.15) !important;
  border-left: 1px solid rgba(5, 20, 53, 0.15) !important;
}

/* =========================================================
   POWER Bento – Split Accent Button (bulletproof)
   Wrapper class: split-accent-btn
   ========================================================= */

/* Fix text alignment inside the split-accent button */
.pwr-adc__content-wrapper.split-accent-btn .pwr-adc-content__button .cta_button{
  /* keep the rest of your styles, but ensure layout rules below */
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  text-align: left !important;

  /* keeps the label left, and reserves space for the square */
  padding-right: 92px !important;

  /* if POWER set a fixed/min height, we keep it consistent */
  min-height: 84px; /* tweak if you want taller/shorter */
}

/* If POWER wraps text in a span, force it left too */
.pwr-adc__content-wrapper.split-accent-btn .pwr-adc-content__button .cta_button *{
  text-align: left !important;
}

/* Prevent any auto-centering margins on inner text nodes */
.pwr-adc__content-wrapper.split-accent-btn .pwr-adc-content__button .cta_button span,
.pwr-adc__content-wrapper.split-accent-btn .pwr-adc-content__button .cta_button .cta_button__text{
  margin: 0 !important;
}

/* Wrapper class: split-accent-btn */

.pwr-adc__content-wrapper.split-accent-btn .pwr-adc-content__button{
  position: relative;
  border: 1px solid #32C5F4;     /* border lives here */
  background: #fff;
  overflow: visible !important;  /* stop clipping */
}

/* Button becomes borderless fill */
.pwr-adc__content-wrapper.split-accent-btn .pwr-adc-content__button .cta_button{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: 100%;
  padding: 26px 92px 26px 26px !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;

  color: #051435 !important;
  text-align: left !important;
  text-decoration: none !important;

  box-shadow: none !important;
}

/* Kill theme arrow */
.pwr-adc__content-wrapper.split-accent-btn .pwr-adc-content__button .cta_button::before,
.pwr-adc__content-wrapper.split-accent-btn .pwr-adc-content__button .cta_button::after{
  content: none !important;
}

/* Corner square sits INSIDE the bordered container */
.pwr-adc__content-wrapper.split-accent-btn .pwr-adc-content__button::after{
  content: "→";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 56px;
  height: 56px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #32C5F4;
  color: #051435;
  font-size: 20px;
  font-weight: 700;

  pointer-events: none;
}

/* =========================================================
   POWER Bento – Split Accent Button w/ SVG Arrow
   Wrapper class: split-accent-btn
   ========================================================= */

.pwr-adc__content-wrapper.split-accent-btn .pwr-adc-content__button{
  position: relative;
  border: 2px solid #32C5F4;
  background: #fff;
  overflow: visible !important;
}

/* Button becomes borderless fill */
.pwr-adc__content-wrapper.split-accent-btn .pwr-adc-content__button .cta_button{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: 100%;
  padding: 26px 92px 26px 26px !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;

  color: #051435 !important;
  text-align: left !important;
  text-decoration: none !important;

  box-shadow: none !important;
}

/* Remove POWER default pseudo icons on the anchor */
.pwr-adc__content-wrapper.split-accent-btn .pwr-adc-content__button .cta_button::before,
.pwr-adc__content-wrapper.split-accent-btn .pwr-adc-content__button .cta_button::after{
  content: none !important;
}

/* Corner square */
.pwr-adc__content-wrapper.split-accent-btn .pwr-adc-content__button::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;

  width: 45px;
  height: 45px;

  background: #32C5F4;
  pointer-events: none;

  /* SVG arrow centered */
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;

  /* BLACK arrow (matches your screenshot state) */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23051435' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='12' x2='21' y2='12'/%3E%3Cpolyline points='14 5 21 12 14 19'/%3E%3C/svg%3E");
}

.pwr-adc__content-wrapper.split-accent-btn .cta_button{
font-size: 30px;
}

.pwr-adc__content-wrapper.split-accent-btn.accent-lavender .pwr-adc-content__button{
  border-color: #a7a0ff;
}

.pwr-adc__content-wrapper.split-accent-btn.accent-lavender 
.pwr-adc-content__button::after{
  background-color: #a7a0ff;
}

.pwr-adc__content-wrapper.split-accent-btn.accent-turquoise .pwr-adc-content__button{
  border-color: #2fe1e8;
}

.pwr-adc__content-wrapper.split-accent-btn.accent-turquoise 
.pwr-adc-content__button::after{
  background-color: #2fe1e8;
}

.pwr-adc__content-wrapper.split-accent-btn.accent-steel .pwr-adc-content__button{
  border-color: #97b4dc;
}

.pwr-adc__content-wrapper.split-accent-btn.accent-steel 
.pwr-adc-content__button::after{
  background-color: #97b4dc;
}



.pwr-bento-grid.pwr-adc.bento--fullbleed .pwr--full-width {
 
      padding-left: 0px !important;
    padding-right: 0px !important;
  
}

/* =========================================================
   POWER Bento – Outline Split Button (no hover effects)
   Wrapper class: ppd-outline-split-btn
   ========================================================= */

/* Shell (border + white background) */
.pwr-adc__content-wrapper.ppd-outline-split-btn .pwr-adc-content__button{
  position: relative;
  background: #ffffff;
  border: 1px solid #32C5F4;
  overflow: hidden; /* keeps square flush */
}

/* Clickable area */
.pwr-adc__content-wrapper.ppd-outline-split-btn .pwr-adc-content__button .cta_button{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: 100%;
  min-height: 20px;

  padding: 10px 72px 10px 18px !important; /* room for square */

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;

  color: #051435 !important;
  text-decoration: none !important;
  text-align: left !important;

  box-shadow: none !important;

  /* kill any theme transitions */
  transition: none !important;
}

/* Remove POWER arrow/icon */
.pwr-adc__content-wrapper.ppd-outline-split-btn .cta_button::before,
.pwr-adc__content-wrapper.ppd-outline-split-btn .cta_button::after{
  content: none !important;
}

/* Right square + SVG arrow */
.pwr-adc__content-wrapper.ppd-outline-split-btn .pwr-adc-content__button::after{
  content: "";
  position: absolute;
  right: 0;
  top: 0;

  width: 45px;
  height: 100%;

  background-color: #32C5F4;

  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23051435' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='12' x2='21' y2='12'/%3E%3Cpolyline points='14 5 21 12 14 19'/%3E%3C/svg%3E");

  pointer-events: none;
}

/* HARD disable hover/active effects from POWER */
.pwr-adc__content-wrapper.ppd-outline-split-btn .pwr-adc-content__button:hover,
.pwr-adc__content-wrapper.ppd-outline-split-btn .pwr-adc-content__button:focus-within{
  background: #ffffff !important;
}

.pwr-adc__content-wrapper.ppd-outline-split-btn .pwr-adc-content__button:hover::after,
.pwr-adc__content-wrapper.ppd-outline-split-btn .pwr-adc-content__button:focus-within::after{
  background-color: #32C5F4 !important;
}

.pwr-sec-cta__cta-wrapper:has(.pwr-sec-cta__cta--right) {
 flex-direction: row;
}
.pwr-sec-cta--horizontal .pwr-sec-cta--content.pwr--align-c, .pwr-sec-cta:not(.pwrsec-cta--vertical):not(.pwr-sec-cta--cta-only)>.page-center.pwr--align-c {
align-items:flex-end;
}
. pwr-sec-cta__cta-wrapper {
Margin-bottom:10px;
}

/* Content Split row padding fix */

@media screen and (min-width:768px) and (max-width:1579px) {
.pwr-sec-split:not(.pwr-sec-split--invert-cols)  .pwr-sec-split__left .pwr-sec-split__content {
  padding: 90px 90px 90px 40px;
}
}
@media screen and (min-width:1580px) {
.pwr-sec-split:not(.pwr-sec-split--invert-cols) .pwr-sec-split__left .pwr-sec-split__content {
    padding: 90px 90px 90px 0;
    max-width: 750px;
  }
  .pwr-sec-split.pwr-sec-split--invert-cols .pwr-sec-split__left .pwr-sec-split__content {
    padding: 90px 0 90px 90px;
    max-width: 750px;
  }
  /*
  .pwr-sec-split.pwr-sec-split--invert-cols .pwr-sec-split__left{
    display:flex;
    justify-content:flex-start;
  }
  .pwr-sec-split:not(.pwr-sec-split--invert-cols) .pwr-sec-split__left{
    display:flex;
    justify-content:flex-end;
  }
  */
}

.pwr-adc-content .pwr-adc-content__text {
    line-height:1.5em;
}

/* Form CTA text color fix */

div .pwr-form-style-v4 .hsfc-Button, div .pwr-form-style-v4 .pwr-btn--primary-solid .hsfc-Button {
  color:#051435;