p {
  margin: 0;
}
/* #region MARK: hero */
.hero {
  padding-block-start: var(--columns-gap);
  /* padding-block-end: var(--section-padding); */
  padding-block-end: var(--gap);
}
.hero img {
  block-size: 100%;
  object-fit: cover;
}
/* #endregion*/
/* #region MARK: brands */
.brands {
  padding-block: var(--columns-gap);
  background-color: var(--bg-secondary);
}
.brands div {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--columns-gap);
  row-gap: var(--gap);
  justify-content: center;
  align-items: center;
}
.brands img {
  max-block-size: 4rem;
  object-fit: contain;
}
.brands img:nth-child(3) {
  inline-size: 15rem;
  filter: brightness(0.1);
}
/* #endregion*/

/* #region MARK: para */
.para {
  background-color: hsl(from var(--bg-tertiary) h s l / 0.9);
  color: var(--clr-850);
  position: relative;
}
.para h2 {
  color: var(--clr-1000);
}
.para .bg {
  position: absolute;
  inset: 0;
  margin: auto;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  z-index: -1;
}
.para ul {
  margin: 0;
  margin-block: var(--columns-gap);
  padding: 0;
}
.para li {
  display: grid;
  gap: var(--gap);
}
.para h3 {
  /* font-size: var(--fs-m); */
  color: var(--clr-1000);
}
/* #endregion*/
/* #region MARK: cta */
.cta .wrapper {
  align-items: center;
}
.cta form {
  max-inline-size: 65ch;
  margin-inline: auto;
}
/* #endregion*/