:root { 
  --alto: #d9d9d9;
  --black: #000000;
  --blue-ribbon: #0d6efd;
  --cod-gray: #0a0a0a;
  --gravel: #4c4b4b;
  --gray: #818181;
  --picton-blue: #3cc2ff;
  --white: #ffffff;
 
  --font-size-l: 24px;
  --font-size-m: 18px;
  --font-size-s: 16px;
  --font-size-xl: 40px;
  --font-size-xs: 14px;
  --font-size-xxl: 57px;
  --font-size-xxs: 12px;
  --font-size-xxxs: 14px;
 
  --font-family-gothic_a1: "Gothic A1", Helvetica;
  --font-family-konkhmer_sleokchher: "Konkhmer Sleokchher", Helvetica;
  --font-family-noto_serif: "Noto Serif", Helvetica;
}
.gothica1-normal-gray-16px {
  color: var(--gray);
  /* font-family: var(--font-family-gothic_a1); */
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.gothica1-normal-black-20px {
  color: var(--black);
  /* font-family: var(--font-family-gothic_a1); */
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.gothica1-bold-black-20px {
  color: var(--black);
  /* font-family: var(--font-family-gothic_a1); */
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.gothica1-bold-white-20px {
  color: var(--white);
  /* font-family: var(--font-family-gothic_a1); */
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.gothica1-normal-picton-blue-14px {
  color: var(--picton-blue);
  /* font-family: var(--font-family-gothic_a1); */
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  margin-top: -3px !important;
  margin-left: 7px;
}

.gothica1-normal-black-14px {
  color: var(--black);
  /* font-family: var(--font-family-gothic_a1); */
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.notoserif-normal-black-20px {
  color: var(--black);
  /* font-family: var(--font-family-noto_serif); */
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.gothica1-normal-blue-ribbon-20px {
  color: var(--blue-ribbon) !important;
  /* font-family: var(--font-family-gothic_a1); */
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.gothica1-normal-blue-ribbon-20px a {
  color: var(--blue-ribbon) !important;
}

.gothica1-normal-blue-ribbon-20px a:visited {
  color: var(--blue-ribbon) !important;
}

.breadcrumb-arrows {
  margin-left: 5px;
  margin-right: 10px;
}

.footer-name {
  color: var(--white);
  /* font-family: var(--font-family-noto_serif); */
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-weight: bold;
}

.gothica1-normal-white-14px {
  color: var(--white);
  /* font-family: var(--font-family-gothic_a1); */
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.gothica1-normal-black-16px {
  color: var(--black);
  /* font-family: var(--font-family-gothic_a1); */
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.gothica1-normal-white-12px {
  color: var(--white);
  font-family: var(--font-family-gothic_a1);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.gothica1-normal-gray-14px {
  color: var(--gray);
  /* font-family: var(--font-family-gothic_a1); */
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

.notoserif-bold-white-16px {
  color: var(--white);
  /* font-family: var(--font-family-noto_serif); */
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.notoserif-bold-white-8px {
  color: var(--white);
  /* font-family: var(--font-family-noto_serif); */
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.notoserif-black-gravel-40px {
  color: var(--gravel);
  /* font-family: var(--font-family-noto_serif); */
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 900;
}

.notoserif-normal-white-20px {
  color: var(--white);
  /* font-family: var(--font-family-noto_serif); */
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  margin-top: 10px;
}

.gothica1-normal-white-20px {
  /* font-family: var(--font-family-gothic_a1); */
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notoserif-normal-gravel-20px {
  color: var(--gravel);
  /* font-family: var(--font-family-noto_serif); */
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}