/* IVC */
body.style-marker-curve .section-wrapper.header {
  position: relative;
}

body.style-marker-curve .background-effect-layer-grid {
    background: radial-gradient(ellipse at bottom center, transparent 70%, var(--primary-color) 55.1%), radial-gradient(ellipse at bottom center, transparent 65%, #e3e3e3 55%);
    background-size: 125% 150px;
    background-position: center top;
    background-repeat: no-repeat;
}


body.style-marker-curve .section-wrapper.header + .section-wrapper {
  
}

/* 🎨 Gradient mode background for sticky form */
body.style-marker-gradient-top .background-image-layer{
	opacity: 100%;
}

body.style-marker-gradient-top .background-effect-layer-grid {
	background: linear-gradient(to bottom, var(--primary-color) 0%, transparent 50%);
}
body.style-marker-gradient-bottom .background-effect-layer-grid {
	background: linear-gradient(to top, var(--primary-color) 0%, transparent 75%);
}
body.style-marker-gradient-vignette .background-effect-layer-grid {
	background: radial-gradient(circle at center, transparent 50%, var(--primary-color) 81%);
}

body.style-marker-gradient-radial-bottom .background-effect-layer-grid {
	background: radial-gradient(circle at top, transparent 50%, var(--primary-color) 70%);
	
}

body.style-marker-opaque .background-effect-layer-grid {
   background: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--primary-color), transparent 50%),
    color-mix(in srgb, var(--primary-color), transparent 50%)
  );
}


/*  Special Styles to Deal with BOTH the Form and Button are on the page */
/*  Special Styles to Deal with BOTH the Form and Button are on the page */


.section-wrapper.sticky-form:not(.w-condition-invisible) ~ .section-wrapper.button-box-grid .background-image-layer-grid {
  background-image: none !important;
}

/* Hide button background only if sticky form is visible */
.section-wrapper.sticky-form:not(.w-condition-invisible)
  ~ .section-wrapper.button-box-grid
  .button-grid {
  grid-template-rows: minmax(0, auto) auto auto auto !important;
}

.section-wrapper.sticky-form:not(.w-condition-invisible) + .background-image-layer-grid{
	background-image: none !important;
}
.section-wrapper.sticky-form:not(.w-condition-invisible)
  ~ .section-wrapper.button-box-grid
  .background-effect-layer-grid.button-grid {
  display: none !important;
}

/*  Hide form background  Image Mode is set to Inline */
body.image-position-inline .background-image-layer-grid {
  background-image: none !important;
  background-color: color-mix(in srgb, var(--primary-color) 60%, black);
}

/*  END Special Styles to Deal with BOTH the Form and Button are on the page */

body.image-position-inline .static-form-image-inline{
	display: block;
}

/* reset list */
.rich-text.form ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* normal flow text; reserve space for the icon */
.rich-text.form ul li {
  position: relative;
  padding-left: 56px;   /* space for the icon */
  margin: 0 0 1rem 0;
}

/* the icon */
.rich-text.form ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 23px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><path d='M21.801 10A10 10 0 1 1 17 3.335'/><path d='m9 11 3 3L22 4'/></svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><path d='M21.801 10A10 10 0 1 1 17 3.335'/><path d='m9 11 3 3L22 4'/></svg>") no-repeat center / contain;
}