.c-highlighted-text {
  padding: 20px 25px;
  padding: 0.83333rem 1.04167rem;
  max-width: 840px;
  background: radial-gradient(circle at 100% 100%, #FFFFFF 0, #FFFFFF 3px, transparent 3px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%, #FFFFFF 0, #FFFFFF 3px, transparent 3px) 100% 0%/8px 8px no-repeat, radial-gradient(circle at 100% 0, #FFFFFF 0, #FFFFFF 3px, transparent 3px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #FFFFFF 0, #FFFFFF 3px, transparent 3px) 100% 100%/8px 8px no-repeat, linear-gradient(#FFFFFF, #FFFFFF) 50% 50%/calc(100% - 10px) calc(100% - 16px) no-repeat, linear-gradient(#FFFFFF, #FFFFFF) 50% 50%/calc(100% - 16px) calc(100% - 10px) no-repeat, linear-gradient(90deg, #0095d4 0%, #004a6a 100%);
  border-radius: 8px;
  box-sizing: border-box;
  color: #741678; }
  @media (min-width: 768px) {
    .c-highlighted-text {
      padding: 35px 45px;
      padding: 1.45833rem 1.875rem; } }
  .c-highlighted-text img {
    max-width: 100%;
    height: auto; }
  .c-highlighted-text h2, .c-highlighted-text h3 {
    color: #004B6C; }
  .c-highlighted-text u {
    text-decoration: none; }
  .c-highlighted-text a {
    color: #0048AA;
    cursor: pointer;
    display: inline;
    padding-bottom: 2px;
    text-decoration: none;
    transition: background 0.3s ease-out;
    background-image: linear-gradient(to bottom, #0048aa 0%, #0048aa 98%);
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: left 100%; }
    .c-highlighted-text a:hover, .c-highlighted-text a:focus {
      background-image: linear-gradient(to bottom, #741678 0%, #741678 98%);
      background-size: 100% 2px;
      background-repeat: no-repeat;
      background-position: left 100%; }

.c-rich-text .c-highlighted-text {
  margin: 10px 0px;
  margin: 0.41667rem 0; }