* {
    font-size: 1.07rem;
}

body {
    font-family: 'Raleway', sans-serif;
    text-rendering: optimizeLegibility;
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6, nav {
    font-family: 'Jost', sans-serif;
}

strong {
  font-family: 'Jost', sans-serif;
  font-weight: 400;
  color: #0457af;
}

hr {
    border-top: 0.5px dashed black;
    margin-bottom: 0px;
    margin-top: 0px;
}

.hr2 {
  border-top: 0.5px dashed black; margin-bottom: 5px; margin-top: 5px;
}


.hr3 {
  border-top: 0.5px dashed black; margin-bottom: 1px; margin-top: 1px;
}

a {
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 5px;
      
  }

  .jost-font {
    font-family: 'Jost', sans-serif;
    font-weight: 400;
}

.bg-custom {
    background-color: #E1F0FF;
}

.ordered-list {
  list-style: none;
  padding: 0;
  counter-reset: item;
  font: 400 16px/1.5 'Jost', sans-serif;
}

.ordered-list li {
  display: flex;
}

.ordered-list li::before {
  content: counter(item, decimal-leading-zero) ". ";
  counter-increment: item;       
  flex: 0 0 32px;
}


@media (min-width: 768px) {
  .custom-lead {
    font-size: 1.25rem; /* Equivalent to Bootstrap's .lead */
    font-weight: 300; /* The same weight as .lead */
    line-height: 1.5; /* Adjust line-height as in .lead */
  }
}