.pxblock--products-callout {
  padding-top: 40px;
  padding-bottom: 80px;
  position: relative;
}

.pxblock--products-callout .btn {
  margin: 0;
}
.pxblock--products-callout .container .columns {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

@media (min-width: 768px) {
  .pxblock--products-callout .container .columns {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

/* Product columns */

.pxblock--products-callout .product-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  flex: 0 0 30%;
}

.pxblock--products-callout .product-graphic img {
  width: 100%;
  height: auto;
  display: block;
  /* max-width: 280px; */
}

/* Center text column */

.pxblock--products-callout .center-col {
  flex: 1 1 auto;
}

/* Background color variants */
.pxblock--products-callout:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: -4px;
  width: 100%;
  height: 8vw;
  background-size: 104% auto;
  background-position: top center;
  background-repeat: no-repeat;
}

.pxblock--products-callout.bg--light-blue:before {
  background-image: url(../text-with-callout/poolife-home-feature-wave-light-blue.svg);
}

.pxblock--products-callout.bg--dark-blue {
  background-color: #003a70;
  color: #fff;
}

.pxblock--products-callout.bg--light-blue {
  background-color: #309ade;
  color: #fff;
}

.pxblock--products-callout.bg--dark-blue h1,
.pxblock--products-callout.bg--dark-blue h2,
.pxblock--products-callout.bg--dark-blue h3,
.pxblock--products-callout.bg--dark-blue h4,
.pxblock--products-callout.bg--dark-blue h5,
.pxblock--products-callout.bg--dark-blue h6,
.pxblock--products-callout.bg--dark-blue p,
.pxblock--products-callout.bg--dark-blue a,
.pxblock--products-callout.bg--light-blue h1,
.pxblock--products-callout.bg--light-blue h2,
.pxblock--products-callout.bg--light-blue h3,
.pxblock--products-callout.bg--light-blue h4,
.pxblock--products-callout.bg--light-blue h5,
.pxblock--products-callout.bg--light-blue h6,
.pxblock--products-callout.bg--light-blue p,
.pxblock--products-callout.bg--light-blue a {
  color: #fff;
}