/*! brands.css | BUILD #1059 */
@font-face {
  font-family: Bricolage Grotesque;
  src: url("https://cdn.kaalimato.com/fonts/BricolageGrotesque-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Bricolage Grotesque;
  src: url("https://cdn.kaalimato.com/fonts/BricolageGrotesque-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Figtree;
  src: url("https://cdn.kaalimato.com/fonts/Figtree-Variable.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
div.pagecontentw1 {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-inline: var(--container-padding-inline, 48px);
}

div.yow {
  width: auto;
  overflow: hidden;
  border-radius: var(--radius-xl, 32px);
  margin: 1.5rem 0 2.5rem;
  -webkit-box-shadow: var(--shadow-lg);
          box-shadow: var(--shadow-lg);
}
@media not all and (min-width: 48rem) {
  div.yow {
    border-radius: var(--radius-md, 16px);
  }
}

h1.category1 {
  font-family: var(--font-family-secondary) !important;
  font-size: var(--font-size-h1) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  color: var(--theme-fg-primary) !important;
  margin: 1.5rem 0 0.75rem !important;
}

h2.bar.green {
  font-family: var(--font-family-secondary) !important;
  font-size: var(--font-size-h3) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--theme-brand-secondary) !important;
  border-top: 0 !important;
  padding: 0 !important;
  margin: 2rem 0 0.75rem !important;
}

.yow .yobw a.yobrand span.stripe {
  font-family: var(--font-family-primary, Figtree, sans-serif) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

div.brandtablecol {
  margin-inline: 0;
  width: auto;
  margin-top: 1.5rem;
}
div.brandtablecol .brandsubhdr {
  font-family: var(--font-family-secondary) !important;
  font-size: var(--font-size-h4) !important;
  font-weight: 700 !important;
  color: var(--theme-brand-secondary) !important;
}
div.brandtablecol a.brandcatw .label {
  font-family: var(--font-family-primary, Figtree, sans-serif) !important;
  font-size: var(--font-size-0, 1rem) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: var(--theme-fg-primary, #2d2926) !important;
}
div.brandtablecol a.brandcatw:hover .label {
  color: var(--theme-brand-secondary, #1f471f) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}