@font-face {
  font-family: "Montserrat";
  src:
    url("../vendors/Font/Montserrat-Medium.woff2") format("woff2"),
    url("../vendors/Font/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src:
    url("../vendors/Font/Montserrat-Regular.woff2") format("woff2"),
    url("../vendors/Font/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src:
    url("../vendors/Font/Montserrat-SemiBold.woff2") format("woff2"),
    url("../vendors/Font/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
:root {
  --main: #06706a;
  --dark-main: #00504c;
  --light-main: #d4f7f2;
  --lighter-main: #d4f7f24a;
  --white: #ffffff;
  --dark: #222;
  --subtle: #666;
  --fontfamily: "Montserrat", system-ui, sans-serif;
  --gradient: linear-gradient(
      0deg,
      var(--white) 0%,
      var(--light-main) 50%,
      var(--white) 100%
    )
    0% 0% / auto;
}