@font-face {
  font-family: "SF-Pro";
  src: url("../fonts/SF-Pro.ttf") format("truetype");
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-Black.otf") format("opentype");
  font-weight: 900;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-BlackItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-Heavy.otf") format("opentype");
  font-weight: 800;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-HeavyItalic.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-Bold.otf") format("opentype");
  font-weight: 700;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-Semibold.otf") format("opentype");
  font-weight: 600;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-SemiboldItalic.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-Regular.otf") format("opentype");
  font-weight: 400;
  font-optical-sizing: auto;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-RegularItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-Medium.otf") format("opentype");
  font-weight: 500;
  font-optical-sizing: auto;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-MediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-Light.otf") format("opentype");
  font-weight: 300;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-Ultralight.otf") format("opentype");
  font-weight: 200;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-UltralightItalic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-Thin.otf") format("opentype");
  font-weight: 100;
}

@font-face {
  font-family: "SF-Pro-Text";
  src: url("../fonts/SF-Pro-Text-ThinItalic.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
}

/*--------------------------------------------------------------
    # General
    --------------------------------------------------------------*/
:root {
  scroll-behavior: smooth;
  --primary_color: #005450;
  --secondary_color: #00433e;
  --tertiary_color: #13aa65;
  --fourth_color: #22A967;
  --fifth-color: #075450;

  --diet-first-color: #449eb8;
  --diet-second-text-color: #45bea0;

  --primary_color_rgb: 0, 84, 80;
  --secondary_color_rgb: 0, 67, 62;
  --tertiary_color_rgb: 19, 170, 101;

  --primary_text_color: #005450;
  --secondary_text_color: #00433e;
  --tertiary_text_color: #13aa65;

  --text_color_black_1: #424245;
  --text_color_black_2: #1d1d1f;

  --bg_color_1: #f5fcf8;
  --bg_color_2: #f7f0e6;

  --text-xxs: 11px;

  --text-xs: 0.813rem;
  /* 13px */
  --text-sm: 0.875rem;
  /* 14px */
  --text-md: 0.938rem;
  /* 15px */
  --text-lg: 1.125rem;
  /* 18px */
  --text-xl: 1.25rem;
  /* 20px */
  --text-1-5xl: 28px;

  --text-2xl: 2.188rem;
  /* 35px */
  --text-2-3xl: 40px;

  --text-2-5xl: 45px;

  --text-3xl: 3.063rem;
  /* 49px */
  --text-3-5xl: 60px;
  /* 60px */
  --text-3-7xl: 67px;

  --text-4xl: 76px;
  /* 66px */
  --text-4-7xl: 90px;

  --text-5xl: 96px;
  /* 96px */

  --line-height-xsm: 15px;

  --line-height-0-5sm: 22px;

  --line-height-sm: 1.563rem;
  /* 25px */
  --line-height-md: 1.125rem;
  /* 18px */
  --line-height-lg: 1.375rem;
  /* 22px */
  --line-height-xl: 1.563rem;
  /* 25px */
  --line-height-1-2xl: 30px;

  --line-height-1-5xl: 35px;

  --line-height-2xl: 2.625rem;
  /* 42px */
  --line-height-2-5xl: 50px;

  --line-height-3xl: 3.644rem;
  /* 58px */
  --line-height-3-5xl: 65px;
  /* 65px */
  --line-height-3-7xl: 83px;

  --line-height-4xl: 5.630rem;

  --line-height-4-2xl: 107px;

  --bs-accordion-border-radius: 100px;
}

img {
  pointer-events: none;
  user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* Fonts, Colors Properties */

.font-color-primary {
  color: var(--primary_text_color);
}

.font-color-secondary {
  color: var(--secondary_text_color);
}

.font-color-tertiary {
  color: var(--tertiary_text_color);
}

.font-sm {
  font-size: var(--text-sm);
  line-height: var(--line-height-sm);
}

.font-md {
  font-size: var(--text-md);
  line-height: var(--line-height-md);
}

.font-lg {
  font-size: var(--text-lg);
  line-height: var(--line-height-lg);
}

.font-xl {
  font-size: var(--text-xl);
  line-height: var(--line-height-xl);
}

.font-2xl {
  font-size: var(--text-2xl);
  line-height: var(--line-height-2xl);
}

.font-3xl {
  font-size: var(--text-3xl);
  line-height: var(--line-height-3xl);
}

.font-thin {
  font-weight: 100;
}

.font-ultralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-heavy {
  font-weight: 800;
}

.font-bolder {
  font-weight: 900;
}

.font-italic {
  font-style: italic;
}

body {
  font-family: "SF-Pro-Text";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--text_color_black_1);
  background-color: #fff;
}

*:focus {
  border-color: none;
  outline: none;
  box-shadow: none;
}