:root {
  --font: "Montserrat", sans-serif;
  --font-size: 16px;
  --text: rgb(51, 51, 51);
  --muted: rgb(92, 92, 93);
  --nav: #7a7a7a;
  --bg: #ffffff;
  --bg-soft: #f9f9f9;
  --bg-title: #f1f1f1;
  --bg-footer: #f3f3f3;
  --teal: #00949d;
  --teal-dark: #016b6e;
  --teal-mid: #00b0ae;
  --container: 1140px;
  --header-top: 46px;
  --radius: 12px;
  --wa: #25d366;
}

html {
  font-size: 16px;
}

body {
  margin: 0;
  font-family: var(--font);
  font-size: var(--font-size);
  color: var(--text);
  background: var(--bg);
  line-height: 1.5;
}

img,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.container {
  width: min(92%, var(--container));
  margin-inline: auto;
}

.skip-link {
  position: absolute;
  left: -999px;
  top: 0;
}
.skip-link:focus {
  left: 12px;
  z-index: 2000;
  background: #fff;
  padding: 8px 12px;
}