@font-face {
  font-family: "roboto-bold";
  src: url(/public/fonts/Roboto/Roboto-medium.ttf) format("opentype"); }

@font-face {
  font-family: "roboto";
  src: url(/public/fonts/Roboto/Roboto-Regular.ttf) format("opentype"); }

@font-face {
  font-family: "roboto-bold";
  src: url(/public/fonts/Roboto/Roboto-medium.ttf) format("opentype"); }

@font-face {
  font-family: "roboto";
  src: url(/public/fonts/Roboto/Roboto-Regular.ttf) format("opentype"); }

.earn sup, .earn sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

.earn__container {
  margin: 0 auto;
  max-width: 1300px;
  padding: 0 10px;
  margin-bottom: 60px;
  margin-top: 60px;
  width: 60%; }
  @media only screen and (max-device-width: 1024px) {
    .earn__container {
      width: 100%; } }

.earn__title {
  color: #00438E;
  font-size: 30px;
  margin-bottom: 20px;
  font-family: "roboto"; }

.earn__description {
  margin-bottom: 40px;
  font-size: 14px; }

@media only screen and (max-width: 600px) {
  .earn-points__section {
    width: 100%;
    overflow: scroll; } }

@media only screen and (max-width: 600px) {
  .earn-points__table {
    width: 600px; } }

.earn-points__table-header {
  display: flex;
  align-items: center;
  background-color: #C0E1FC;
  height: 60px;
  padding: 0 20px;
  margin-bottom: 10px;
  border-radius: 30px; }
  @media only screen and (max-device-width: 1024px) {
    .earn-points__table-header {
      padding: 15px 20px; } }

.earn-points__table-header-item-container {
  display: flex;
  align-items: center;
  display: flex;
  width: 100%; }

.earn-points__table-header-item {
  font-size: 16px;
  font-weight: 500;
  color: #00438E;
  text-align: center; }
  .earn-points__table-header-item:first-child {
    width: 50%; }
  .earn-points__table-header-item:not(:first-child) {
    width: 30%; }
  .earn-points__table-header-item:not(:last-child) {
    text-align: initial; }
  @media only screen and (min-device-width: 650px) and (max-device-width: 1024px) {
    .earn-points__table-header-item:last-child {
      text-align: initial; } }

.earn-points__table-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 10px;
  box-shadow: 0px 3px 6px 0px rgba(0, 67, 142, 0.06);
  border-radius: 30px; }
  .earn-points__table-row:nth-child(2n) {
    background-color: #fbfbfb; }

.earn-points__table-row-item-title {
  padding: 20px; }

.earn-points__table-row-container {
  display: flex;
  align-items: center;
  padding: 15px 20px; }
  .earn-points__table-row-container:not(:last-child) {
    margin-bottom: 10px; }
  .earn-points__table-row-container:nth-child(2n) {
    background-color: #f7f5f5; }

.earn-points__table-row-item {
  text-align: center; }
  .earn-points__table-row-item:first-child {
    width: 50%; }
  .earn-points__table-row-item:nth-child(2n) {
    width: 30%; }
  .earn-points__table-row-item:nth-child(3n) {
    width: 20%; }
  .earn-points__table-row-item:not(:last-child) {
    text-align: initial; }
  @media only screen and (min-device-width: 650px) and (max-device-width: 1024px) {
    .earn-points__table-row-item:last-child {
      text-align: initial; } }

.earn-points__table-row-item-container {
  width: 100%;
  display: flex;
  flex-direction: column; }

.earn-points__table-row-item-info {
  display: flex; }
  .earn-points__table-row-item-info:not(:last-child) {
    margin-bottom: 10px; }

.earn__breadcrumbs-container {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  @media only screen and (max-device-width: 1024px) {
    .earn__breadcrumbs-container {
      display: none; } }

.earn__footnotes {
  margin-top: 20px; }