body, html {
  font-family: 'Poppins', sans-serif !important;
  font-size: 16px;
  --bs-body-font-size: 16px;
  line-height: 28px;
}
* {
  font-family: 'Poppins', sans-serif !important;
}
h1 {
  font-size: 3.375rem;
  line-height: 65px;
  font-weight: 500;
  margin-bottom: 35px;
}
h2 {
  font-size: 2.75rem;
  line-height: 65px;
  font-weight: 500;
}
h3 {
  font-size: 2.125rem;
  line-height: 44px;
  font-weight: 500;
  margin-bottom: 35px;
}
h4 {
  font-size: 1.5rem;
  line-height: 34px;
  font-weight: 500;
  margin-bottom: 35px;
}
p {
  font-size: 1rem;
  line-height: 28px;
}

img {
  max-width: 100%;
  height: auto;
}
.frame-container-1430 {
  .frame-container {
    max-width: 1430px;
    margin: 0 auto;
    padding: 0;
  }
}
.frame-container-1206 {
  .frame-container {
    max-width: 1206px;
    margin: 0 auto;
    padding: 0;
  }
}
.frame-container-1180 {
  .frame-container {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0;
  }
}
.frame-container-1176 {
  .frame-container {
    max-width: 1176px;
    margin: 0 auto;
    padding: 0;
  }
}
.frame-container-940 {
  .frame-container {
    max-width: 940px;
    margin: 0 auto;
    padding: 0;
  }
}
.frame-container-929 {
  .frame-container {
    max-width: 929px;
    margin: 0 auto;
    padding: 0;
  }
}

.frame-space-before-small {
  margin-top: 35px;
}
.frame-space-before-medium {
  margin-top: 52px;
}
.frame-space-before-large {
  margin-top: 105px;
}
.frame-space-before-extra-large {
  margin-top: 240px;
}
.frame-space-after-small {
  margin-bottom: 35px;
}
.frame-space-after-medium {
  margin-bottom: 52px;
}
.frame-space-after-large {
  margin-bottom: 105px;
}
.frame-space-after-extra-large {
  margin-bottom: 240px;
}

.frame-background-yellow {
  background-color: $yellow;
}

.frame-background-grey {
  background-color: $grey;
}

.frame {
  --frame-spacing-small: 0;
  --frame-spacing-xs: 0;
  --frame-spacing-small-xs: 0;
  --frame-spacing-sm: 0;
  --frame-spacing-small-sm: 0;
  --frame-spacing-md: 0;
  --frame-spacing-small-md: 0;
  --frame-spacing-lg: 0;
  --frame-spacing-small-lg: 0;
  --frame-spacing-xl: 0;
  --frame-spacing-small-xl: 0;
}
.frame-container {
  --bs-gutter-x: unset;
}
.text-purple {
  color: $purple;
}
a {
  text-decoration: none;
}
@media(max-width: 767px) {
  body, html {
    font-size: 14px;
    --bs-body-font-size: 14px;
  }
}