:where([data-etch-element="container"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: var(--content-width, 1366px);
  align-self: center; margin-inline: auto;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--base);
  min-height: 100vh;
  min-height: 100lvh;
  background-image: linear-gradient(color-mix(in srgb, var(--base) 98%, transparent), color-mix(in srgb, var(--base) 98%, transparent)), url('../assets/mandala-chocolate1x.svg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.cointainer {
  display: flex;
  flex-direction: column;
  max-width: 50rem;
  align-items: center;
	justify-content: center;

  & svg {
    height: 3rem;
  }
}
.heading-hero {
  text-align: center;
}
.text-hero {
  text-align: center;
}