:root {
  --waves-divider-height: 10rem;
  --waves-divider-width: 300%;
}
/* Custom Button Styles
Use in conjunction with custom .btn-- class
Customize the values below to your liking */
.btn--primary {
  position: relative;
  animation-delay: 0.4s;
  background-color: transparent;
  overflow: hidden;
  z-index: 0;
}
.btn--primary:not(.btn--outline):before {
  content: "";
  position: absolute;
  inset: -1px;
  /* Makes sure the background covers the border */
  display: block;
  background-color: var(--primary);
  border: 1px solid var(--primary);
  z-index: -2;
}
.btn--primary:after {
  content: "";
  position: absolute;
  inset: -1px;
  /* Makes sure the background covers the border */
  display: block;
  background-color: var(--primary-ultra-dark) !important;
  border: 1px solid var(--primary-ultra-dark);
  border-radius: var(--radius);
  z-index: -1;
  transform-origin: right center;
  transform: scaleX(0);
  transition: var(--transition);
}
.btn--primary:hover {
  border-color: var(--primary-ultra-dark) !important;
  color: var(--primary-ultra-light);
}
.btn--primary:hover:after {
  transform-origin: left center;
  transform: scale(1);
}
/**
 * Custom list with checkmark
 */
.checkmark-list {
  list-style: none;
  padding-left: 0 !important;
}
.checkmark-list li {
  position: relative;
  padding-left: 2em;
  margin-bottom: 0.5em;
  word-wrap: break-word;
  /* Ensures text wrapping if necessary */
}
.checkmark-list li::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath fill='%23ffffff' d='M9 16.2l-3.5-3.5 1.4-1.4L9 13.4l7.1-7.1 1.4 1.4z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--primary);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 4px;
}
body #hubspot-messages-iframe-container {
  z-index: 9998 !important;
}
body #cmplz-cookiebanner-container {
  z-index: 9999 !important;
}
/* Fixes overflow issues if rotated bg-shape is used */
.brxe-section:has(.bg-shape) {
  overflow: hidden;
}
:where([class*="custom-list"]) {
  --checkmark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath fill='black' d='M9 16.2l-3.5-3.5 1.4-1.4L9 13.4l7.1-7.1 1.4 1.4z'/%3E%3C/svg%3E");
  --star: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14L18.18 21L12 17.27L5.82 21L7 14L2 9.27L8.91 8.26L12 2Z'/%3E%3C/svg%3E");
  --bg-color: var(--primary, #ffffff);
  --icon-color: var(--white, currentcolor);
  --icon-size: 20px;
  --icon-scale: 80%;
  --bg-size: 20px;
  --opacity: 1;
  --scale: 1;
  --top: 4px;
  --translateY: 0;
  /* -50% */
  --rotation: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}
:where([class*="custom-list"]) li {
  position: relative;
  padding-left: 32px;
  /* Background */
  /* Icon */
}
:where([class*="custom-list"]) li:before {
  content: "";
  position: absolute;
  left: 0;
  top: var(--top);
  /* 50%; */
  transform: translateY(var(--translateY, 0)) scale(var(--scale));
  width: var(--bg-size);
  height: var(--bg-size);
  background-color: var(--bg-color);
  border-radius: 9999px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: var(--opacity);
}
:where([class*="custom-list"]) li:after {
  content: "";
  position: absolute;
  left: 0;
  top: var(--top);
  /* 50%; */
  width: var(--icon-size);
  height: var(--icon-size);
  opacity: var(--opacity);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 80%;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: var(--icon-scale);
  /* Size of the icon */
  background-color: var(--icon-color);
  -webkit-mask-image: var(--checkmark);
  mask-image: var(--checkmark);
}
:where([class*="custom-list"]).custom-list--checkmark li:after {
  -webkit-mask-image: var(--checkmark);
  mask-image: var(--checkmark);
}
:where([class*="custom-list"]).custom-list--checkmark li:after.custom-list--checkmark-green {
  --icon-color: orange;
}
:where([class*="custom-list"]).custom-list--circle li:after {
  -webkit-mask-image: var(--checkmark);
  mask-image: var(--checkmark);
}
:where([class*="custom-list"]).custom-list--star li:after {
  -webkit-mask-image: var(--star);
  mask-image: var(--star);
}
body[data-builder-window="iframe"] .is-hidden {
  border: 1px solid #ff0000;
}
body:not([data-builder-window="iframe"]) .is-hidden {
  visibility: hidden;
}