:root {
  --white: #fff;
  --black: #000;
  --light-grey: #e9e9e9;
  --dark-grey: #999999;
  --blue: #2EA7DE;
  --light-blue: #d4edfa;
  --dark-blue: #0E3D73;
  --darkest-blue: #001830;
  --profile-blue: #507599;
  --swiper-pagination-color: var(--blue);
  --swiper-pagination-bullet-size: 16px;
  --swiper-pagination-bullet-width: 16px;
  --swiper-pagination-bullet-height: 16px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
}