/* XS fallback background (<picture>) */
.app-bg-xs {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh; /* Force full viewport height */
  z-index: -2; /* Always behind SM+ layer */
  overflow: hidden;
}

.app-bg-xs img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Make the XS image behave like a background */
}

/* SM+ background container */
.app-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1; /* Above XS, below content */
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  display: none; /* Hidden until SM */
}

/* SM+ breakpoint */
@media (min-width: 576px) {
  .app-bg {
    display: block;
    background-image: url("/assets/images/amgood_design_assets/background_1200_800.webp");
  }
}

/* XXL breakpoint */
@media (min-width: 2561px) {
  .app-bg {
    background-image: url("/assets/images/amgood_design_assets/background_2200_1467.png");
  }
}

.style5 {
  margin-bottom: 0px;
  color: #9370d9;
}

.style6 {
  background-size: cover;
  background-image: url("../assets/images/now_1.webp");
}

.style8 {
  border-bottom: 1px solid #000;
  background-size: cover;
  background-image: url("../assets/images/the_nav_back.webp");
}

@media (min-width: 1400px) {
  .style8 {
    background-size: cover;
  }
  .style28 {
    margin-left: 0px;
  }
  .style29 {
    margin-left: 14px;
    padding-bottom: 0px;
  }
  .style30 {
    max-width: 175px;
  }
  .style31 {
    margin-bottom: 72px;
    padding-bottom: 0px;
  }
  .style32 {
    margin-top: 25px;
  }
  .style4 {
    background-size: cover;
  }
}

.style9 {
  color: #8afc17;
}

.style10 {
  color: #8afc17;
  padding-bottom: 0px;
}

@media (min-width: 768px) {
  .style11 {
    font-size: 0.8px;
  }
}

.style4 {
  border-top: 1px solid #000;
  background-image: url("../assets/images/now_1.webp");
}

.style13 {
  color: #8afc17;
}

.style14 {
  color: #8afc17;
}

.style15 {
  color: #8afc17;
}

.style16 {
  margin-top: 17px;
}

.style17 {
  margin-bottom: 2.5rem;
}

.style20 {
  color: #e0e0e0;
}

.style21 {
  color: #e0e0e0;
}

.style22 {
  color: #f0f0f0;
}

.style23 {
  color: #f0f0f0;
}

.style24 {
  color: #f0f0f0;
}

.style25 {
  color: #f0f0f0;
}

.style26 {
  color: #f0f0f0;
}

.style27 {
  border-color: #eff2f5;
  letter-spacing: 1em;
}

.style34 {
  margin-left: 265px;
}

.style40 {
  color: #8afc17;
}

.style41 {
  color: #845cd4;
}

.style42 {
  opacity: 0.1;
}

.style48 {
  text-align: left;
}

.style49 {
  text-align: left;
}

.style50 {
  text-align: left;
}

.style51 {
  text-align: left;
}

.style52 {
  text-align: justify;
}

.style53 {
  letter-spacing: 2em;
}

.style54 {
  font-weight: bold;
  letter-spacing: 1em;
}

.style55 {
  font-weight: bold;
  margin-right: 4px;
}

.style56 {
  letter-spacing: 0.1em;
}

.style57 {
  letter-spacing: 0.03em;
}

.style58 {
  letter-spacing: 0.01em;
}

.style59 {
  letter-spacing: 0.01em;
}

.style60 {
  letter-spacing: 0.01em;
}

.style61 {
}

.style62 {
  color: #3d87c9;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-width: 5px;
  margin-right: 5px;
}

.style63 {
  color: #3d87c9;
  margin-right: 5px;
}

.style64 {
  color: #3d87c9;
  margin-right: 5px;
}

.style65 {
  color: #3d87c9;
}

.style66 {
  margin-right: 5px;
  color: #f0f0f0;
}

.style67 {
  margin-right: 5px;
  color: #f0f0f0;
}

.style68 {
  color: #f0f0f0;
  margin-right: 5px;
}

.style69 {
  color: #f0f0f0;
  margin-right: 5px;
}
.text-scroll {
  color: #248bd1 !important;
  text-decoration: underline;
}
footer a[href="/privacy"] {
  color: black !important;
}