@font-face {
  font-family:'Open Sans';
  src:url('../Assets/open-sans-regular.ttf') format('truetype');
  font-weight:400;
  font-display:swap
}
@font-face {
  font-family:'Open Sans';
  src:url('../Assets/open-sans-semibold.ttf') format('truetype');
  font-weight:600;
  font-display:swap
}
@font-face {
  font-family:'Open Sans';
  src:url('../Assets/open-sans-bold.ttf') format('truetype');
  font-weight:700 800;
  font-display:swap
}
:root {
  --teal:#307f75;
  --deep:#203e38;
  --lime:#cddd68;
  --sand:#dcb99c;
  --paper:#faf9f5;
  --muted:#596b64;
  --line:#dce3db;
  --sage:#edf2e9
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:115px
}
body {
  margin:0;
  background:var(--paper);
  color:var(--deep);
  font:400 17px/1.75 'Open Sans',sans-serif
}
button,input {
  font:inherit
}
button,a {
  -webkit-tap-highlight-color:transparent
}
a {
  color:inherit;
  text-decoration:none
}
button {
  cursor:pointer
}
img {
  max-width:100%;
  display:block
}
h1,h2,h3,p {
  margin-top:0
}
h1,h2,h3 {
  line-height:1.16;
  letter-spacing:-.045em
}
h1 {
  font-size:clamp(44px,5.3vw,72px);
  font-weight:600;
  margin-bottom:28px
}
h1 span {
  color:var(--teal)
}
h2 {
  font-size:clamp(32px,3.8vw,47px);
  font-weight:600;
  margin-bottom:26px
}
h3 {
  font-size:25px;
  font-weight:600
}
p {
  margin-bottom:22px
}
.wrap {
  max-width:1240px;
  margin:auto;
  padding-inline:48px
}
.section {
  padding-top:100px;
  padding-bottom:100px
}
.eyebrow {
  font-size:12px;
  letter-spacing:.15em;
  font-weight:700;
  color:var(--teal);
  margin-bottom:22px
}
.dot {
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--teal);
  margin-right:9px
}