:root {
  /* --title-color: #242426;
  --text-color: #48494d;
  --secondary-color: #989aa0;
  --grey: #727479;
  --white: #ffffff;
  --blue: #3761e9;
  --blue-hover: #1c4ade;
  --blue-bg: #13299F;
  --blue-shade-1: #436FFF;
  --light-green: #f0f8ff;
  --grey-transparent: rgba(55, 97, 233, 0.12);
  --grey-shade-1: #f1f4ff;
  --grey-shade-2: #eff5fd;
  --grey-shade-3: #f4f6f8;
  --grey-shade-4: #CACDD0;
  --grey-shade-5: #E7EBF4;
  --grey-shade-6: #F8F9FD;
  --faded-rose: #fceff0;
  --stroke: #e9edf1;
  --light-grey-bg: linear-gradient(0deg, #f7f7fb, #f7f7fb), #f8f9fd; */
  /* --g1: 0.25rem;
  --g2: 0.5rem;
  --g3: 0.75rem;
  --g4: 1rem;
  --g5-desktop: 1.25rem;
  --g5-mobile: 1rem;
  --g6-desktop: 1.5rem;
  --g6-mobile: 1.25rem;
  --g7-desktop: 1.75rem;
  --g7-mobile: 1.5rem;
  --g8-desktop: 2rem;
  --g8-mobile: 1.75rem;
  --g9-desktop: 2.5rem;
  --g9-mobile: 2rem;
  --g10-desktop: 3rem;
  --g10-mobile: 2rem;
  --g11-desktop: 3.5rem;
  --g11-mobile: 2.5rem;
  --g12-desktop: 4rem;
  --g12-mobile: 2.5rem;
  --g13-desktop: 5rem;
  --g13-mobile: 3rem;
  --g14-desktop: 5.5rem;
  --g14-mobile: 3.5rem;
  --h1-desktop: 2.75rem;
  --h1-mobile: 2rem;
  --h1-line-height: 1.36;
  --h2-desktop: 2.125rem;
  --h2-mobile: 1.75rem;
  --h2-line-height: 1.29;
  --h3-desktop: 1.75rem;
  --h3-mobile: 1.5rem;
  --h3-line-height: 1.36;
  --h4-desktop: 1.5rem;
  --h4-mobile: 1.25rem;
  --h4-line-height: 1.42;
  --h5-desktop: 1.25rem;
  --h5-mobile: 1.125rem;
  --h5-line-height: 1.5;
  --large-text-desktop: 1.375rem;
  --large-text-mobile: 1.125rem;
  --large-text-line-height: 1.45;
  --medium-text-desktop: 1.125rem;
  --medium-text-mobile: 1rem;
  --medium-text-line-height: 1.56;
  --regular-text: 1rem;
  --regular-text-line-height: 1.62;
  --small-text: 0.9375rem;
  --small-text-line-height: 1.6;
  --mini-text: 0.875rem;
  --mini-text-line-height: 1.57;
  --micro-text: 0.8125rem;
  --micro-text-line-height: 1.54;
  --nano-text: 0.75rem;
  --nano-text-line-height: 1.5; */
}
/* 
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-weight: 500;
  color: var(--title-color);
}

.h1 {
  font-size: clamp(var(--h1-mobile), 5vw, var(--h1-desktop));
  line-height: var(--h1-line-height);
}

.h2 {
  font-size: clamp(var(--h2-mobile), 3vw, var(--h2-desktop));
  line-height: var(--h2-line-height);
}

.h3 {
  font-size: clamp(var(--h3-mobile), 3vw, var(--h3-desktop));
  line-height: var(--h3-line-height);
}

.h4 {
  font-size: clamp(var(--h4-mobile), 2vw, var(--h4-desktop));
  line-height: var(--h4-line-height);
}

.h5 {
  font-size: clamp(var(--h5-mobile), 2vw, var(--h5-desktop));
  line-height: var(--h5-line-height);
} */
/*
.large-text {
  font-size: clamp(var(--large-text-mobile), 2vw, var(--large-text-desktop));
  line-height: var(--large-text-line-height);
}

.medium-text {
  font-size: clamp(var(--medium-text-mobile), 2vw, var(--medium-text-desktop));
  line-height: var(--medium-text-line-height);
}

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

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

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

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

.nano-text {
  font-size: var(--nano-text);
  line-height: var(--nano-text-line-height);
}
*/
/* .centered {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.text-align-left {
  text-align: left;
}

.no-wrap {
  white-space: nowrap;
}

.max-width-small {
  max-width: 568px;
}

.max-width-600 {
  max-width: 600px;
}

.max-width-776 {
  max-width: 776px;
}

.max-width-808 {
  max-width: 808px;
}

.bold {
  font-weight: 500;
}

.strong {
  font-weight: 600;
}

.title-color {
  color: var(--title-color);
}

.text-color {
  color: var(--text-color);
}

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

.white-color {
  color: var(--white);
}

.blue-color {
  color: var(--blue);
}

.grey-color {
  color: var(--grey);
}

.bg-light-green {
  background-color: var(--light-green);
}

.bg-light-grey {
  background: var(--light-grey-bg);
}

.border-bottom {
  border-bottom: 1px solid var(--stroke);
}

.border-top{
  border-top: 1px solid var(--stroke);
}

.link {
  color: var(--blue);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
@media (any-hover: hover) {
  .link:hover {
    color: var(--title-color);
  }
  .link:hover svg path {
    stroke: var(--title-color);
  }
} */