.text-page-primary {
  color: var(--color-ocular);
}
.bg-page-light {
  background-color: var(--color-ocular-light);
}
.title-level2 {
  color: var(--color-ocular);
  font-weight: bold;
  font-size: 30px;
  text-align: center;
}
.title-level3 {
  color: var(--color-ocular);
  font-weight: bold;
  font-size: 24px;
  padding-left: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOSAxMiIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTguODAwMTYgNS41OTM4NUwwIDExLjE5NFYwTDguODAwMTYgNS41OTM4NVoiIGZpbGw9IiM2MUE0ODEiLz4KPC9zdmc+");
  background-repeat: no-repeat;
  background-position: left;
}
@media screen and (min-width: 1024px) {
  .title-level2 {
    font-size: 60px;
  }
  .title-level3 {
    font-size: 36px;
    padding-left: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDExIDE0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTEgNi45OTQxNEwwIDEzLjk5NDFWMEwxMSA2Ljk5NDE0WiIgZmlsbD0iIzYxQTQ4MSIvPgo8L3N2Zz4=");
  }
}