:root {
  --container-width: 1190px;
  --narrow-container-width: 770px;

  --color-white: #fff;
  --color-black: #161616;
  --color-light-grey: #F5F5F5;
  --color-grey: #AFAFAF;
  --color-primary: #003A63;
  --color-rgb-primary: 0, 58, 99;
  --color-primary-focus: #166C92;
  --color-secondary: #39B7D8;
  --color-rgb-secondary: 57, 183, 216;
  --color-secondary-light: #77E9FF;
  --color-secondary-dark: #0087A6;

  --star-size: 12px;
  --star-color: #fff;
  --star-background: #fc0;

  /* swiper */
  /* --swiper-pagination-color: ; */
  --swiper-theme-color: var(--color-secondary);  
}

@media (max-width: 767.98px) {
  :root {
    --swiper-navigation-size: 24px;
  }
}