:root {
  --green:  #44AB3B;
  --purple: #253081;
  --red:#E50046;
  --darkgrey: #D9D9D9;
  --textsize: 18px;
  --pink: #E50071;
}

#app *{
  text-size-adjust: none!important;
}

@font-face {
  font-family: 'Georgia Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Georgia Regular'), url('//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/fonts/georgia.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Georgia Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Georgia Italic'), url('//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/fonts/georgiai.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Georgia Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Georgia Bold'), url('//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/fonts/georgiab.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Georgia Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Georgia Bold Italic'), url('//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/fonts/georgiaz.woff') format('woff');
  }

body{
  background: #F5F5F7;
}

button{
  cursor:pointer; 
}

#app{
  background: #F5F5F7;
  position:relative;
  /*max-width:650px;*/
  margin:0 auto 0 auto;
  padding:15px 15px 140px 15px;
  color:#000;
}

#app a{
  color:#000;
}

@media only screen and (max-width: 600px) {
  #app{
    max-width:100%;
  }
}

#loading-overlay{
  position:fixed;
  z-index:10000;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:#ffffff73;
  background-size:60px 60px;
  background-position:center center;
  background-repeat:no-repeat;
  display:flex;
  justify-content:center;
  align-items:center;
}
.loading-content{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;  
}

.loading-content-with-info {
  background: whitesmoke;
  border: 1px solid lightgrey;
  border-radius: 4px;  
  margin: 1rem;
  padding: 1.5rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  
  @media only screen and (min-width: 600px) {
    padding: 3rem;
  }
}

.payment-processing {
  padding: 3px;
  text-align: center;
  font-weight: bold;
  background: whitesmoke;
  margin-bottom: 1rem;
}

.payment-processing span {
  color: #253081;
  font-size: 1.15em;
}

.loading-spinner{
  width:100px;
  height:100px;
  background:url('//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/loading.svg');
  background-repeat:no-repeat;
  background-size:100% auto;
  
}


span.spinner{
    width:20px;
    height:20px;
    background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/loading.svg");
    background-size:100% auto;
    background-position:center center;
    background-repeat:no-repeat;
  }

body, h1, h2, h3, h4, h5, p, div, span, label, button, input, select, textarea{
  font-family: "Raleway", sans-serif;
  font-optical-sizing: none;
}

span.red, .red{
  color:var(--red)!important;
}
span.purple, .purple{
  color:var(--purple)!important;
}
span.pink, .pink{
  color:var(--pink)!important;
}

#app h1, #app h1 > *, #app h1 > * > *{
  color:var(--purple); 
  font-family: 'Georgia Regular';
  font-weight:normal;
  font-size:34px;
  line-height:40px;
}

@media only screen and (max-width: 1024px) {
  #app h1, #app h1 > *, #app h1 > * > *{
    font-size:34px;
    line-height:40px;
  }
}

#app h2, #app h2 > *, #app h2 > * > *{
  color:var(--purple); 
  font-family: 'Georgia Regular';
  font-weight:normal;
  font-size:28px;
  line-height:36px;
  margin-bottom:36px;
}

@media only screen and (max-width: 600px) {
  #app h2, #app h2 > *, #app h2 > * > *{    
    margin-bottom:20px;
  }
}

#app h2.no-margin{
  margin-bottom:15px;
}

@media only screen and (max-width: 1024px) {
  #app h2, #app h2 > *, #app h2 > * > *{
    font-size:28px;
    line-height:36px;
  }
}

#app h4{
  font-weight:bold;
  color:var(--purple);
  font-size:18px;
}

#app h5{
  font-weight:bold;
  color:var(--purple);
  font-size:24px;
  margin:0 0 20px 0;
}

#app p,
#app ol{
  font-size:var(--textsize);
  margin-bottom:1em;
  line-height:140%;
}

#app ol li{
  margin-bottom:1em;
}

#app p.big-margin{
  margin-bottom:36px;
}


.error-messages{
  display:flex;
  flex-direction:column;
  gap:15px;
  color:var(--red);
  font-size:var(--textsize);
  margin-bottom:30px;
}
.error-messages.no-flex{
  display:block;
}
.error-messages u{
  cursor:pointer;
}

.step-container{
  display:flex;
  flex-direction:row;
  gap:120px;
}
.step-container .upper-content{
  flex-basis:60%;
}
.step-container .lower-content{
  flex-basis:40%;
}
@media only screen and (min-width: 1024px) {
  .finish-content{
    order:1;
    flex-basis:60%;
  }
  .image-column{
    order:2;
    flex-basis:40%;
  }
}
@media only screen and (max-width: 1023px) {
  .step-container{
    flex-direction: column;
    gap:40px;
  }
  .step-container .upper-content,
  .step-container .lower-content
  {
    flex-basis:auto;
  }
}
.opt-group{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 15px; 
}
@media only screen and (max-width: 400px) {
  .opt-group {
    grid-gap: 12px;
  }
}
.opt-group.cols-2{
  grid-template-columns: repeat(2, 1fr);
}
.opt-group.cols-3{
  grid-template-columns: repeat(3, 1fr);
}
.opt-group.cols-4{
  grid-template-columns: repeat(4, 1fr);
}
.opt-group .input-holder{
  position:relative;

}
.opt-group .input-holder button{
  height:100%;
}
.opt-group .input-holder button:disabled{
  opacity:80%;
  cursor:text;
}
.opt-group .input-holder.selected button{
  font-weight:bold;
}
div.field{
  display:flex;
  flex-direction:column;
  gap:24px;
  margin-bottom:36px;
}

@media only screen and (max-width: 600px) {
  div.field{  
    gap:15px;
    margin-bottom:20px;
  }
}

div.popup-container div.field{
  gap:10px;
  margin-bottom:0;
}
div.auto-complete-field{
  margin-bottom:10px;
}
div.field.no-margin{
  margin-bottom:0;
}
div.form-field-header{
  margin-bottom:24px;
}

div.field label{ 
  font-size:var(--textsize);
}
div.field .sublabel{ 
  font-size:var(--textsize);
  line-height:160%;
}
div.field .pre-text{ 
  font-size:var(--textsize);
  line-height:120%;
  margin-bottom:15px;
}
div.other-field{
  padding-top:0;
  margin-bottom:0;
}
div.other-link{

}
div.other-link .pretext{
  margin-right:10px;
}
div.other-link a{
  color:var(--purple) !important;
}

div.field .error-message{
  color:var(--red);
  font-size:var(--textsize);
}

div.field .error-message--with-icon.clickable {
  position: relative;
  padding-right: 30px;
  cursor: pointer;
}

div.field .error-message--with-icon.clickable:after {
  content: '';
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23e50046' d='M160 64c0-8.8 7.2-16 16-16s16 7.2 16 16l0 136c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c8.8 0 16 7.2 16 16c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c7.8 0 14.3 5.6 15.7 13c1.6 8.2 7.3 15.1 15.1 18s16.7 1.6 23.3-3.6c2.7-2.1 6.1-3.4 9.9-3.4c8.8 0 16 7.2 16 16l0 16 0 104c0 39.8-32.2 72-72 72l-56 0-59.8 0-.9 0c-37.4 0-72.4-18.7-93.2-49.9L50.7 312.9c-4.9-7.4-2.9-17.3 4.4-22.2s17.3-2.9 22.2 4.4L116 353.2c5.9 8.8 16.8 12.7 26.9 9.7s17-12.4 17-23l0-19.9 0-256zM176 0c-35.3 0-64 28.7-64 64l0 197.7C91.2 238 55.5 232.8 28.5 250.7C-.9 270.4-8.9 310.1 10.8 339.5L78.3 440.8c29.7 44.5 79.6 71.2 133.1 71.2l.9 0 59.8 0 56 0c66.3 0 120-53.7 120-120l0-104 0-16c0-35.3-28.7-64-64-64c-4.5 0-8.8 .5-13 1.3c-11.7-15.4-30.2-25.3-51-25.3c-6.9 0-13.5 1.1-19.7 3.1C288.7 170.7 269.6 160 248 160c-2.7 0-5.4 .2-8 .5L240 64c0-35.3-28.7-64-64-64zm48 304c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 96c0 8.8 7.2 16 16 16s16-7.2 16-16l0-96zm48-16c-8.8 0-16 7.2-16 16l0 96c0 8.8 7.2 16 16 16s16-7.2 16-16l0-96c0-8.8-7.2-16-16-16zm80 16c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 96c0 8.8 7.2 16 16 16s16-7.2 16-16l0-96z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 5px;
  bottom: 1px;
  width: 20px;
  height: 20px;
}

div.error-message{
  color:var(--red);
  font-size:var(--textsize);
}

#purchaserEmail.field .sublabel{ 
  font-size:15px;
  opacity:60%;
}

div.promo-success{
  font-size:var(--textsize);
  font-weight: bold;
  color:var(--purple);
}

div.promo-success p {
  margin: 0 !important;
}

div.promo-checking{
  font-size:var(--textsize);
  color:#333;
}

div.field-divider{
  margin:35px 0 35px 0;
  border-bottom:1px solid var(--darkgrey);
}

.form-field-header,
.text-field label,
.email-field label,
.telephone-field label,
.select-button-field label,
.select-field label,
.date-picker-field label,
.address-field label{
  font-weight:bold;
  font-size:18px;
  color:var(--purple);
  line-height:120%;
}

div.field input[type=text],
div.field input[type=email],
div.field input[type=tel],
div.field input[type=number],
div.field select,
div.field textarea{
  width:100%;  
  box-sizing: border-box;
}

div.field input[type=text],
div.field input[type=email],
div.field input[type=tel],
div.field input[type=number],
div.field textarea,
div.field select,
div.field-outer,
div.field button,
div.field.checkbox-field,
div.field.yes-no-field .radio-group .radio{
  outline:1px solid var(--darkgrey);
  border-radius:6px;
  background-color:#FFF;
  padding:15px;
  color:#000;
  font-size:var(--textsize);
  border:0;
  font-weight: normal;
  flex-shrink:0;
} 
div.field.checkbox-field{
  padding:10px 15px;
}

div.field.checkbox-field{
  padding:0;
}

div.field.checkbox-field .checkboxfield > label {
  padding: 10px 15px;
  width: 100%;
}

div.field select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.9rem center;
  background-size: 1.2em;
  padding-right: 3rem;
  cursor: pointer;
}

div.field input[type=text]:hover,
div.field input[type=email]:hover,
div.field input[type=tel]:hover,
div.field input[type=number]:hover,
div.field textarea:hover,
div.field select:hover,
div.field-outer:hover,
div.field button:hover{
  background-color:#F2F2F2;
}

div.field.complete input[type=text]:hover,
div.field.complete input[type=email]:hover,
div.field.complete input[type=tel]:hover,
div.field.complete input[type=number]:hover,
div.field.complete textarea:hover,
div.field.complete select:hover,
div.field-outer.complete:hover,
div.field.complete button:hover,
.opt-group .input-holder.selected button:hover{
  background-color:#E1F2E5;
}
div.field.error input[type=text]:hover,
div.field.error input[type=email]:hover,
div.field.error input[type=tel]:hover,
div.field.error input[type=number]:hover,
div.field.error textarea:hover,
div.field.error select:hover,
div.field-outer.error:hover{
  background-color:#FBD9E3;
}

div.field input[type=number]::-webkit-outer-spin-button,
div.field input[type=number]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

div.field input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

div.field.error > .input-holder input[type=text],
div.field.error input[type=email],
div.field.error input[type=tel],
div.field.error input[type=number],
div.field.error select,
div.field.error .found-address{
  outline:2px solid var(--red);
}

div.field-outer:has(.StripeElement--invalid),
div.field-outer.error:has(.StripeElement--empty){
  outline:2px solid var(--red);
  background:#FBD9E3;
}

div.date-picker-field .input-holder{
  display:flex;
  gap:15px;
}
div.date-picker-field .input-holder input{
  flex:1;
}

div.field.complete input[type=text],
div.field.complete input[type=email],
div.field.complete input[type=tel],
div.field.complete input[type=number],
div.field.complete select,
div.field.complete textarea,
div.field.complete .found-address,
div.field.complete div.dp__input_wrap input,
div.field.complete input:-webkit-autofill,
div.field.complete input:-webkit-autofill:hover, 
div.field.complete input:-webkit-autofill:focus,
div.field.complete textarea:-webkit-autofill,
div.field.complete textarea:-webkit-autofill:hover,
div.field.complete textarea:-webkit-autofill:focus,
div.field.complete select:-webkit-autofill,
div.field.complete select:-webkit-autofill:hover,
div.field.complete select:-webkit-autofill:focus,
div.text-panel.selected,
div.field-outer:has(.StripeElement--complete),
div.field.yes-no-field .radio-group .radio.selected
{
  position:relative;
  outline:2px solid var(--green);
  font-weight: bold;
}
div.field.checkbox-field.checked{
  position:relative;
  outline:2px solid var(--green);
}

div.yes-no-field > label{
  display: block;
  margin-bottom:24px;
}

@media only screen and (max-width: 600px) {
  div.yes-no-field > label {
    margin-bottom: 15px;
  }
}

div.yes-no-field > label.bold{
  color:var(--purple);
  font-weight: bold;
}
div.text-panel div.field.yes-no-field{
  margin-bottom:0;
}
div.field.yes-no-field .radio-group{
  display:flex;
  gap:15px;
}
div.field.yes-no-field .radio-group .radio{
  flex:1;
  padding:10px 15px;
  cursor:pointer;
  display: flex;
  align-items: center;
  gap:10px;
}
div.field.yes-no-field .radio-group .radio.selected{
  font-weight: normal;
}
div.field.yes-no-field .radio-group .radio input[type=radio]{
  display:none;
}
div.field.yes-no-field .radio-group .radio span.checkbox {
  background:#FFF;
  width: 30px;
  height: 30px;
  flex-shrink:0;
  flex-grow:0;
  border: 2px solid var(--darkgrey);
  border-radius: 4px;
  cursor: pointer;
  margin:0!important;
  background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="21.57px" height="16.19px" viewBox="0.335 0.217 21.57 16.19" enable-background="new 0.335 0.217 21.57 16.19" xml:space="preserve"><path fill="%23D9D9D9" d="M8.318,15.916L21.402,3.09c0.662-0.648,0.672-1.709,0.024-2.371c-0.648-0.661-1.71-0.672-2.371-0.024L7.034,12.48L3.153,8.875c-0.678-0.63-1.739-0.591-2.369,0.087c-0.63,0.679-0.591,1.74,0.087,2.37l4.68,4.348C6.938,17.167,8.318,15.916,8.318,15.916z"/></svg>');
  background-repeat:no-repeat;
  background-size:70% auto;
  background-position: center;
}

div.field.yes-no-field .radio-group .radio.selected span.checkbox {
  border: 2px solid var(--green);
  background:url('data:image/svg+xml,<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3964 26.9981C5.99785 26.9981 0 20.9539 0 13.5C0 6.04614 5.99785 0 13.3964 0H26.7928V13.5C26.7928 20.9558 20.7949 27 13.3964 27" fill="white"/><mask id="path-2-inside-1_0_1" fill="white"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.848 8.80671C23.4043 8.26144 23.4133 7.36843 22.868 6.81213C22.3227 6.25583 21.4297 6.24688 20.8734 6.79215L10.7589 16.7061L7.49401 13.6728C6.92334 13.1425 6.03089 13.1754 5.50069 13.746C4.97048 14.3167 5.00329 15.2092 5.57396 15.7394L9.51108 19.3973C9.64394 19.5207 9.79424 19.6136 9.95336 19.6764C10.5028 20.1319 11.3188 20.1072 11.8397 19.5967L22.848 8.80671Z"/></mask><path fill-rule="evenodd" clip-rule="evenodd" d="M22.848 8.80671C23.4043 8.26144 23.4133 7.36843 22.868 6.81213C22.3227 6.25583 21.4297 6.24688 20.8734 6.79215L10.7589 16.7061L7.49401 13.6728C6.92334 13.1425 6.03089 13.1754 5.50069 13.746C4.97048 14.3167 5.00329 15.2092 5.57396 15.7394L9.51108 19.3973C9.64394 19.5207 9.79424 19.6136 9.95336 19.6764C10.5028 20.1319 11.3188 20.1072 11.8397 19.5967L22.848 8.80671Z" fill="%23299F1F"/><path d="M22.868 6.81213L21.4397 8.21211L21.4397 8.21211L22.868 6.81213ZM22.848 8.80671L21.448 7.3784L21.448 7.3784L22.848 8.80671ZM20.8734 6.79215L22.2734 8.22046L22.2734 8.22046L20.8734 6.79215ZM10.7589 16.7061L9.39758 18.1713L10.7958 19.4704L12.1589 18.1344L10.7589 16.7061ZM7.49401 13.6728L8.85532 12.2075L7.49401 13.6728ZM5.50069 13.746L6.9659 15.1073L5.50069 13.746ZM5.57396 15.7394L6.93527 14.2741L5.57396 15.7394ZM9.51108 19.3973L10.8724 17.9321L10.8724 17.9321L9.51108 19.3973ZM9.95336 19.6764L11.23 18.1368L10.984 17.9329L10.6868 17.8157L9.95336 19.6764ZM11.8397 19.5967L10.4397 18.1684L10.4397 18.1684L11.8397 19.5967ZM21.4397 8.21211C21.2118 7.97958 21.2155 7.60632 21.448 7.3784L24.248 10.235C25.5931 8.91655 25.6148 6.75729 24.2963 5.41215L21.4397 8.21211ZM22.2734 8.22046C22.0409 8.44838 21.6676 8.44464 21.4397 8.21211L24.2963 5.41215C22.9779 4.06702 20.8186 4.04539 19.4734 5.36385L22.2734 8.22046ZM12.1589 18.1344L22.2734 8.22046L19.4734 5.36385L9.35891 15.2778L12.1589 18.1344ZM6.13271 15.138L9.39758 18.1713L12.1202 15.2409L8.85532 12.2075L6.13271 15.138ZM6.9659 15.1073C6.74428 15.3459 6.37125 15.3596 6.13271 15.138L8.85532 12.2075C7.47543 10.9255 5.31751 11.0048 4.03547 12.3847L6.9659 15.1073ZM6.93527 14.2741C7.17381 14.4958 7.18752 14.8688 6.9659 15.1073L4.03547 12.3847C2.75344 13.7646 2.83277 15.9225 4.21266 17.2046L6.93527 14.2741ZM10.8724 17.9321L6.93527 14.2741L4.21266 17.2046L8.14977 20.8625L10.8724 17.9321ZM10.6868 17.8157C10.7561 17.843 10.8195 17.8829 10.8724 17.9321L8.14977 20.8625C8.46835 21.1585 8.83242 21.3843 9.21988 21.537L10.6868 17.8157ZM10.4397 18.1684C10.6583 17.9541 10.9986 17.945 11.23 18.1368L8.67676 21.2159C10.0069 22.3189 11.9793 22.2604 13.2397 21.025L10.4397 18.1684ZM21.448 7.3784L10.4397 18.1684L13.2397 21.025L24.248 10.235L21.448 7.3784Z" fill="%2335AA52" mask="url(%23path-2-inside-1_0_1)"/></svg>');
  background-repeat:no-repeat;
  background-color:var(--green);
  background-size:81% auto;
  background-position: center center;
}

div.field.yes-no-field .radio-group .radio.no span.checkbox{
  background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="19.703px" height="19.703px" viewBox="0.941 0.941 19.703 19.703" enable-background="new 0.941 0.941 19.703 19.703" xml:space="preserve"><path fill="%23D9D9D9" d="M20.271,1.315c-0.498-0.498-1.305-0.498-1.803,0l-7.653,7.653L3.381,1.423C2.878,0.913,2.057,0.907,1.547,1.41S1.031,2.734,1.534,3.245l7.447,7.558l-7.666,7.666c-0.498,0.498-0.498,1.305,0,1.803s1.305,0.498,1.803,0l7.653-7.652l7.435,7.545c0.503,0.51,1.324,0.516,1.834,0.014c0.51-0.504,0.517-1.325,0.014-1.836l-7.447-7.557l7.666-7.667C20.77,2.62,20.77,1.813,20.271,1.315z"/></svg>');
  background-size: 62% auto;
}

div.field.yes-no-field .radio-group .radio.no.selected{
  outline: 2px solid var(--red);
}
div.field.yes-no-field .radio-group .radio.no.selected span.checkbox { 
  background-color:var(--red);
  border: 2px solid var(--red);
  background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="26.793px" height="27px" viewBox="0.053 0.279 26.793 27" enable-background="new 0.053 0.279 26.793 27" xml:space="preserve"><path fill="%23FFFFFF" d="M13.449,27.277c-7.398,0-13.396-6.044-13.396-13.499c0-7.454,5.998-13.5,13.396-13.5h13.396v13.5c0,7.456-5.998,13.5-13.396,13.5"/><path fill="%23E50046" d="M20.807,6.979c-0.357-0.357-0.936-0.357-1.293,0l-5.488,5.49L8.69,7.057c-0.359-0.365-0.949-0.37-1.316-0.01C7.008,7.409,7.004,7.999,7.366,8.364l5.342,5.422l-5.5,5.499c-0.357,0.357-0.357,0.938,0,1.295s0.938,0.357,1.293,0l5.491-5.49l5.333,5.412c0.361,0.365,0.949,0.371,1.316,0.01c0.365-0.361,0.369-0.951,0.01-1.316l-5.344-5.423l5.5-5.5C21.164,7.916,21.164,7.336,20.807,6.979z"/></svg>');
  background-size: 81% auto;
}

.found-address,
.text-panel{
  padding:20px;
  outline:1px solid var(--darkgrey);
  background:#FFF;
  border-radius:6px;
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:var(--textsize);
  margin-bottom:15px;
  line-height:140%;
}
.text-panel.complete{
  outline:2px solid var(--green);
}
.text-panel{
  gap:15px;
}
.text-panel .acc{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.text-panel span.label{
  display:block;
  font-weight:bold;
  color:var(--purple);
}
.text-panel .edit-link{
  color:var(--purple);
  text-decoration: underline;
  font-weight: bold;
  align-self: flex-end;
  min-width:100px;
  flex-shrink:0;
  cursor:pointer;
  text-align:right;
}
.edit-address{
  cursor:pointer;
  color:var(--purple) !important;
  font-weight:bold;
  text-decoration: underline;
  font-size:var(--textsize);
  margin-top:-10px;
  margin-bottom:5px;
}
.dob-dropdowns .input-holder{
  display:flex;
  gap:15px;
}
.input-holder button{
  width:100%;
  text-align:center;
  transition: all 0.15s linear, font-weight 0s;
}
.input-holder.selected button{
  outline:2px solid var(--green);
}
.input-holder.selected.error button{
  outline:2px solid var(--red);
}

.input-holder{
  position:relative;
  overflow:visible;
  width:100%;
}

div.field.complete .input-holder:after,
div.field.complete .found-address:after,
div.field-outer:has(.StripeElement--complete):after,
div.text-panel.selected:after,
.input-holder.selected:not(.error):after{
  content:'';
  display:block;
  position:absolute;
  width:20px;
  height:20px;
  background-image:url('//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/petal-tick-green.svg');
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position:center center;
  top:0px;
  right:-6px;
  margin-top:-10px;
  z-index:1;
}

div.columns_2_up{
  display:flex;
  gap:15px;
}   
div.columns_2_up > *{
  flex:1;
}
.checkboxfield{
  position:relative;
  display:flex;
  gap:15px;
  align-items:center;
}
.checkboxfield > label{
  display:flex!important;
  align-items:center;
  gap:15px;
  cursor:pointer;
}
.checkboxfield label:not(.checkbox){
  font-size:var(--textsize);
}
.checkboxfield label.checkbox:has(input:checked) + label,
.checkboxfield:has(input:checked) > label{
  
}
label.checkbox {
  display: flex!important;
  align-items: center;
  background:#FFF;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex-shrink:0;
  flex-grow:0;
  border: 2px solid var(--darkgrey);
  border: 2px solid var(--darkgrey);
  border-radius: 4px;
  cursor: pointer;
  margin:0!important;
  background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="21.57px" height="16.19px" viewBox="0.335 0.217 21.57 16.19" enable-background="new 0.335 0.217 21.57 16.19" xml:space="preserve"><path fill="%23D9D9D9" d="M8.318,15.916L21.402,3.09c0.662-0.648,0.672-1.709,0.024-2.371c-0.648-0.661-1.71-0.672-2.371-0.024L7.034,12.48L3.153,8.875c-0.678-0.63-1.739-0.591-2.369,0.087c-0.63,0.679-0.591,1.74,0.087,2.37l4.68,4.348C6.938,17.167,8.318,15.916,8.318,15.916z"/></svg>');
  background-repeat:no-repeat;
  background-size:70% auto;
  background-position: center center;
}
div.field.error label.checkbox{
  border: 2px solid var(--red);
} 
label.checkbox:has(input:checked) {
  border: 2px solid var(--green);
  background:url('data:image/svg+xml,<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3964 26.9981C5.99785 26.9981 0 20.9539 0 13.5C0 6.04614 5.99785 0 13.3964 0H26.7928V13.5C26.7928 20.9558 20.7949 27 13.3964 27" fill="white"/><mask id="path-2-inside-1_0_1" fill="white"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.848 8.80671C23.4043 8.26144 23.4133 7.36843 22.868 6.81213C22.3227 6.25583 21.4297 6.24688 20.8734 6.79215L10.7589 16.7061L7.49401 13.6728C6.92334 13.1425 6.03089 13.1754 5.50069 13.746C4.97048 14.3167 5.00329 15.2092 5.57396 15.7394L9.51108 19.3973C9.64394 19.5207 9.79424 19.6136 9.95336 19.6764C10.5028 20.1319 11.3188 20.1072 11.8397 19.5967L22.848 8.80671Z"/></mask><path fill-rule="evenodd" clip-rule="evenodd" d="M22.848 8.80671C23.4043 8.26144 23.4133 7.36843 22.868 6.81213C22.3227 6.25583 21.4297 6.24688 20.8734 6.79215L10.7589 16.7061L7.49401 13.6728C6.92334 13.1425 6.03089 13.1754 5.50069 13.746C4.97048 14.3167 5.00329 15.2092 5.57396 15.7394L9.51108 19.3973C9.64394 19.5207 9.79424 19.6136 9.95336 19.6764C10.5028 20.1319 11.3188 20.1072 11.8397 19.5967L22.848 8.80671Z" fill="%23299F1F"/><path d="M22.868 6.81213L21.4397 8.21211L21.4397 8.21211L22.868 6.81213ZM22.848 8.80671L21.448 7.3784L21.448 7.3784L22.848 8.80671ZM20.8734 6.79215L22.2734 8.22046L22.2734 8.22046L20.8734 6.79215ZM10.7589 16.7061L9.39758 18.1713L10.7958 19.4704L12.1589 18.1344L10.7589 16.7061ZM7.49401 13.6728L8.85532 12.2075L7.49401 13.6728ZM5.50069 13.746L6.9659 15.1073L5.50069 13.746ZM5.57396 15.7394L6.93527 14.2741L5.57396 15.7394ZM9.51108 19.3973L10.8724 17.9321L10.8724 17.9321L9.51108 19.3973ZM9.95336 19.6764L11.23 18.1368L10.984 17.9329L10.6868 17.8157L9.95336 19.6764ZM11.8397 19.5967L10.4397 18.1684L10.4397 18.1684L11.8397 19.5967ZM21.4397 8.21211C21.2118 7.97958 21.2155 7.60632 21.448 7.3784L24.248 10.235C25.5931 8.91655 25.6148 6.75729 24.2963 5.41215L21.4397 8.21211ZM22.2734 8.22046C22.0409 8.44838 21.6676 8.44464 21.4397 8.21211L24.2963 5.41215C22.9779 4.06702 20.8186 4.04539 19.4734 5.36385L22.2734 8.22046ZM12.1589 18.1344L22.2734 8.22046L19.4734 5.36385L9.35891 15.2778L12.1589 18.1344ZM6.13271 15.138L9.39758 18.1713L12.1202 15.2409L8.85532 12.2075L6.13271 15.138ZM6.9659 15.1073C6.74428 15.3459 6.37125 15.3596 6.13271 15.138L8.85532 12.2075C7.47543 10.9255 5.31751 11.0048 4.03547 12.3847L6.9659 15.1073ZM6.93527 14.2741C7.17381 14.4958 7.18752 14.8688 6.9659 15.1073L4.03547 12.3847C2.75344 13.7646 2.83277 15.9225 4.21266 17.2046L6.93527 14.2741ZM10.8724 17.9321L6.93527 14.2741L4.21266 17.2046L8.14977 20.8625L10.8724 17.9321ZM10.6868 17.8157C10.7561 17.843 10.8195 17.8829 10.8724 17.9321L8.14977 20.8625C8.46835 21.1585 8.83242 21.3843 9.21988 21.537L10.6868 17.8157ZM10.4397 18.1684C10.6583 17.9541 10.9986 17.945 11.23 18.1368L8.67676 21.2159C10.0069 22.3189 11.9793 22.2604 13.2397 21.025L10.4397 18.1684ZM21.448 7.3784L10.4397 18.1684L13.2397 21.025L24.248 10.235L21.448 7.3784Z" fill="%2335AA52" mask="url(%23path-2-inside-1_0_1)"/></svg>');
  background-repeat:no-repeat;
  background-color:var(--green);
  background-size:80% auto;
  background-position: 2px center;
}
label.checkbox input[type="checkbox"],
label.checkbox input[type="radio"]
{
  display: none;
}

label.checkbox span {
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  position: relative;
}

label.checkbox input[type="checkbox"]:checked + span::before,
label.checkbox input[type="radio"]:checked + span::before{
  opacity: 1;
}

.progress-bar-container {
  display: flex;
  justify-content: center;
  align-items:flex-start;
  flex-direction:column;
  gap:10px;
  margin-bottom:24px;
}

@media only screen and (max-width: 600px) {
  .progress-bar-container {
    gap:5px;
    margin-bottom:10px;
  }
}

.progress-bar-container .back-button{
  font-weight:bold;
  cursor:pointer;
  display:flex;
  gap:5px;
  align-items:center;
  text-transform: lowercase;
  color:var(--purple) !important;
  text-decoration: underline;
  font-size:14px;
}
.progress-bar-container .back-button:before{
  width:12px;
  height:7px;
  display:block;
  content:'';
  background-image:url('//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/arrow-left.svg');
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position:center center;
}
.progress-steps {
  display: flex;
  justify-content: space-between;
  width: 100%;
  list-style-type:none;
  padding:0;
  margin-bottom:24px;
  gap:10px;
  align-items:center;
}
.progress-steps .step{
  flex-grow:0;
  display:flex;
  flex-direction: column;
  position: relative;
  gap:10px;
  align-items: center;
}
.progress-steps .step .icon{
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/petal-grey.svg");
  background-size:100% auto;
  background-repeat:no-repeat;
  width: 62px !important;
  height: 62px !important;
  flex-grow:1;
}
.progress-steps .step .label{  
  color:#585858;
  font-size:15px;
  line-height:100%;
  text-align: center;
  position: absolute;
  bottom: -25px;
  min-width: 120px;
}
.progress-steps .step.can-click{
  cursor:pointer; 
}
@media only screen and (max-width: 600px) {
  .progress-steps .step .icon{
    width: 36px !important;
    height: 36px !important;
  }
  .progress-steps .step .label{  
    font-size:11px!important;
    min-width: 85px;
    bottom: -18px;
  }
}
.progress-steps .step.completed .icon{
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/petal-tick-green.svg");
  background-size:100% auto;
  background-repeat:no-repeat;
}
.progress-steps .step.current .icon{
  /* background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/petal-red.svg"); */
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/petal-tick-green.svg");
  background-size:100% auto;
  background-repeat:no-repeat;
}
.progress-steps .step.current.completed .icon{
  /* background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/petal-tick-red.svg"); */
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/petal-tick-green.svg");
  background-size:100% auto;
  background-repeat:no-repeat;
}
.progress-steps .step.completed .label,
.progress-steps .step.current .label{
  color:var(--purple);
  font-weight:bold;
}
.progress-steps .divider{
  height:2px;
  background:#ccc;
  flex-grow:1;
}

.plan-details{
  border:1px solid var(--darkgrey);
  border-radius:6px;
  background:#FFF;
  color:#000;
  text-align:center;
  padding:25px;
  margin-bottom:36px;
  font-size:18px;
  position:relative;
  display:flex;
  flex-direction:column;
  gap:15px;
  cursor:pointer;
}
.plan-details.new{
  align-items:center;
  margin-bottom:0;
  cursor:pointer;
}
.text-below-price{
  font-weight:500;
}
.gift-card-row{
  display:flex;
  gap:10px;
  align-items:center;
  font-weight:bold;
  justify-content:center;
  font-size:20px;
  margin:15px 0 15px 0;
}
.gift-icon{
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/gift.svg");
  background-repeat:no-repeat;
  width:40px;
  height:24px;
  box-shadow: 2px 2px 4px 0px #00000040;
}
.plan-details .continue_button{
  width:auto;
}
.plan-details.selected{
  border:5px solid var(--green);
  color:var(--purple);
  font-weight:bold;
}
.plan-details.new.selected{
  outline:5px solid var(--green);
  border:0;
}
.plan-details .plan-name{
  color:var(--purple);
  font-size:18px;
  font-weight:bold;
}
.plan-details .plan-cost{
  font-size:18px;
  color:#000;
  font-weight:normal;
}
.plan-details .price{
  font-size:24px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  justify-content:center;
  line-height:140%;
}
.previous-price{
  position:relative;
  overflow:hidden;
}
.previous-price .strike {
  position: absolute;
  width: 0; /* Start at 0 width for animation */
  height: 2px; /* Thickness of the strike-through line */
  background-color: #FF0000; /* Line color */
  top: 10px; /* Start at the top of the text */
  right: 0; /* Align to the right */
  transform: rotate(346deg); /* Adjust angle to cross diagonally */
  transform-origin: top right; /* Anchor the start point */
  animation: drawStrike 0.2s 0.5s ease-in-out forwards; /* Smooth animation */
}
button .previous-price .strike {
  bottom: 10px;
}
@keyframes drawStrike {
  from {
    width: 0;
  }
  to {
    width: 150%; /* Extend beyond the text container for the angle */
  }
}
.plan-details .discount-price{
  line-height:80%;
  margin-bottom:15px;
  color:var(--red);
  opacity: 0; /* Start invisible */
  animation: fadeIn 1s 1s forwards; /* , spin3D 1.0s 0.2s ease-in-out 1; 1.5s delay to start after the first animation ends */
  transform-style: preserve-3d; /* Preserve 3D space */
}
.plan-details.new .discount-price{
  margin-bottom:0;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


.plan-details .price .prices{
 display:flex;
 flex-direction:column;
}
.plan-details.new .price .prices{
  flex-direction:row;
  align-items:center;
}
.plan-details .plan-cost strong{
   color:var(--purple);
   font-size:23px;
   font-weight:bold;
}
.plan-details .cover-text{
  font-size:18px;
  font-weight:normal;
}
.plan-buttons{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
  margin-bottom:25px;
}
.plan-buttons.single-plan, .plan-buttons.new{
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 25px;
}
.plan-buttons .plan-button-holder{
  position:relative;
}
.plan-buttons button{
  background:#FFF;
  text-transform:none;
  padding:25px 20px;
  border-radius:6px;
  border:1px solid var(--darkgrey);
  color:#000;
  font-weight: normal;
  display:block;
  width:100%;
  font-size:18px;
  letter-spacing:normal;
  text-align:center;
  transition:background-color 0.2s ;
  height:100%;
}
.plan-buttons:not(.new) button:hover{
  background:var(--darkgrey);
}
.plan-buttons.new button div{
    display:flex;
    gap:10px;
    flex-direction:column;
    align-items:center;
}
.plan-buttons.new button .price{
  font-weight:bold;
}
.plan-buttons.new span.prices{
  display:flex;
  gap:10px;
}

.plan-buttons button p{
  margin:0!important;
}

.plan-buttons button.selected{
  border-color: var(--green);
  border-width:1px;
  outline:2px solid var(--green);
  background:#FFF!important;
}
.plan-buttons button.single.selected{
  font-weight:bold;
}
.plan-buttons .plan-button-holder.selected:after{
  content:'';
  display:block;
  position:absolute;
  width:20px;
  height:20px;
  background-image:url('//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/petal-tick-green.svg');
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position:center center;
  top:0;
  right:-5px;
  margin-top:-10px;
  z-index:1;
}
.continue-button-container{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  z-index:9998;
  text-align:center;
  padding:20px 0 20px 0;
  background:#FFFFFF;
  display:flex;
  flex-direction: column;
  gap:10px;
  align-items: center;
  justify-content:center;
  
}
.scroll-text{
  color:var(--purple);
  display:flex;
  gap:10px;
  align-items:center;
  font-size:18px;
}
.scroll-text:after{
  content:'';
  display:block;
  width:8px;
  height:8px;
  border-right:1px solid var(--purple);
  border-bottom:1px solid var(--purple);
  margin-top:-2px;
  transform:rotate(45deg);
}
.secure-text{
  color:var(--purple);
  text-align: center;
  font-size:18px;
  padding:0 20px 0 20px;
}
@media only screen and (min-width: 601px) {
  .continue-button-container{
    position:relative;
    bottom:auto;
    left:auto;
    margin-top:40px;
    background:transparent;
    z-index:1;
  }
}

a.pink_button{
    background:var(--red);
    letter-spacing:normal;
    gap:10px;
    padding:15px 50px;
    text-align:center;
    text-transform:none;
    color:#FFF!important; 
    border-radius:50px;
    border:0;
    font-size:18px;
    font-weight:bold;
    cursor:pointer; 
    text-decoration:none;
    align-self:flex-start;
    margin-top:15px;
    display:inline-block;
}

a.pink_button--new {
  background:var(--red);
  letter-spacing:normal;
  gap:10px;
  padding:15px 50px;
  text-align:center;
  text-transform:none;
  color:#FFF!important; 
  border-radius:50px;
  border:0;
  font-size:18px;
  font-weight:bold;
  cursor:pointer; 
  text-decoration:none;
  align-self:flex-start;
  margin-top:15px;
  display:inline-block;
  line-height: 18.78px;
}

.popup-container__inner-content {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.popup-container__inner-content button.continue_button {
  margin-top: 20px;
}

.popup-container__title-with-text > *:last-child {
  margin-bottom: 0 !important;
}

.popup-components {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.popup-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: fit-content;
}

.popup-text-below-buttons > *:last-child {
  margin-bottom: 0 !important;
}

button.continue_button, button.popup-button {
  background:var(--red);
  letter-spacing:normal;
  display:flex;
  gap:10px;
  padding:15px 75px;
  text-align:center;
  text-transform:none;
  color:#FFF;  
  border-radius:50px;
  border:0;
  font-size:18px;
  font-weight:bold;
  cursor:pointer; 
  animation:pulse 1500ms infinite;
}

button.popup-button {
  animation: none;
  justify-content: center;
  align-items: center;
  text-wrap: nowrap;
}

button.popup-button.popup-button--blue {
  background:var(--purple);
}

button.continue_button.no_pulse,
button.continue_button.hover_pulse
{
  animation:none; 
}
button.continue_button.hover_pulse:hover{
  animation:pulse 1500ms infinite;
}
button.continue_button span.text{
  position:relative;
}
button.continue_button.icon_tick span.text:after{
  content:'';
  position:absolute;
  width:24px;
  height:20px;
  top:0;
  right:-32px;
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/tick-white.svg");
  background-repeat:no-repeat;
}

button.continue_button:disabled,
button.continue_button.disabled,
button.popup-button.disabled {
  opacity:60%;
  border:0;
  animation:none;
}

.finish-section #buy-another-plan {
  margin-top: 20px;
}

.resume_buttons{
  display:flex;
  flex-direction: column;
  gap:25px;
  margin-top:30px;
  align-items: flex-start;
}

.resume_buttons--with-bottom-margin {
  margin-bottom: 30px;
}

.resume_buttons .form-field-header{
  margin:0;
}

.start-over{
  color:var(--purple);
  cursor:pointer;
  font-size:15px;
}
.resume_buttons .buttons{
  display:flex;
  flex-direction:column;
  gap:10px;
}
button.resume_button{
  background:var(--red);
  letter-spacing:normal;
  gap:10px;
  padding:15px 50px;
  text-align:center;
  text-transform:none;
  color:#FFF;  
  border-radius:50px;
  border:0;
  font-size:18px;
  font-weight:bold;
  cursor:pointer; 

}
button.resume_button.blue{
  background:var(--purple);
}
button.resume_button:hover{
  animation:pulse 1500ms infinite;
}

div.sticker{
  width:85px;
  height:85px;
  background-size:100% auto;
  background-repeat:no-repeat;
  position:absolute;
  top:-20px;
  right:-17px;
}
div.plan-buttons.new .sticker{
  width:65px;
  height:65px;
  top:-10px;
  right:-17px;
}
div.plan-details.discounted div.sticker{  
  animation:pulse 1500ms;
  animation-iteration-count: 1;
  animation-delay: 1s;
  border-radius:42px 0 42px 42px;
}
div.plan-buttons.new.discounted .sticker{
  border-radius:32px 0 32px 32px;
}


div.sticker.most-popular{
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/most-popular.svg");
} 
div.sticker.most-affordable{
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/most-affordable.svg");
}
div.sticker.lowest-monthly{
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/lowest-monthly.svg");
}
div.sticker.save-100{
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/save-100.svg");
}
div.sticker.gift-card-150{
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/sas-gift-card-150.svg");
}
div.sticker.save-100-gift-50{
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/sas-save-100-gift-50.svg");
  height: 162px;
}
div.sticker.save-200-gift-50{
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/sas-save-200-gift-50.svg");
  height: 161px;
}
div.sticker.save-200{
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/sas-save-200.svg");
}
div.sticker.gift-card-100{
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/sas-gift-card-100.svg");
}
@media only screen and (max-width: 600px) {
  div.sticker{
    width:70px;
    height:70px;
  }
}


@keyframes pulse{
  0%{
    box-shadow:#ff69b4 0 0 0 0;
  }
  75%{
    box-shadow:#ff69b400 0 0 0 16px;
  }
}

.toggle-switch .toggle-label {
  display: flex;
  justify-content:space-between;
  align-items: center;
  cursor: pointer;
  gap:20px;
  user-select: none;
}
.toggle-switch .toggle-label.bold,
.toggle-switch .toggle-label.bold span
{
  color:var(--purple);
  font-weight: bold;
}

.toggle-switch .toggle {
  position: relative;
  flex-grow:0;
  flex-shrink:0;
  width: 70px!important; 
  height: 32px!important; 
  transition:0.3 all ease;
}

.toggle-switch .toggle-input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: .2s;
  border:2px solid var(--red);
  border-radius: 50px; 
}

.toggle-switch .slider:before {
  position: absolute;
  content: "";
  height: 24px; 
  width: 24px;  
  left: 2px;
  bottom: 2px;
  background-color: var(--red); 
  transition: .4s;  
  border-radius: 50%; 
}

.toggle-input:checked + .slider {
  border:2px solid var(--green);
}

.toggle-input:checked + .slider:before {
  transform: translateX(38px); 
  background-color: var(--green); 
}

.tristate-toggle-switch .toggle {
  display: flex;
  align-items: center;
  position: relative;
  width: 180px; 
  height: 32px;
  justify-content: flex-start;
  gap:10px;
}

.tristate-toggle-switch .toggle-track{
   border:2px solid #A7A9AC;
   height:32px;
   width:70px;
   position:relative;
   border-radius: 50px;
   cursor:pointer;
}

.tristate-toggle-switch .toggle-slider {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px; 
  left: 50%;
  margin-left:-12px;
  bottom: 2px;
  background-color: var(--red);
  border-radius: 50%; 
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/arrows.svg");
  background-size:16px auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-color: #A7A9AC;
  transition: transform 0.3s;
  order:1;
}

.tristate-toggle-switch .toggle input[type="radio"] {
  display: none;
}

.tristate-toggle-switch .toggle .toggle-yes,
.tristate-toggle-switch .toggle .toggle-no {
  text-align: center;
  font-size: 16px;
  color: var(--purple);
  font-weight:bold;
  cursor: pointer;
  position:relative;
}
.tristate-toggle-switch .toggle .toggle-yes{
  order:0;
}
.tristate-toggle-switch .toggle .toggle-no{
  order:2;
}

.tristate-toggle-switch .toggle .toggle-yes:after{
  position:absolute;
  width:24px;
  height:24px;
  content:'';
  cursor:pointer;
  right:-37px;
  top:1px;
  z-index:10;
}

.tristate-toggle-switch .toggle .toggle-no:before{
  position:absolute;
  width:24px;
  height:24px;
  content:'';
  cursor:pointer;
  left:-36px;
  top:1px;
  z-index:10;
}

.tristate-toggle-switch .toggle input#yes:checked ~ .toggle-track .toggle-slider {
  transform: translateX(-19px); /* Adjust for "Yes" position */
  background-color: var(--green);
  background-image:none;
}
.tristate-toggle-switch .toggle input#yes:checked ~ .toggle-track{
  border:2px solid var(--green);
  cursor:pointer;
}
.tristate-toggle-switch .toggle input#no:checked ~ .toggle-track{
  border:2px solid var(--red);
  cursor:pointer;
}
.tristate-toggle-switch .toggle input#no:checked ~ .toggle-track .toggle-slider {
  transform: translateX(19px); /* Adjust for "No" position */
  background-color: var(--red);
  background-image:none;
}

.tristate-toggle-switch .toggle input:not(:checked):not(:checked) ~ .toggle-slider {
  transform: translateX(0);
  background-color: #CCC; /* Default color for unselected */
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}

.clickable{
  cursor:pointer;
}

.tick-content{
  display:flex;
  flex-direction:column;
  gap:25px;
  margin-bottom:30px;
}
.tick{
  font-size:var(--textsize)!important;
  display:flex;
  gap:15px;
  align-items:flex-start;
  line-height: 140%; 
}
.tick:before{
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/tick.svg");
  background-repeat:no-repeat;
  background-size:100% auto;
  content:'';
  margin-top:5px;
  display: block;
  width:25px;
  height:25px;
  flex-grow:0;
  flex-shrink:0;
}
.tick-strong {
  font-weight: 700;
  color: var(--purple);
}

.cross{
  font-size:var(--textsize)!important;
  display:flex;
  gap:15px;
  align-items:center;
  line-height: 140%;  
}
.cross:before{
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/cross.svg");
  background-repeat:no-repeat;
  background-size:100% auto;
  content:'';
  display: block;
  width:25px;
  height:25px;
  flex-grow:0;
  flex-shrink:0;
}
.finish-image-outer{
  position:relative;
}
.finish-image{
  position: relative;
  width: 100%;
  padding-bottom:100%;
  overflow: hidden;
  margin-bottom:30px;
}
.finish-image img {
    height: 98%;
    position: absolute;
    mask-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/teardrop-mask.svg");
    mask-size: contain;
    object-fit: cover;
    width: 97.9%;
}
.finish-promo{
  position:absolute;
  bottom:0;
  right:0;
  width:150px;
  height:150px;
}
.finish-promo img{
  width:150px;
}

.finish-section{
  margin-bottom:40px;
}
.finish-section{
  margin-bottom:40px;
}
.finish-section h5{
  font-size:22px;
}
.finish-section a{
    color: var(--purple) !important;
    font-weight: bold;
}
.finish-section a:hover{
  text-decoration: underline;
}
.faq-question-outer:has(.faq-question){
  padding:12px 0 0 0;
  border-bottom:1px solid var(--darkgrey);
}
.faq-question-outer:has(.faq-question):last-of-type{
  border-bottom:0;
}
.faq-question,
.plan-info-content h6{
  font-family: "Raleway", sans-serif;
  font-size:var(--textsize);
  display:flex;
  gap:15px;
  align-items: center;
  justify-content: space-between;
  cursor:pointer;  
}
.lower-content .plan-info-content h6{
  margin:0;
}
.faq-question:after,
.plan-info-content h6:after{
  width:25px;
  height:25px;
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/faq-plus.svg");
  background-repeat:no-repeat;
  background-size:100% auto;
  content:'';
  display: block;
  flex-grow:0;
  flex-shrink:0;
}
.faq-question.open{
  cursor:pointer;
  margin-bottom:15px;
}
.faq-question.open:after,
.plan-info-content.open h6:after{
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/faq-minus.svg");
  background-repeat:no-repeat;
  background-size:100% auto;
}
.plan-info-content .intro{
  margin-bottom:24px;
}
.faq-answer,
.plan-info-content .content,
.toggle-panel .content{
  font-size:var(--textsize)!important;
  overflow: hidden;
  display:grid;
  grid-template-rows: 0fr;
  transition: 250ms grid-template-rows ease;
  margin-bottom:15px;
}
.plan-info-content .content{
  margin-bottom:0;
}
.faq-answer > *,
.plan-info-content .content .inner,
.toggle-panel .content .inner{
  min-height: 0;
  transition: visibility 1s;
  visibility: hidden;
}
.faq-question.open ~ .faq-answer,
.plan-info-content .content.open,
.toggle-panel .content.open{
  grid-template-rows: 1fr;  
}
.faq-question.open ~ .faq-answer > *,
.plan-info-content .content.open .inner,
.toggle-panel .content.open .inner{
  visibility: visible;
}
.plan-info-content .content.open .inner,
.toggle-panel .content.open .inner{
  padding-top:15px;
}

.plan-info-content .items{
  display:flex;
  flex-direction: column;
  gap:15px;
  margin-bottom:15px;
}
.plan-info-content .content,
.toggle-panel .content{
  font-size:var(--textsize);
}

.plan-help-link{
  color:var(--purple);
  text-decoration: underline; 
  display: flex;
  justify-content: center;
  gap:10px;
  font-weight:bold;
  cursor:pointer;
  font-size:18px;
}
.plan-help-link:after{
  content:'';
  display:block;
  width:10px;
  height:10px;
  border-top:2px solid var(--red);
  border-right:2px solid var(--red);
  transform:rotate(135deg);
  flex-grow:0;
  flex-shrink:0;
  margin-top:8px;
}
.plan-help-link.open:after{  
  transform:rotate(-45deg);
  margin-top:12px;
}

#funeral-plan-summary-link p, #funeral-plan-summary-link a {
  color: var(--purple) !important;
  font-weight: bold !important; 
}

.lower-content{
  display:flex;
  flex-direction: column;
  gap:28px;
}
.lower-content > *:not(.boaster):not(.faq-container):not(:last-child):after{
  content:'';
  display:block;
  height:1px;
  width:100%;
  border-bottom:1px solid var(--darkgrey);
  padding-top:28px;
}
.lower-content:has(.boaster) .funeral-plan-summary:after{
  display:none;
}
.lower-content .faq-container:after{
  display:none;
}
#app .lower-content p{
  margin-bottom:15px;
}
#app .lower-content p:last-child{
  margin-bottom:0;
}
.lower-content a{
  font-weight:bold;
  color:var(--purple);
}
h5.georgia,
.marketing-statement-content h5{
  font-family: 'Georgia Regular';
  font-weight:normal!important;
  font-size:28px;
}
.lower-content h6{
  font-family: "Raleway", sans-serif;
  font-size:var(--textsize)!important;
  font-weight:bold;
  color:var(--purple);
  margin:0 0 15px 0;
}
.marketing-statement-content .images{
  display:flex;
  gap:25px;
  justify-content: center;
  align-items: center;
}
.marketing-statement-content .images img{
  max-height:60px;
}
#app .footer-content{
  color:#000;
}
.footer-content .row{
  display:flex;
  gap:15px;
}
.footer-content .images{
  min-width:80px;
  flex-shrink:0;
  display:flex;
  gap:25px;
  justify-content: flex-end;
  align-items: center;
}
.footer-content .images img{
  max-height:60px;
}

.boaster {
  /* display:flex;
  align-items: top;
  gap:20px;
  justify-content: space-between; */
  background: #FFF;
  padding: 24px 30px;
}

@media only screen and (max-width: 600px) {
  .boaster {
    margin-left:-25px;
    margin-right:-25px;
  }
}

#app .boaster .text {
  font-size: var(--textsize);
  /* flex-grow: 1; */
}

#app .boaster .text p {
  margin: 0;
}

#app .boaster .text h6 {
  margin: 0;
}

#app .boaster span {
  font-size: var(--textsize) !important;
}

#app .boaster .image {
  /* flex-shrink: 0;
  flex-grow: 0; */
  width: 114px;
  margin-top: -46px;
  height: fit-content;
  float: right;
  shape-margin: 7px;
  margin-left: 7px;
  min-height: 114px;
}

.not-sure > div{
  display:flex;
  gap:20px;
  cursor:pointer;  
  align-items: center;
  font-size:18px;
}
.not-sure .text{
  display:flex;
  gap:5px;
  flex-direction: column;
  color:var(--purple);
  font-weight:bold;
  line-height:100%;
  font-size:18px;

}
.not-sure > div:before{
  content:'';
  display:block;
  width:45px;
  height:40px;
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/huh.svg");
  background-repeat:no-repeat;
  background-size:100% auto;
}
.popup-mask{
  position:fixed;
  width:100vw;
  height:100vh;
  top:0;
  left:0;
  z-index:9999;
  background:#00000091;
  display:flex;
  align-items:flex-start;
  justify-content: center;
  padding:90px 15px  15px  15px;
  overflow-y: auto; /* Enable vertical scrolling */
}
.popup-container{
  max-width:600px;
  background:#FFF;
  padding: 20px 20px 150px 20px;
  position: relative;
  border-bottom-right-radius:150px;
}
@media only screen and (min-width: 601px) {
  .popup-container{
    min-width:600px;
  }
}
@media only screen and (max-width: 600px) {
  .popup-container{
    max-width:100%;
  }
}
.popup-container  h3,
.popup-container  h5{
  font-family:'Georgia Regular';
  font-weight: normal!important;
  font-size:28px;
  color: var(--purple);
}
.popup-container h6 {
  color: var(--purple);
  font-family: "Raleway", sans-serif;
  font-size:18px;
  font-weight:bold;
}

.popup-container--new .popup-container__title-icon-container {
  margin-bottom: 20px;
  display: inline-flex;
  gap: 6px;
}

.popup-container--new .popup-container__title-icon {
  width: 27.645px;
  height: auto;
  flex-shrink: 0;
}

.popup-container--new .popup-container__title-icon-container span {
  color: var(--purple);
  font-family: "Raleway", sans-serif;
  font-size:18px;
  font-weight:bold;
  line-height: 1;
  margin-top: 5px;
}

.popup-container--new h2, .popup-container--new h5 {
  font-size: 28px !important;
  line-height: 36px !important;
}

.popup-container--new h2 {
  margin-bottom: 20px !important;
}

.popup-container--new h5 {
  margin-bottom: 7px !important;
}

.popup-container--new h6 {
  margin-bottom: 7px !important;
}

.popup-container--new hr {
  background-color: #D9D9D9 !important;
  margin: 15px 0 30px 0;
}

.popup-container--new .popup-container__hr {
  margin: 40px 0 0 0 !important;
}

.popup-container--new .faq-answer {
  padding-right: 25px;
}

.popup-container--new strong {
  color: var(--purple);
}

.close-popup{
  width:24px;
  height:24px;
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/close.svg");
  background-repeat:no-repeat;
  background-size:100% auto;
  cursor:pointer;
  position:absolute;
  top: 20px;
  right:15px;
}
label.has-popup{
  display:flex!important;
  justify-content: space-between;
  gap:20px;
  align-items: center;
}
.info-popup{
  width:27px;
  height:27px;
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/info.svg");
  background-repeat:no-repeat;.
  background-size:100% auto;
  cursor:pointer;
  flex-shrink: 0;
}

.test-mode-warning{
  color:rgb(0, 168, 84);
  font-size:18px;
  margin-bottom:20px;

}

.live-mode-warning{
  color:red;
  font-size:18px;
  margin-bottom:20px;

}
div.formatted-address{
  font-weight:bold;
}
div.address-suggestions{
  position:relative;
}
div.address-suggestions .list-container{
  position:absolute;
  top:-26px;
  left:0;
  z-index:101;
  width:100%;
  overflow-y:scroll;
  max-height:426px;  
  outline:1px solid var(--darkgrey);
  border-radius:0 0 10px 10px;
}
div.address-suggestions ul{
  list-style-type:none; 
  padding:0;
  margin:0;    
}
div.address-suggestions ul li{
  cursor:pointer;
  padding:8px 12px;
  border-bottom:1px solid var(--darkgrey);
  background:#FFF;
  font-size:18px!important;
}
div.address-suggestions ul li:hover{
  background:#eaeaea;
}
div.address-suggestions ul li:last-child{
  border-bottom:0;x
}
@media only screen and (max-width: 600px) {
  div.address-suggestions ul li{
    font-size:12px;
  }
}

.more-details{
  text-align:left;
  margin-top:15px;
}
a.toggle-text{    
  display:flex;
  justify-content:flex-start;
   gap:25px;
   align-items:center;
   text-decoration:none;
   margin-bottom:15px;
}
a.toggle-text span{
  color:var(--purple)!important;
  border-bottom:1px solid var(--purple);
  line-height:100%;
  font-weight:500; 
}
a.toggle-text:after{
  content:'';
  display:block;
  width:10px;
  height:10px;
  flex-grow:0;
  flex-shrink:0;
  border-right:2px solid var(--pink);
  border-bottom:2px solid var(--pink);
  margin-top:-6px;
  transform:rotate(45deg);
  transition:0.3 all ease;
}
.toggle-panel.open a.toggle-text:after{
  transform:rotate(-135deg);
  margin-top:0;
}
.toggle-panel .content{
  margin-bottom:0;
}
.more-details ul{
  list-style-type:none;
  list-style-position:outside;
  margin:0;
  padding:0;
}
.more-details ul li{
  display:flex;
  gap:10px;
  margin-bottom:12px;
  font-weight:500;
}
.more-details ul li:empty {
  display: none;
}
.more-details ul li *{
  flex-shrink:0;
}
.more-details ul li:before{
  background-image:url("//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/tick.svg");
  background-repeat:no-repeat;
  background-size:100% auto;
  content:'';
  margin-top:7px;
  display: block;
  width:25px;
  height:25px;
  flex-grow:0;
  flex-shrink:0;
}

.hidden {
  display: none !important; /* Ensure elements are hidden */
}

.post-sale-questions-next-steps {
  margin-bottom: 36px;
}

.post-sale-questions-next-steps h3 {
  font-weight: bold;
  font-size: 18px;
  color: var(--purple);
  line-height: 120%;
}

.hs-tools-menu ul {
  overflow: scroll;
  max-height: 90vh;
}

.hs-tools-debugger-title {
  padding: 8px 10px !important;
  background: #222 !important;
  font-decoration: underline !important;
}

.hs-tools-debugger-button, .hs-tools-debugger-option-button {
  padding: 4px 10px !important;
  background: #111 !important;
  transition: all .15s linear !important;
}

.hs-tools-debugger-button:hover, .hs-tools-debugger-option-button:hover {
  background: #222 !important;
}

.hs-tools-debugger-button--active {
  background: #E36F1E !important;
  color: #fff !important;
}

.hs-tools-debugger-button--active:hover {
  background: #E36F1E !important;
}

.quote-and-apply-loading-dots::after {
  content: '';
  animation: loading-dots 1s steps(4, end) infinite;
}

@keyframes loading-dots {
  0%, 20% { content: ''; }
  40% { content: '.'; }
  60% { content: '..'; }
  80%, 100% { content: '...'; }
}

.error-screen-container .back-button {
  font-weight:bold;
  cursor:pointer;
  display:flex;
  gap:5px;
  align-items:center;
  text-transform: lowercase;
  color:var(--purple);
  text-decoration: underline;
  font-size:14px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 600px) {
  .error-screen-container .back-button {
    margin-bottom:10px;
  }
}

.error-screen-container .back-button:before {
  width:12px;
  height:7px;
  display:block;
  content:'';
  background-image:url('//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/arrow-left.svg');
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position:center center;
}

.cursor-pointer{
  cursor:pointer;
}

.margin-bottom-sm{
  margin-bottom:24px;
}
.margin-bottom-md{
  margin-bottom:32px;
}
.margin-bottom-lg{
  margin-bottom:48px;
}

.more-plans-button-and-text {
  padding-top: 15px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.more-plans-button-and-text span.icon {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='31' viewBox='0 0 30 31' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27 15.5001C27 22.3484 21.6274 27.9001 15 27.9001C8.37258 27.9001 3 22.3484 3 15.5001C3 8.65177 8.37258 3.1001 15 3.1001C21.6274 3.1001 27 8.65177 27 15.5001ZM16.5 9.3001C16.5 10.1561 15.8284 10.8501 15 10.8501C14.1716 10.8501 13.5 10.1561 13.5 9.3001C13.5 8.44406 14.1716 7.7501 15 7.7501C15.8284 7.7501 16.5 8.44406 16.5 9.3001ZM13.5 13.9501C12.6716 13.9501 12 14.6441 12 15.5001C12 16.3561 12.6716 17.0501 13.5 17.0501V21.7001C13.5 22.5561 14.1716 23.2501 15 23.2501H16.5C17.3284 23.2501 18 22.5561 18 21.7001C18 20.8441 17.3284 20.1501 16.5 20.1501V15.5001C16.5 14.6441 15.8284 13.9501 15 13.9501H13.5Z' fill='%23253081'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;
}

.sentenceBelowField {
  line-height: normal;
  margin-top: -7px;
}

.sentenceBelowField a {
  font-weight: normal !important;
}

@media only screen and (min-width: 601px) {
  .step-intro {
    margin-bottom: 36px;
  }  
}

.popup-components .address-component-fields {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.popup-components .address-suggestions .list-container {
  top: -12px;
  background: #FFF;
}

.popup-components .edit-address {
  margin-top: 0;
}

.popup-components .found-address {
  margin-bottom: 6px;
}

div.field input::placeholder {
  font-weight: normal !important;
}

.legal-text strong {  
  font-weight: 600 !important;
}

.legal-text a {
 font-weight: normal !important;
}

.popup-link {
  color: var(--purple) !important;
}

.input-holder--checkbox-style-theme button {
  padding: 10px 15px !important;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: left;
  gap: 15px;
}

.input-holder--checkbox-style-theme .checkbox-style-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 2px solid var(--darkgrey);
  border: 2px solid var(--darkgrey);
  border-radius: 4px;
  cursor: pointer;
  top: 11px;
  left: 15px;
  background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="21.57px" height="16.19px" viewBox="0.335 0.217 21.57 16.19" enable-background="new 0.335 0.217 21.57 16.19" xml:space="preserve"><path fill="%23D9D9D9" d="M8.318,15.916L21.402,3.09c0.662-0.648,0.672-1.709,0.024-2.371c-0.648-0.661-1.71-0.672-2.371-0.024L7.034,12.48L3.153,8.875c-0.678-0.63-1.739-0.591-2.369,0.087c-0.63,0.679-0.591,1.74,0.087,2.37l4.68,4.348C6.938,17.167,8.318,15.916,8.318,15.916z"/></svg>');
  background-repeat: no-repeat;
  background-size: 70% auto;
  background-position: center center;
}

.input-holder--checkbox-style-theme.selected button {
  font-weight: 400 !important;
}

.input-holder--checkbox-style-theme.selected .checkbox-style-button {
  border: 2px solid var(--green);
  background:url('data:image/svg+xml,<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3964 26.9981C5.99785 26.9981 0 20.9539 0 13.5C0 6.04614 5.99785 0 13.3964 0H26.7928V13.5C26.7928 20.9558 20.7949 27 13.3964 27" fill="white"/><mask id="path-2-inside-1_0_1" fill="white"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.848 8.80671C23.4043 8.26144 23.4133 7.36843 22.868 6.81213C22.3227 6.25583 21.4297 6.24688 20.8734 6.79215L10.7589 16.7061L7.49401 13.6728C6.92334 13.1425 6.03089 13.1754 5.50069 13.746C4.97048 14.3167 5.00329 15.2092 5.57396 15.7394L9.51108 19.3973C9.64394 19.5207 9.79424 19.6136 9.95336 19.6764C10.5028 20.1319 11.3188 20.1072 11.8397 19.5967L22.848 8.80671Z"/></mask><path fill-rule="evenodd" clip-rule="evenodd" d="M22.848 8.80671C23.4043 8.26144 23.4133 7.36843 22.868 6.81213C22.3227 6.25583 21.4297 6.24688 20.8734 6.79215L10.7589 16.7061L7.49401 13.6728C6.92334 13.1425 6.03089 13.1754 5.50069 13.746C4.97048 14.3167 5.00329 15.2092 5.57396 15.7394L9.51108 19.3973C9.64394 19.5207 9.79424 19.6136 9.95336 19.6764C10.5028 20.1319 11.3188 20.1072 11.8397 19.5967L22.848 8.80671Z" fill="%23299F1F"/><path d="M22.868 6.81213L21.4397 8.21211L21.4397 8.21211L22.868 6.81213ZM22.848 8.80671L21.448 7.3784L21.448 7.3784L22.848 8.80671ZM20.8734 6.79215L22.2734 8.22046L22.2734 8.22046L20.8734 6.79215ZM10.7589 16.7061L9.39758 18.1713L10.7958 19.4704L12.1589 18.1344L10.7589 16.7061ZM7.49401 13.6728L8.85532 12.2075L7.49401 13.6728ZM5.50069 13.746L6.9659 15.1073L5.50069 13.746ZM5.57396 15.7394L6.93527 14.2741L5.57396 15.7394ZM9.51108 19.3973L10.8724 17.9321L10.8724 17.9321L9.51108 19.3973ZM9.95336 19.6764L11.23 18.1368L10.984 17.9329L10.6868 17.8157L9.95336 19.6764ZM11.8397 19.5967L10.4397 18.1684L10.4397 18.1684L11.8397 19.5967ZM21.4397 8.21211C21.2118 7.97958 21.2155 7.60632 21.448 7.3784L24.248 10.235C25.5931 8.91655 25.6148 6.75729 24.2963 5.41215L21.4397 8.21211ZM22.2734 8.22046C22.0409 8.44838 21.6676 8.44464 21.4397 8.21211L24.2963 5.41215C22.9779 4.06702 20.8186 4.04539 19.4734 5.36385L22.2734 8.22046ZM12.1589 18.1344L22.2734 8.22046L19.4734 5.36385L9.35891 15.2778L12.1589 18.1344ZM6.13271 15.138L9.39758 18.1713L12.1202 15.2409L8.85532 12.2075L6.13271 15.138ZM6.9659 15.1073C6.74428 15.3459 6.37125 15.3596 6.13271 15.138L8.85532 12.2075C7.47543 10.9255 5.31751 11.0048 4.03547 12.3847L6.9659 15.1073ZM6.93527 14.2741C7.17381 14.4958 7.18752 14.8688 6.9659 15.1073L4.03547 12.3847C2.75344 13.7646 2.83277 15.9225 4.21266 17.2046L6.93527 14.2741ZM10.8724 17.9321L6.93527 14.2741L4.21266 17.2046L8.14977 20.8625L10.8724 17.9321ZM10.6868 17.8157C10.7561 17.843 10.8195 17.8829 10.8724 17.9321L8.14977 20.8625C8.46835 21.1585 8.83242 21.3843 9.21988 21.537L10.6868 17.8157ZM10.4397 18.1684C10.6583 17.9541 10.9986 17.945 11.23 18.1368L8.67676 21.2159C10.0069 22.3189 11.9793 22.2604 13.2397 21.025L10.4397 18.1684ZM21.448 7.3784L10.4397 18.1684L13.2397 21.025L24.248 10.235L21.448 7.3784Z" fill="%2335AA52" mask="url(%23path-2-inside-1_0_1)"/></svg>');
  background-repeat: no-repeat;
  background-color: var(--green);
  background-size: 80% auto;
  background-position: 2px center;
}

.input-holder--checkbox-style-theme.selected::after {
  display: none !important;
}

.checkboxes-fields-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 36px;
}

@media only screen and (max-width: 600px) {
  .checkboxes-fields-container {
    margin-bottom: 20px;
  }
}

.checkboxes-fields-container .checkbox-field {
  margin-bottom: 0 !important;
}

.checkboxes-fields-container .form-field-header {
  margin-bottom: 0;
}

.checkboxes-fields-container .field-divider {
  margin: 20px 0;
}

.field.yes-no-field .pre-text {
  margin-top: -15px;
}

.checkbox-field-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.debugger-back-button{
  font-weight:bold;
  cursor:pointer;
  display:flex;
  gap:5px;
  align-items:center;
  text-transform: lowercase;
  color:var(--purple) !important;
  text-decoration: underline;
  font-size:14px;
  margin-bottom: 24px;
}

.debugger-back-button:before{
  width:12px;
  height:7px;
  display:block;
  content:'';
  background-image:url('//143788463.fs1.hubspotusercontent-eu1.net/hubfs/143788463/raw_assets/public/Pure_Cremation_April_2024/images/arrow-left.svg');
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position:center center;
}