.highlighted-number { position: relative; overflow: hidden; }

@media (max-width: 991px) { .highlighted-number .container::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F5F9FB; z-index: -3; } }

@media (max-width: 991px) { .highlighted-number.yellow-highlighted-number .container::after { background: #F9F3EA; } }

.highlighted-number.yellow-highlighted-number .container .highlighted-number-title, .highlighted-number.yellow-highlighted-number .container .highlighted-number-list, .highlighted-number.yellow-highlighted-number .container .highlighted-number-list::after { background: #F9F3EA; }

.highlighted-number.yellow-highlighted-number .container .highlighted-number-title h2 { color: #C88C32; }

.highlighted-number.yellow-highlighted-number .container .highlighted-number-title h2 em { color: #E3C598; }

.highlighted-number .container { overflow: hidden; }

@media (max-width: 767px) { .highlighted-number .container { margin: 0px; } }

.highlighted-number .container .highlighted-number-image-wrapper { position: relative; overflow: hidden; z-index: -1; }

@media (min-width: 992px) { .highlighted-number .container .highlighted-number-image-wrapper { float: right; max-height: 464px; position: absolute; top: 0; right: 0; } }

@media (min-width: 992px) and (max-width: 1199px) { .highlighted-number .container .highlighted-number-image-wrapper { position: absolute; top: 0; right: 0; } }

.highlighted-number .container .highlighted-number-title { background: #F5F9FB; }

.highlighted-number .container .highlighted-number-title h2 em { color: #909AB4; }

@media (min-width: 992px) { .highlighted-number .container .highlighted-number-title { padding: 54px 80px 60px 60px; margin-top: 80px; max-width: 581px; }
  .highlighted-number .container .highlighted-number-title h2 { margin-top: 12px; font-size: 40px; line-height: 44px; } }

@media (max-width: 991px) { .highlighted-number .container .highlighted-number-title { right: 0px; margin-top: -8.875rem; padding: 32px 24px 40px 28px; z-index: 2; float: right; width: fit-content; }
  .highlighted-number .container .highlighted-number-title h2 { max-width: 205px; margin-top: 8px; } }

@media (min-width: 768px) and (max-width: 991px) { .highlighted-number .container .highlighted-number-title { top: 16.875rem; } }

.highlighted-number .container .highlighted-number-list { background: #F5F9FB; grid-column-gap: 20px; color: #22366A; width: 100%; }

.highlighted-number .container .highlighted-number-list button span { position: relative; }

@media (min-width: 992px) { .highlighted-number .container .highlighted-number-list button { position: absolute; bottom: 0; right: 0; } }

@media (max-width: 991px) { .highlighted-number .container .highlighted-number-list button { max-width: 173px; justify-self: end; } }

.highlighted-number .container .highlighted-number-list .highlighted-number-list-item-title { font-weight: 700; }

@media (min-width: 992px) { .highlighted-number .container .highlighted-number-list .highlighted-number-list-item-title { margin-top: 8px; } }

@media (max-width: 991px) { .highlighted-number .container .highlighted-number-list p { padding-left: 32px; max-width: 304px; margin-left: 16px; } }

@media (min-width: 768px) and (max-width: 991px) { .highlighted-number .container .highlighted-number-list p { max-width: 100%; } }

.highlighted-number .container .highlighted-number-list p:last-child { margin-top: 2px; }

.highlighted-number .container .highlighted-number-list span { width: 31px; height: 31px; display: inline-block; background-repeat: no-repeat; }

@media (max-width: 991px) { .highlighted-number .container .highlighted-number-list span { position: absolute; } }

@media (min-width: 1200px) { .highlighted-number .container .highlighted-number-list { margin-top: -10px; } }

@media (min-width: 992px) { .highlighted-number .container .highlighted-number-list { grid-template-columns: 1fr 1fr 1fr 1fr; grid-row-gap: 28px; padding: 40px 42px 40px 60px; width: fit-content; position: relative; }
  .highlighted-number .container .highlighted-number-list .highlighted-number-list-item { max-width: 196px; } }

@media (min-width: 992px) and (max-width: 1199px) { .highlighted-number .container .highlighted-number-list { padding-top: 20px; } }

@media (max-width: 991px) { .highlighted-number .container .highlighted-number-list { position: relative; grid-template-columns: 1fr; padding: 0 20px 48px 20px; grid-row-gap: 28px; } }