#fw-section-footer {
--color-primary: #80abfa;
--color-primary-rgb: 128, 171, 250;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}







#fw-section-custom-html-62189ca6-997b-40f4-ace8-fcf52805068a {

h2 {
  text-align: center;
  font-weight: 700;
}

ul li::marker {
    color: #fea6f2; /* Change the color of the bullet */
    font-size: 1.2em; /* Optional: Adjust size */
  }

 ul {
    list-style: disc;
  }



}
#fw-section-custom-html-4b35ef20-2f45-4c59-a041-9a4f74362569 {

h2 {
  text-align: center;
  font-weight: 700;
}

ul li::marker {
    color: #fea6f2; /* Change the color of the bullet */
    font-size: 1.2em; /* Optional: Adjust size */
  }

 ul {
    list-style: disc;
  }

div {
  width: 100%;
  max-width: 900px;
}

.container.wrapper {
  background-color: rgba(0, 0, 0, 0.75);
  padding: 40px 30px;
  border-radius: 16px;
  max-width: 700px;
  margin: 0 auto;
  color: #fff;
}
}
#fw-section-newsletter-816c961f-1f71-4a20-9395-a82bf5c7aeac {

#waitlist {
  scroll-margin-top: 100px; /* optional: offsets scroll if you have a fixed header */
}

.container.wrapper {
  background-color: rgba(0, 0, 0, 0.75); /* 75% transparent black */
  padding: 40px 30px; /* Add space inside the background */
  border-radius: 16px; /* Optional: rounded corners */
  max-width: 700px; /* Keep it narrow like your other sections */
  margin: 0 auto; /* Center the block horizontally */
}
}
#fw-section-image-with-text-7ea76d29-599d-4727-adea-019f370fcacf {

.image-with-text__content {
  background-color: rgba(0, 0, 0, 0.75); /* 75% transparent black */
  padding: 40px 30px; /* Inner spacing */
  border-radius: 16px; /* Smooth rounded edges */
  max-width: 700px; /* Contained width like .sf-donate */
  margin: 0 auto; /* Centered if full-width block */
}
}


#fw-section-image-with-text-7a732ee0-0713-4a84-aff2-9a7dcc1cf5b7 {

#waitlist {
  scroll-margin-top: 100px; /* optional: offsets scroll if you have a fixed header */
}
.image-with-text__content.image-with-text__content--left {
  background-color: rgba(0, 0, 0, 0.75); /* 75% transparent black */
  padding: 40px 30px; /* Creates space inside the box */
  border-radius: 16px; /* Optional rounded corners */
  max-width: 700px; /* Contain width similar to .sf-donate */
  margin: 0 auto; /* Center it if it's block-level */
}
}
#fw-section-custom-html-e0a66d82-9654-4bf0-9279-4c822a889eb8 {

.sf-donate {
  --sf-donate-bar-bg: rgba(0,0,0,.05);
  --sf-donate-bar-progress-bg: #80abfa;
  --sf-donate-bar-point-bg: #80abfa;
  --sf-donate-bar-point-border: #E8FFF7;
}

.sf-donate { 
  max-width: 700px;
  text-align: center;
  margin: 50px auto;
  background-color: rgba(0, 0, 0, 0.85); /* 75% transparent black */
  padding: 40px 30px; /* Add spacing inside the background */
  border-radius: 16px; /* Optional: rounded corners */
}

.sf-donate > * { 
  margin-bottom: 35px; 
}

.sf-donate .number { 
  display: inline-flex; 
  align-items: center; 
  gap: 10px; 
  font-size: clamp(2.5rem, 10vw, 130px); 
  letter-spacing: -2%; 
  line-height: 1; 
  font-weight: 600; 
  color: #46A787; 
  background: #80abfa; 
  background-clip: text;  
  -webkit-background-clip: text;  
  -webkit-text-fill-color: transparent;  
}

.sf-donate .number .currency { 
  font-size: 30%; 
  font-weight: 100; 
}

/* NEW progress bar wrapper */
.progress-bar-wrapper {
  width: 100%;
}

/* progress bar */
.sf-donate .progress-bar { 
  display: flex; 
  position: relative; 
  height: 20px; 
  border-radius: 10px; 
  background-color: var(--sf-donate-bar-bg); 
  overflow: visible; 
  border: 2px solid lightgray;
}

.sf-donate .progress-bar > span { 
  display: block; 
  height: 100%; 
  border-radius: 10px; 
  background-color: var(--sf-donate-bar-progress-bg); 
  position: relative; 
  width: 40%; 
  transition: width 2s ease-in-out;
}

.sf-donate .progress-bar > span:after { 
  content: ""; 
  width: 20px; 
  height: 20px; 
  border-radius: 50%; 
  background-color: var(--sf-donate-bar-point-bg); 
  border: 5px solid var(--sf-donate-bar-point-border); 
  position: absolute; 
  right: 0; 
  top: 50%; 
  transform: translate(50%, -50%);
}

.sf-donate .stats { 
  display: flex; 
  justify-content: center; 
  flex-wrap: wrap; 
  gap: 10px 30px; 
  list-style: none; 
}

.sf-donate a.button { 
  display: inline-flex; 
  align-items: center; 
  gap: 10px; 
  margin-left: 3px; 
  margin-right: 3px; 
  padding: 15px 30px; 
  background: #80abfa; 
  color: #fff; 
  border-radius: 8px; 
  text-decoration: none; 
  font-weight: 500; 
  transition: all .3s ease-in-out; 
}

.sf-donate a.button:hover { 
  background-color: #6188ce; 
}

.sf-donate a.button.secondary { 
  background: #393939; 
}

.sf-donate a.button.secondary:hover { 
  background: #505050; 
}

@media only screen and (max-width: 767px) { 
  .sf-donate a.button:not(.secondary) { 
    margin-bottom: 10px; 
  }
  
  .progress-bar-wrapper {
    padding: 0 20px;
  }

  .sf-donate .number {
    font-size: clamp(4.5rem, 16vw, 220px);
  }
}

}