@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  clip-path: inset(100%) !important;
  clip: rect(0 0 0 0) !important;
  overflow: hidden !important;
}

body {
  font-family: "Montserrat", sans-serif;
  background: var(--bg-color);
  color: var(--text-color);
}

:root {
  --container-width: 1440px;
  --container-padding-x: 1.5rem;
  --bg-color: #101010;
  --bg-color-secondary: #00000015;
  --bg-color-secondary: #0000001b;
  --text-color: #2c2b2b;
}

.brand-card {
  --brnd--base-font-family: "Montserrat", sans-serif;
  --brnd--base-text-color: #fff;
}
.brand-card--style-8 {
  --brnd--base-radius: 18px;
  --brnd--base-bg: #10151F;
  --brnd--base-border: #4f00ce;
  --brnd--base-text-color: #fcfcfc;
  --brnd--button-bg: transparent;
  --brnd--shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}/*# sourceMappingURL=variables.css.map */