.underline-3
{
  text-decoration: underline;
  text-decoration-color: #ef6b2a;
  text-decoration-style: solid;
  text-decoration-thickness: 3px;
  margin-top: 2px;
}

.font-gray {
    color: rgb(126, 123, 123);
}

#explore{
    background-color: #ef6b2a;
    width: 80px;
    height: 8px;
    margin: auto;
    display: block;
    margin-top: 10px;
}

.table-borderless td, .borderless th {
    border: none;
}

.underline {
    --color: #ef6b2a;
    --position: left bottom;
    --width: 100%;
    --height: 3px;
    background: linear-gradient(var(--color), var(--color)) var(--position) / var(--width) var(--height) no-repeat;
    padding-bottom: 10px;
    /* font: bold 2.5rem sans-serif; */
  }
.underline-center {
    --color: #ef6b2a;
    --position: center bottom;
    --width: 430px;
    --height: 3px;
    background: linear-gradient(var(--color), var(--color)) var(--position) / var(--width) var(--height) no-repeat;
    padding-bottom: 10px;
    /* font: bold 2.5rem sans-serif; */
  }
.underline-center-gray {
    --color: #c5c3c3;
    --position: center bottom;
    --width: 430px;
    --height: 3px;
    background: linear-gradient(var(--color), var(--color)) var(--position) / var(--width) var(--height) no-repeat;
    padding-bottom: 10px;
    /* font: bold 2.5rem sans-serif; */
  }
.underline-left-gray {
    --color: #c5c3c3;
    --position: left bottom;
    --width: auto;
    --height: 3px;
    background: linear-gradient(var(--color), var(--color)) var(--position) / var(--width) var(--height) no-repeat;
    padding-bottom: 10px;
    /* font: bold 2.5rem sans-serif; */
  }

  span.required {
    color: red;
  }